{"version":3,"file":"quick-links.ab15c3.js","mappings":"gzBAAqBA,EAAU,WAuC1B,O,EAtCD,SAAAA,IAAc,IAAAC,EAAA,M,4FAAAC,CAAA,KAAAF,GACVG,KAAKC,aAAe,IAEpBC,EAAE,uCACGC,GAAG,aAAa,SAACC,GACTN,EAAKO,mBACND,EAAME,iBACNF,EAAMG,kBACNC,OAAOC,aAAaX,EAAKY,UACzBZ,EAAKa,YAAYP,EAAMQ,QAE/B,IACCT,GAAG,SAAS,SAACC,GACVA,EAAME,iBACNR,EAAKa,YAAYP,EAAMQ,OAC3B,IAEJV,EAAE,uCACGC,GAAG,cAAc,SAACC,GACfA,EAAME,iBACNF,EAAMG,kBACNT,EAAKe,WAAWT,EAAMQ,OAC1B,IACCT,GAAG,QAAS,UAAU,SAACC,GACpBA,EAAME,iBACNR,EAAKgB,YAAYV,EAAMQ,OAC3B,IAEJV,EAAE,QAAQC,GAAG,SAAS,SAACC,GACfN,EAAKO,mBAAqBP,EAAKiB,aAAaX,EAAMQ,SAClDd,EAAKkB,SAEb,IAGAd,EAAE,uCAAuCC,GAAG,SAAS,SAACC,GAClDF,EAAEE,EAAMQ,QAAQK,QAAQ,YAC5B,GACJ,G,EAAC,EAAAC,IAAA,iBAAAC,MAED,WACI,OAAOX,OAAOY,YAAcpB,KAAKC,YACrC,GAAC,CAAAiB,IAAA,eAAAC,MAED,SAAaE,GACT,OAAOnB,EAAEmB,GAASC,QAAQ,0BAA0BC,QAAUrB,EAAEmB,GAASG,SAAS,wBACtF,GAAC,CAAAN,IAAA,UAAAC,MAED,WACIjB,EAAE,gBAAgBuB,SAAS,kBAC3BvB,EAAE,gBAAgBwB,KAAK,KAAKC,KAAK,YAAa,EAClD,GAAC,CAAAT,IAAA,cAAAC,MAED,SAAYE,GACRnB,EAAEmB,GAASO,QAAQ,gBAAgBH,SAAS,iBAChD,GAAC,CAAAP,IAAA,cAAAC,MAED,SAAYE,GACR,IAAMQ,EAAW3B,EAAEmB,GAASO,QAAQ,oBAE9BE,EADa5B,EAAEmB,GAASO,QAAQ,0BACPF,KAAK,gBAChCI,EAAYN,SAAS,mBACrBK,EAASH,KAAK,gBAAgBD,SAAS,kBACvCK,EAAYC,YAAY,kBACxB7B,EAAE,gBAAgBwB,KAAK,KAAKC,KAAK,YAAa,GAC9CG,EAAYJ,KAAK,KAAKC,KAAK,WAAY,KAEvCG,EAAYL,SAAS,kBACrBvB,EAAE,gBAAgBwB,KAAK,KAAKC,KAAK,YAAa,GAEtD,GAAC,CAAAT,IAAA,aAAAC,MAED,SAAWE,GAAS,IAAAW,EAAA,KAChBhC,KAAKU,SAAWuB,YAAW,WACvBD,EAAKlB,YAAYO,EACrB,GAAG,IACP,M,6EAAC,CA7E0B,E","sources":["webpack://cloroxpro-ca/./js/src/views/panel-quicklinks.js"],"sourcesContent":["export default class QuickLinks {\n    constructor() {\n        this.mobileDivide = 640;\n\n        $('.quicklinks-menu--item .menu-toggle')\n            .on('mouseover', (event) => {\n                if (!this.isMobileDesign()) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    window.clearTimeout(this.timeToGo);\n                    this.showPopover(event.target);\n                }\n            })\n            .on('click', (event) => {\n                event.preventDefault();\n                this.showPopover(event.target);\n            });\n\n        $('.quicklinks-menu--item .menu-choice')\n            .on('mouseleave', (event) => {\n                event.preventDefault();\n                event.stopPropagation();\n                this.hoverTimer(event.target);\n            })\n            .on('click', '.close', (event) => {\n                event.preventDefault();\n                this.hidePopover(event.target);\n            });\n\n        $('body').on('click', (event) => {\n            if (this.isMobileDesign() && !this.isAQuicklink(event.target)) {\n                this.hideAll();\n            }\n        });\n\n        // open menu on focus\n        $('.quicklinks-menu--item .menu-toggle').on('focus', (event) => {\n            $(event.target).trigger('mouseover');\n        });\n    }\n\n    isMobileDesign() {\n        return window.innerWidth <= this.mobileDivide;\n    }\n\n    isAQuicklink(element) {\n        return $(element).parents('.quicklinks-menu--item').length || $(element).hasClass('quicklinks-menu--item');\n    }\n\n    hideAll() {\n        $('.menu-choice').addClass('visuallyhidden');\n        $('.menu-choice').find('a').attr('tabindex', -1);\n    }\n\n    hidePopover(element) {\n        $(element).closest('.menu-choice').addClass('visuallyhidden');\n    }\n\n    showPopover(element) {\n        const $section = $(element).closest('.quicklinks-menu');\n        const $container = $(element).closest('.quicklinks-menu--item');\n        const $menuChoice = $container.find('.menu-choice');\n        if ($menuChoice.hasClass('visuallyhidden')) {\n            $section.find('.menu-choice').addClass('visuallyhidden');\n            $menuChoice.removeClass('visuallyhidden');\n            $('.menu-choice').find('a').attr('tabindex', -1);\n            $menuChoice.find('a').attr('tabindex', 0);\n        } else {\n            $menuChoice.addClass('visuallyhidden');\n            $('.menu-choice').find('a').attr('tabindex', -1);\n        }\n    }\n\n    hoverTimer(element) {\n        this.timeToGo = setTimeout(() => {\n            this.hidePopover(element);\n        }, 500);\n    }\n}\n"],"names":["QuickLinks","_this","_classCallCheck","this","mobileDivide","$","on","event","isMobileDesign","preventDefault","stopPropagation","window","clearTimeout","timeToGo","showPopover","target","hoverTimer","hidePopover","isAQuicklink","hideAll","trigger","key","value","innerWidth","element","parents","length","hasClass","addClass","find","attr","closest","$section","$menuChoice","removeClass","_this2","setTimeout"],"sourceRoot":""}