{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/widgets/siteHeaderBottomSubMenuItemsWidget/js/siteHeaderBottomSubMenuItemsWidget.js"],"names":["CLS","SiteHeaderBottomSubMenuItemsWidget","element","_this","this","_classCallCheck","$element","$","$dropdownHeadings","children","concat","$selectedItem","itemContentAnimationDuration","itemHeadingIconAnimationDuration","itemHeadingIconRotationDegree","on","event","$itemToBeSelected","currentTarget","parent","isEqualNode","attr","deactivate","activate","stopPropagation","params","animate","key","value","item","arguments","length","undefined","slideDown","duration","rotateIcon","show","slideUp","each","index","trigger","initialDegree","degree","deg","step","now","css","transform"],"mappings":"84BAAA,IACMA,EAAM,qCAECC,EAAkC,WAyC7C,SAxCD,SAAAA,EAAYC,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAElBE,KAAKI,kBAAoBJ,KAAKE,SAASG,SAAQ,IAAAC,OAAKV,EAAG,cAAaS,SAAQ,IAAAC,OAAKV,EAAG,sBACpFI,KAAKO,cAAgB,KACrBP,KAAKQ,6BAA+B,IACpCR,KAAKS,iCAAmC,IACxCT,KAAKU,8BAAgC,GAErCV,KAAKI,kBAAkBO,GAAG,QAAS,SAACC,GACnC,IAAIC,EAAoBV,EAAES,EAAME,eAAeC,OAAM,IAAAT,OAAKV,EAAG,cAEzDG,EAAKQ,cAGDR,EAAKQ,cAAc,GAAGS,YAAYH,EAAkB,KAAOd,EAAKQ,cAAcU,KAAK,eAC1FlB,EAAKmB,WAAWL,GAERd,EAAKQ,cAAc,GAAGS,YAAYH,EAAkB,MAC5Dd,EAAKmB,WAAWnB,EAAKQ,eACrBR,EAAKoB,SAASN,IAPdd,EAAKoB,SAASN,KAYhBb,KAAKE,SAASS,GAAE,GAAAL,OAAIV,EAAG,wBAAwB,SAACgB,GAC/CA,EAAMQ,kBACHrB,EAAKQ,eACPR,EAAKmB,WAAWnB,EAAKQ,iBAIvBP,KAAKE,SAASS,GAAE,GAAAL,OAAIV,EAAG,sBAAsB,SAACgB,EAAOS,GACpDT,EAAMQ,kBAEHC,EAAOvB,SACTC,EAAKoB,SAASE,EAAOvB,QAASuB,EAAOC,iBAGvCC,IAAA,WAAAC,MAED,SAASC,KAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,IAEpBD,EAAKpB,SAAQ,IAAAC,OAAKV,EAAG,sBAAqBiC,WACzCC,SAAU9B,KAAKQ,+BAEhBR,KAAK+B,WAAWN,EAAM,EAAGzB,KAAKU,iCAG9Be,EAAKpB,SAAQ,IAAAC,OAAKV,EAAG,sBAAqBoC,OAC1ChC,KAAK+B,WAAWN,EAAM,EAAGzB,KAAKU,+BAA+B,IAG9De,EAAKR,KAAK,eAAe,GACzBjB,KAAKO,cAAgBkB,KACrBF,IAAA,aAAAC,MAED,SAAWC,GACVA,EAAKpB,SAAQ,IAAAC,OAAKV,EAAG,sBAAqBqC,SACzCH,SAAU9B,KAAKQ,+BAEhBR,KAAK+B,WAAWN,EAAMzB,KAAKU,8BAA+B,GAC1De,EAAKR,KAAK,eAAe,GACzBjB,KAAKO,cAAgB,KAErBkB,EAAKpB,SAAQ,IAAAC,OAAKV,EAAG,sBAAqBS,SAAQ,IAAAC,OAAKV,EAAG,4BAA2BS,SAAS,kCAAkC6B,KAAK,SAACC,EAAOrC,GAC5IK,EAAEL,GAASsC,QAAO,GAAA9B,OAAIV,EAAG,iCAE1B2B,IAAA,aAAAC,MAED,SAAWC,EAAMY,EAAeC,GAAwB,IAAhBhB,IAAOI,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAC1CxB,EAAWuB,EAAKpB,SAAQ,IAAAC,OAAKV,EAAG,sBAAqBS,SAAQ,IAAAC,OAAKV,EAAG,mBAEtE0B,EACFnB,GAAIoC,IAAKF,IAAiBf,SAAUiB,IAAKD,IACxCR,SAAU9B,KAAKS,iCACf+B,KAAM,SAACC,GACNvC,EAASwC,KACRC,UAAS,UAAArC,OAAYmC,EAAG,aAM3BvC,EAASwC,KACRC,UAAS,UAAArC,OAAYgC,EAAM,yGAvFgB","file":"widget-30.430117f348aedc9992ce.js","sourcesContent":["const NS = 'SiteHeaderBottomSubMenuItemsWidget';\nconst CLS = 'siteHeaderBottomSubMenuItemsWidget';\n\nexport class SiteHeaderBottomSubMenuItemsWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.$dropdownHeadings = this.$element.children(`.${CLS}-dropdown`).children(`.${CLS}-dropdown-heading`);\n\t\tthis.$selectedItem = null;\n\t\tthis.itemContentAnimationDuration = 350;\n\t\tthis.itemHeadingIconAnimationDuration = 250;\n\t\tthis.itemHeadingIconRotationDegree = 90;\n\n\t\tthis.$dropdownHeadings.on('click', (event) => {\n\t\t\tlet $itemToBeSelected = $(event.currentTarget).parent(`.${CLS}-dropdown`);\n\n\t\t\tif(!this.$selectedItem) {\n\t\t\t\tthis.activate($itemToBeSelected);\n\t\t\t}\n\t\t\telse if(this.$selectedItem[0].isEqualNode($itemToBeSelected[0]) && this.$selectedItem.attr('data-active')) {\n\t\t\t\tthis.deactivate($itemToBeSelected);\n\t\t\t}\n\t\t\telse if(!this.$selectedItem[0].isEqualNode($itemToBeSelected[0])) {\n\t\t\t\tthis.deactivate(this.$selectedItem);\n\t\t\t\tthis.activate($itemToBeSelected);\n\t\t\t}\n\t\t});\n\n\t\t// Deactivates all the dropdowns. for the most part can be called by the parent dropdown…\n\t\tthis.$element.on(`${CLS}.dropdown.deactivate`, (event) => {\n\t\t\tevent.stopPropagation();\n\t\t\tif(this.$selectedItem) {\n\t\t\t\tthis.deactivate(this.$selectedItem);\n\t\t\t}\n\t\t});\n\n\t\tthis.$element.on(`${CLS}.dropdown.activate`, (event, params) => {\n\t\t\tevent.stopPropagation();\n\t\t\t// Dropdown element passed from sidebarWidget\n\t\t\tif(params.element) {\n\t\t\t\tthis.activate(params.element, params.animate);\n\t\t\t}\n\t\t});\n\t}\n\n\tactivate(item, animate = true) {\n\t\tif(animate) {\n\t\t\titem.children(`.${CLS}-dropdown-content`).slideDown({\n\t\t\t\tduration: this.itemContentAnimationDuration\n\t\t\t});\n\t\t\tthis.rotateIcon(item, 0, this.itemHeadingIconRotationDegree);\n\t\t}\n\t\telse {\n\t\t\titem.children(`.${CLS}-dropdown-content`).show();\n\t\t\tthis.rotateIcon(item, 0, this.itemHeadingIconRotationDegree, false);\n\t\t}\n\n\t\titem.attr('data-active', true);\n\t\tthis.$selectedItem = item;\n\t}\n\n\tdeactivate(item) {\n\t\titem.children(`.${CLS}-dropdown-content`).slideUp({\n\t\t\tduration: this.itemContentAnimationDuration\n\t\t});\n\t\tthis.rotateIcon(item, this.itemHeadingIconRotationDegree, 0);\n\t\titem.attr('data-active', false);\n\t\tthis.$selectedItem = null;\n\n\t\titem.children(`.${CLS}-dropdown-content`).children(`.${CLS}-dropdown-content-inner`).children('[data-wg=\"SidebarItemsWidget\"]').each((index, element) => {\n\t\t\t$(element).trigger(`${CLS}.dropdown.deactivate`, {});\n\t\t});\n\t}\n\n\trotateIcon(item, initialDegree, degree, animate = true) {\n\t\tlet $element = item.children(`.${CLS}-dropdown-heading`).children(`.${CLS}-dropdown-icon`);\n\n\t\tif(animate) {\n\t\t\t$({ deg: initialDegree }).animate({ deg: degree }, {\n\t\t\t\tduration: this.itemHeadingIconAnimationDuration,\n\t\t\t\tstep: (now) => {\n\t\t\t\t\t$element.css({\n\t\t\t\t\t\ttransform: `rotate(${now}deg)`\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\telse {\n\t\t\t$element.css({\n\t\t\t\ttransform: `rotate(${degree}deg)`\n\t\t\t});\n\t\t}\n\t}\n}\n"],"sourceRoot":""}