{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/blocks/tabContainerBlock/js/tabContainerBlock.js"],"names":["CLS","TabContainerBlock","element","_classCallCheck","this","$element","$","$tabs","find","$tabPanes","renderTabs","_this","append","tabListTemplate","value","each","index","config","isActive","hasClass","id","attr","title","iconSrc","tabItemTemplate","tab"],"mappings":"2cAAA,IACMA,EAAM,4BAECC,6BACZ,SAAAA,kBAAYC,gHAASC,CAAAC,KAAAH,mBACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAClBE,KAAKG,MAAQH,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,aACbI,KAAKK,UAAYL,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,aACjBI,KAAKM,uFAGO,IAAAC,EAAAP,KA8BZA,KAAKG,MAAMK,OA7BW,SAAlBC,kBACH,IAAIC,EAAQ,GAyBZ,OAXAH,EAAKF,UAAUM,KAAK,SAACC,EAAOd,GAC3B,IAAIG,EAAWC,EAAEJ,GACbe,KACJA,EAAOC,WAAWb,EAASc,SAAS,UACpCF,EAAOG,GAAKf,EAASgB,KAAK,MAC1BJ,EAAOK,MAAQjB,EAASgB,KAAK,cAC7BJ,EAAOM,QAAUlB,EAASgB,KAAK,iBAE/BP,GApBqB,SAAlBU,gBAAmBC,GAEtB,oBAAqBzB,EAArB,6CACaA,EADb,uBACsCyB,EAAIP,SAAW,SAAW,IADhE,eACiFO,EAAIL,GADrF,qCAC4HK,EAAIL,GADhI,+CAGUK,EAAIF,QAAJ,gBAA8BvB,EAA9B,8DAA+FyB,EAAIF,QAAnG,aAAwH,IAHlI,uBAKUE,EAAIH,MALd,yCAkBSE,CAAgBP,KAGnBH,EAGUD","file":"block-22.317c86355b23b3978b5f.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.$tabPanes = this.$element.find(`.${CLS}-tab-pane`);\n\t\tthis.renderTabs();\n\t}\n\n\trenderTabs() {\n\t\tlet tabListTemplate = () => {\n\t\t\tlet value = '';\n\n\t\t\tlet tabItemTemplate = (tab) => {\n\t\t\t\t// Tab List HTML element\n\t\t\t\treturn `<li class=\"${CLS}-tab-item nav-item\">\n\t\t\t\t\t<a class=\"${CLS}-tab-link nav-link ${tab.isActive ? 'active' : ''}\" data-key=\"${tab.id}\" data-toggle=\"tab\" data-target=\"#${tab.id}\" href=\"javascript:void(0);\">\n\t\t\t\t\t\t${(() => {\n\t\t\t\t\t\t\treturn tab.iconSrc ? `<span class=\"${CLS}-tab-link-icon nav-link-icon\" style=\"background-image: url(${tab.iconSrc})\"></span>`: '';\n\t\t\t\t\t\t})()}\n\t\t\t\t\t\t<span>${tab.title}</span>\n\t\t\t\t\t</a>\n\t\t\t\t</li>`;\n\t\t\t};\n\n\t\t\tthis.$tabPanes.each((index, element) => {\n\t\t\t\tlet $element = $(element);\n\t\t\t\tlet config = {};\n\t\t\t\tconfig.isActive = $element.hasClass('active') ? true : false;\n\t\t\t\tconfig.id = $element.attr('id');\n\t\t\t\tconfig.title = $element.attr('data-title');\n\t\t\t\tconfig.iconSrc = $element.attr('data-icon-src');\n\n\t\t\t\tvalue += tabItemTemplate(config);\n\t\t\t});\n\n\t\t\treturn value;\n\t\t};\n\n\t\tthis.$tabs.append(tabListTemplate());\n\t}\n}\n\n\n"],"sourceRoot":""}