{"version":3,"sources":["webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/toggle-password/toggle-password.js","webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/toggle-password/index.js"],"names":["TOGGLE_ACTIVE_CLASS","ARIA_LABEL","passwordsToggle","constructor","element","input","document","querySelector","dataset","inputHook","btnHidden","hidden","btnVisible","visible","inputHidden","inputVisible","bindEvents","addEventListener","setInputType","type","setAttribute","classList","add","remove","PasswordToggle"],"mappings":";;;;;;;;;;;;;;AAAA,IAAMA,mBAAmB,GAAG,YAA5B;AACA,IAAMC,UAAU,GAAG,YAAnB;;AAEA,MAAMC,eAAN,CAAsB;AACpBC,aAAW,CAACC,OAAD,EAAU;AACnB,SAAKA,OAAL,GAAeA,OAAf;AACA,SAAKC,KAAL,GAAaC,QAAQ,CAACC,aAAT,YAA2B,KAAKH,OAAL,CAAaI,OAAb,CAAqBC,SAAhD,OAAb;AACA,SAAKC,SAAL,GAAiB,KAAKN,OAAL,CAAaI,OAAb,CAAqBG,MAAtC;AACA,SAAKC,UAAL,GAAkB,KAAKR,OAAL,CAAaI,OAAb,CAAqBK,OAAvC;AACA,SAAKC,WAAL,GAAmB,KAAKT,KAAL,CAAWG,OAAX,CAAmBG,MAAtC;AACA,SAAKI,YAAL,GAAoB,KAAKV,KAAL,CAAWG,OAAX,CAAmBK,OAAvC;AAEA,SAAKG,UAAL;AACD;;AAEDA,YAAU,GAAG;AACX,SAAKZ,OAAL,CAAaa,gBAAb,CAA8B,OAA9B,EAAuC,MAAM,KAAKC,YAAL,EAA7C;AACD;;AAEDA,cAAY,GAAG;AACb,QAAI,KAAKb,KAAL,CAAWc,IAAX,KAAoB,UAAxB,EAAoC;AAClC,WAAKd,KAAL,CAAWe,YAAX,CAAwB,MAAxB,EAAgC,MAAhC;AACA,WAAKf,KAAL,CAAWe,YAAX,CAAwBnB,UAAxB,EAAoC,KAAKc,YAAzC;AACA,WAAKX,OAAL,CAAagB,YAAb,CAA0BnB,UAA1B,EAAsC,KAAKW,UAA3C;AACA,WAAKR,OAAL,CAAaiB,SAAb,CAAuBC,GAAvB,CAA2BtB,mBAA3B;AACD,KALD,MAKO;AACL,WAAKK,KAAL,CAAWe,YAAX,CAAwB,MAAxB,EAAgC,UAAhC;AACA,WAAKf,KAAL,CAAWe,YAAX,CAAwBnB,UAAxB,EAAoC,KAAKa,WAAzC;AACA,WAAKV,OAAL,CAAagB,YAAb,CAA0BnB,UAA1B,EAAsC,KAAKS,SAA3C;AACA,WAAKN,OAAL,CAAaiB,SAAb,CAAuBE,MAAvB,CAA8BvB,mBAA9B;AACD;AACF;;AA5BmB;;AA+BPE,mEAAf,E;;AClCA;AAEesB,+GAAf,E","file":"js/TogglePassword.js","sourcesContent":["const TOGGLE_ACTIVE_CLASS = 'is--active'\nconst ARIA_LABEL = 'aria-label'\n\nclass passwordsToggle {\n  constructor(element) {\n    this.element = element\n    this.input = document.querySelector(`[${this.element.dataset.inputHook}]`)\n    this.btnHidden = this.element.dataset.hidden\n    this.btnVisible = this.element.dataset.visible\n    this.inputHidden = this.input.dataset.hidden\n    this.inputVisible = this.input.dataset.visible\n\n    this.bindEvents()\n  }\n\n  bindEvents() {\n    this.element.addEventListener('click', () => this.setInputType())\n  }\n\n  setInputType() {\n    if (this.input.type === 'password') {\n      this.input.setAttribute('type', 'text')\n      this.input.setAttribute(ARIA_LABEL, this.inputVisible)\n      this.element.setAttribute(ARIA_LABEL, this.btnVisible)\n      this.element.classList.add(TOGGLE_ACTIVE_CLASS)\n    } else {\n      this.input.setAttribute('type', 'password')\n      this.input.setAttribute(ARIA_LABEL, this.inputHidden)\n      this.element.setAttribute(ARIA_LABEL, this.btnHidden)\n      this.element.classList.remove(TOGGLE_ACTIVE_CLASS)\n    }\n  }\n}\n\nexport default passwordsToggle\n","import PasswordToggle from './toggle-password'\n\nexport default PasswordToggle\n"],"sourceRoot":""}