{"version":3,"sources":["webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/image-modal/image-modal.js","webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/image-modal/index.js"],"names":["TOGGLE_BUTTON_HOOK","FULLSCREEN_CLASS","ImageModal","constructor","element","toggleButtons","querySelectorAll","bindEvents","forEach","button","addEventListener","toggleFullScreen","classList","toggle"],"mappings":";;;;;;;;;;;;;;AAAA,IAAMA,kBAAkB,GAAG,qCAA3B;AAEA,IAAMC,gBAAgB,GAAG,qBAAzB;;AAEA,MAAMC,UAAN,CAAiB;AACfC,aAAW,CAACC,OAAD,EAAU;AACnB,SAAKA,OAAL,GAAeA,OAAf;AACA,SAAKC,aAAL,GAAqB,CAAC,GAAG,KAAKD,OAAL,CAAaE,gBAAb,CAA8BN,kBAA9B,CAAJ,CAArB;AAEA,SAAKO,UAAL;AACD;;AAEDA,YAAU,GAAG;AACX,SAAKF,aAAL,CAAmBG,OAAnB,CAA2BC,MAAM,IAAI;AACnCA,YAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,MAAM,KAAKC,gBAAL,EAAvC;AACD,KAFD;AAGD;;AAEDA,kBAAgB,GAAG;AACjB,SAAKP,OAAL,CAAaQ,SAAb,CAAuBC,MAAvB,CAA8BZ,gBAA9B;AACD;;AAhBc;;AAmBFC,0DAAf,E;;ACvBA;AAEeA,uGAAf,E","file":"js/ImageModal.js","sourcesContent":["const TOGGLE_BUTTON_HOOK = '[js-hook-image-modal-toggle-button]';\n\nconst FULLSCREEN_CLASS = 'image-modal--active';\n\nclass ImageModal {\n  constructor(element) {\n    this.element = element;\n    this.toggleButtons = [...this.element.querySelectorAll(TOGGLE_BUTTON_HOOK)];\n\n    this.bindEvents();\n  }\n\n  bindEvents() {\n    this.toggleButtons.forEach(button => {\n      button.addEventListener('click', () => this.toggleFullScreen());\n    })\n  }\n\n  toggleFullScreen() {\n    this.element.classList.toggle(FULLSCREEN_CLASS);\n  }\n}\n\nexport default ImageModal;\n","import ImageModal from './image-modal';\n\nexport default ImageModal;\n"],"sourceRoot":""}