{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/pages/mixins/compactViewMixinPage/compactViewMixinPage.js","webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/pages/loginPage/js/loginPage.js","webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/mixins/compactViewMixin/compactViewMixin.js"],"names":["__webpack_require__","r","__webpack_exports__","d","compactViewMixinPage","compactViewMixin","LoginPage","element","_this","this","_classCallCheck","$element","$","$tplScroller","on","event","stepTargetValue","currentTarget","data","goToStep","initCompactView","css","visibility","key","value","find","not","concat","fadeOut","removeClass","fadeIn","addClass","scrollTo","top","duration","Object","assign","prototype","_","self","classes","length","applyCompactView","attr","forEach","classItem","isBlockExceedingHeight","clientHeight","outerHeight","toggleCompactViewAttribute","setTimeout","removeAttr","window","resize","debounce"],"mappings":"8FAAAA,EAAAC,EAAAC,GAAAF,EAAAG,EAAAD,EAAA,yCAAAE,IAAA,IACWA,EADXJ,EAAA,KACkCK,20BCClC,IAGaC,EAAS,WAiBpB,SAhBD,SAAAA,EAAYC,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEH,KAAKF,SACvBE,KAAKI,aAAeD,EAAE,iBAEtBH,KAAKE,SAASG,GAAG,QAAS,sBAAuB,SAACC,GACjD,IAAIC,EAAkBJ,EAAEG,EAAME,eAAeC,KAAK,cAClDV,EAAKW,SAASH,KAGfP,KAAKU,SAAS,SAEdV,KAAKW,gBAAgBX,MACrBA,KAAKE,SAASU,KACbC,WAAY,kBAEbC,IAAA,WAAAC,MAED,SAASR,GACRP,KAAKE,SAASc,KAAK,eAAeC,IAAG,eAAAC,OAAgBX,EAAe,OAAMY,QAAQ,GAAGC,YAAY,aAC/EpB,KAAKE,SAASc,KAAI,eAAAE,OAAgBX,EAAe,OAEvDc,OAAO,GAAGC,SAAS,aAC/BC,SAASvB,KAAKI,aAAa,IAAMoB,IAAK,EAAGC,SAAU,mGAxB/B,GA4BtBC,OAAOC,OAAO9B,EAAU+B,UAAWjC,4ECjCnC,SAAAQ,EAAA0B,GAAAtC,EAAAG,EAAAD,EAAA,sBAAAG,IAAO,IAAIA,GACVe,gBAAiB,SAACmB,EAAMC,GAMvB,GAJAD,EAAK5B,SAAW4B,EAAK5B,UAAYC,EAAE2B,EAAKhC,SACxCgC,EAAK1B,aAAe0B,EAAK1B,cAAgBD,EAAE,iBAC3C4B,EAAUA,MAEPD,EAAK1B,cAAgB0B,EAAK1B,aAAa4B,OAAS,EAAG,CACrD,IAAIC,EAAmB,WACtBH,EAAK5B,SAASgC,KAAK,eAAgB,QAEhCH,EAAQC,OAAS,GACnBD,EAAQI,QAAQ,SAACC,GAChBN,EAAK5B,SAASc,KAAKoB,GAAWF,KAAK,gBAAgB,MAelDG,EAAyB,WAC5B,OAAOP,EAAK1B,aAAa,GAAGkC,cA3BV,KA4BfR,EAAK5B,SAASqC,cA5BC,KA4BiCT,EAAK5B,SAASqC,cAAgBT,EAAK1B,aAAa,GAAGkC,cAGnGE,EAA6B,WAC7BH,KACFJ,IAGAQ,WAAW,WACPJ,KACFJ,KAEC,OAvBJH,EAAK5B,SAASwC,WAAW,gBAEtBX,EAAQC,OAAS,GACnBD,EAAQI,QAAQ,SAACC,GAChBN,EAAK5B,SAASc,KAAKoB,GAAWM,WAAW,oBA0B5CvC,EAAEwC,QAAQC,OAAOf,EAAEgB,SAAS,WAC3BL,KACE,MAEHA","file":"page-7.2f662a3aa586e55a56ca.js","sourcesContent":["import { compactViewMixin } from '../../../mixins/compactViewMixin/compactViewMixin';\nexport let compactViewMixinPage = compactViewMixin;\n","import { compactViewMixinPage } from '../../mixins/compactViewMixinPage/compactViewMixinPage';\n\nconst NS = 'LoginPage';\nconst CLS = 'loginPage';\n\nexport class LoginPage {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(this.element);\n\t\tthis.$tplScroller = $('.tpl-scroller');\n\n\t\tthis.$element.on('click', '[data-step-toggler]', (event) => {\n\t\t\tlet stepTargetValue = $(event.currentTarget).data('stepTarget');\n\t\t\tthis.goToStep(stepTargetValue);\n\t\t});\n\n\t\tthis.goToStep('login');\n\n\t\tthis.initCompactView(this);\n\t\tthis.$element.css({\n\t\t\tvisibility: 'visible'\n\t\t});\n\t}\n\n\tgoToStep(stepTargetValue) {\n\t\tthis.$element.find('[data-step]').not(`[data-step='${stepTargetValue}']`).fadeOut(0).removeClass('is-active');\n\t\tlet $stepTarget = this.$element.find(`[data-step='${stepTargetValue}']`);\n\n\t\t$stepTarget.fadeIn(0).addClass('is-active');\n\t\tscrollTo(this.$tplScroller[0], { top: 0, duration: 0 }); // Just scroll to the top of the page without animation\n\t}\n}\n\nObject.assign(LoginPage.prototype, compactViewMixinPage);\n","export let compactViewMixin = {\n\tinitCompactView: (self, classes) => {\n\t\tlet minimumHeight = 550; // 550px was the chosen number to have compact views\n\t\tself.$element = self.$element || $(self.element);\n\t\tself.$tplScroller = self.$tplScroller || $('.tpl-scroller');\n\t\tclasses = classes || [];\n\n\t\tif(self.$tplScroller && self.$tplScroller.length > 0) {\n\t\t\tlet applyCompactView = () => {\n\t\t\t\tself.$element.attr('compact-view', 'true');\n\n\t\t\t\tif(classes.length > 0) {\n\t\t\t\t\tclasses.forEach((classItem) => {\n\t\t\t\t\t\tself.$element.find(classItem).attr('compact-view', true);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tlet unapplyCompactView = () => {\n\t\t\t\tself.$element.removeAttr('compact-view');\n\n\t\t\t\tif(classes.length > 0) {\n\t\t\t\t\tclasses.forEach((classItem) => {\n\t\t\t\t\t\tself.$element.find(classItem).removeAttr('compact-view');\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tlet isBlockExceedingHeight = () => {\n\t\t\t\treturn self.$tplScroller[0].clientHeight <= minimumHeight ||\n\t\t\t\t\t((self.$element.outerHeight() > minimumHeight) && self.$element.outerHeight() > self.$tplScroller[0].clientHeight);\n\t\t\t};\n\n\t\t\tlet toggleCompactViewAttribute = () => {\n\t\t\t\tif(isBlockExceedingHeight()) {\n\t\t\t\t\tapplyCompactView();\n\n\t\t\t\t\t// Re-render\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif(isBlockExceedingHeight()) {\n\t\t\t\t\t\t\tapplyCompactView();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tunapplyCompactView();\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t$(window).resize(_.debounce(() => {\n\t\t\t\ttoggleCompactViewAttribute();\n\t\t\t}, 250));\n\n\t\t\ttoggleCompactViewAttribute();\n\t\t}\n\t}\n};\n"],"sourceRoot":""}