{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/tabContainerBlock/js/tabContainerBlock.js"],"names":["CLS","TabContainerBlock","element","_classCallCheck","this","$element","$","$tabs","find","concat","$tabPanels","easeDuration","data","navs","window","eval","state","tabs","threshold","isViewAll","activeKey","numberOfTabs","length","renderTabs","$tabLinks","initializeEvents","key","value","tabItemTemplate","tab","isActive","id","text","tabItemSeeAll","empty","append","_","range","map","join","_this","on","addClass","event","removeClass","index","eq","e","scrollTopPos","offset","top","siteHeaderWidget","document","Number","height","animate","scrollTop"],"mappings":"+3BAAA,IACMA,EAAM,oBAECC,EAAiB,WAqB5B,SApBD,SAAAA,EAAYC,gGAASC,CAAAC,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAClBE,KAAKG,MAAQH,KAAKC,SAASG,KAAI,IAAAC,OAAKT,EAAG,cACvCI,KAAKM,WAAaN,KAAKC,SAASG,KAAI,IAAAC,OAAKT,EAAG,cAC5CI,KAAKO,aAAe,IACpB,IAAMC,EAAOR,KAAKC,SAASO,OACrBC,EAAOC,OAAOC,KAAKH,EAAKC,MAC9BT,KAAKY,OACJC,KAAMJ,EACNK,UAAWN,EAAKM,UAChBC,WAAW,EACXC,UAAWR,EAAKQ,UAEhBC,aAAcjB,KAAKM,WAAWY,QAG/BlB,KAAKmB,aACLnB,KAAKoB,UAAYpB,KAAKC,SAASG,KAAI,IAAAC,OAAKT,EAAG,cAC3CI,KAAKqB,yBACLC,IAAA,aAAAC,MAED,WACC,IAAyBX,EAChBK,EAaHO,EAAkB,SAACC,GAExB,oBAAApB,OAAqBT,EAAG,4CAAAS,OACXT,EAAG,cAAAS,OAAaT,EAAG,8BAAAS,OAA6BoB,EAAIC,SAAW,SAAW,GAAE,gBAAArB,OAAeoB,EAAIE,GAAE,sCAAAtB,OAAqCoB,EAAIE,GAAE,iCAAAtB,OAAgCoB,EAAIG,KAAI,sBAI5LC,EAAgB,WAErB,oBAAAxB,OAAqBT,EAAG,4CAAAS,OACXT,EAAG,cAAAS,OAAaT,EAAG,gMAIjCI,KAAKG,MAAM2B,QACX9B,KAAKG,MAAM4B,QA7BcnB,EA6BSZ,KAAKY,MA5B9BK,EAAiBL,EAAjBK,aACKe,EAAEC,MAAM,EAAGhB,EAAe,GAAGiB,IAAI,SAACX,GAC9C,OACCI,GAAE,OAAAtB,OAASkB,GACXK,KAAML,EACNG,SAAmB,GAATH,KAGAW,IAAIV,GACdnB,OAAOwB,KACPM,KAAK,SAmBRb,IAAA,mBAAAC,MAED,WAAmB,IAAAa,EAAApC,KAClBA,KAAKC,SAASG,KAAI,IAAAC,OAAKT,EAAG,sBAAqByC,GAAG,QAAS,WAC1DD,EAAKnC,SAASqC,SAAQ,GAAAjC,OAAIT,EAAG,eAG9BI,KAAKC,SAASG,KAAI,IAAAC,OAAKT,EAAG,qBAAoByC,GAAG,QAAS,SAACE,GAC1DH,EAAKnC,SAASuC,YAAW,GAAAnC,OAAIT,EAAG,eAGjCI,KAAKC,SAASG,KAAI,qBAAsBiC,GAAG,QAAS,WACnD,IAAII,EAAQL,EAAKnC,SAASG,KAAI,IAAAC,OAAKT,EAAG,qBAAoB6C,QAEvDA,EAAQ,EAAIL,EAAK9B,WAAWY,QACdkB,EAAKhB,UAAUsB,GAAGD,EAAQ,GAChChB,IAAI,UAIhBzB,KAAKC,SAASoC,GAAG,eAAgB,sBAAuB,SAACM,GACxD,IAAIC,EAAeR,EAAKnC,SAAS4C,SAASC,IACtCC,EAAmB7C,EAAE8C,UAAU5C,KAAK,qBAErC2C,EAAiB7B,OAAS,IAC5B0B,EAAeK,OAAOL,GAAgBK,OAAOF,EAAiBG,WAG/DhD,EAAE,cAAciD,SACfC,UAAWR,GACTR,EAAK7B,+GApFmB","file":"block-27.430117f348aedc9992ce.js","sourcesContent":["const NS = 'TabContainerBlock';\nconst CLS = 'tabContainerBlock';\n\nexport class TabContainerBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.$tabs = this.$element.find(`.${CLS}-tab-list`);\n\t\tthis.$tabPanels = this.$element.find(`.${CLS}-tab-pane`);\n\t\tthis.easeDuration = 300;\n\t\tconst data = this.$element.data();\n\t\tconst navs = window.eval(data.navs);\n\t\tthis.state = {\n\t\t\ttabs: navs,\n\t\t\tthreshold: data.threshold,\n\t\t\tisViewAll: false,\n\t\t\tactiveKey: data.activeKey,\n\n\t\t\tnumberOfTabs: this.$tabPanels.length\n\t\t};\n\n\t\tthis.renderTabs();\n\t\tthis.$tabLinks = this.$element.find(`.${CLS}-tab-link`);\n\t\tthis.initializeEvents();\n\t}\n\n\trenderTabs() {\n\t\tconst tabListTemplate = (state) => {\n\t\t\tconst { numberOfTabs } = state;\n\t\t\tconst navs = _.range(1, numberOfTabs + 1).map((value) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: `tab-${value}`,\n\t\t\t\t\ttext: value,\n\t\t\t\t\tisActive: value == 1\n\t\t\t\t};\n\t\t\t});\n\t\t\treturn navs.map(tabItemTemplate)\n\t\t\t\t.concat(tabItemSeeAll())\n\t\t\t\t.join('');\n\t\t};\n\n\t\tconst tabItemTemplate = (tab) => {\n\t\t\t// Tab List HTML element\n\t\t\treturn `<li class=\"${CLS}-tab-item nav-item\">\n\t\t\t\t<a class=\"${CLS}-tab-link ${CLS}-tab-link--plain nav-link ${tab.isActive ? 'active' : ''}\" data-key=\"${tab.id}\" data-toggle=\"tab\" data-target=\"#${tab.id}\" href=\"javascript:void(0);\">${tab.text}</a>\n\t\t\t</li>`;\n\t\t};\n\n\t\tconst tabItemSeeAll = () => {\n\t\t\t// Tab List Item HTML element\n\t\t\treturn `<li class=\"${CLS}-tab-item nav-item\">\n\t\t\t\t<a class=\"${CLS}-tab-link ${CLS}-tab-link--seeAll nav-link\" data-key='see-all' data-toggle=\"tab\" role=\"tab\" data-target=\"#see-all\" role=\"tab\" aria-controls=\"see-all\" href=\"javascript:void(0);\">See all</a>\n\t\t\t</li>`;\n\t\t};\n\n\t\tthis.$tabs.empty();\n\t\tthis.$tabs.append(tabListTemplate(this.state));\n\t}\n\n\tinitializeEvents() {\n\t\tthis.$element.find(`.${CLS}-tab-link--seeAll`).on('click', () => {\n\t\t\tthis.$element.addClass(`${CLS}--seeAll`);\n\t\t});\n\n\t\tthis.$element.find(`.${CLS}-tab-link--plain`).on('click', (event) => {\n\t\t\tthis.$element.removeClass(`${CLS}--seeAll`);\n\t\t});\n\n\t\tthis.$element.find(`.tabItemBlock-btn`).on('click', () => {\n\t\t\tlet index = this.$element.find(`.${CLS}-tab-pane.active`).index();\n\n\t\t\tif(index + 1 < this.$tabPanels.length) {\n\t\t\t\tlet $nextLink = this.$tabLinks.eq(index + 1);\n\t\t\t\t$nextLink.tab('show');\n\t\t\t}\n\t\t});\n\n\t\tthis.$element.on('shown.bs.tab', '[data-toggle=\"tab\"]', (e) => {\n\t\t\tlet scrollTopPos = this.$element.offset().top;\n\t\t\tlet siteHeaderWidget = $(document).find('.siteHeaderWidget');\n\n\t\t\tif(siteHeaderWidget.length > 0) {\n\t\t\t\tscrollTopPos = Number(scrollTopPos) - Number(siteHeaderWidget.height());\n\t\t\t}\n\n\t\t\t$('html, body').animate({\n\t\t\t\tscrollTop: scrollTopPos\n\t\t\t}, this.easeDuration);\n\t\t});\n\t}\n}\n\n\n"],"sourceRoot":""}