https://glassie.co/cdn/shop/t/70/assets/product-modal_v-50921580101160527761696274489.js

1/** Shopify CDN: Minification failed
2
3Line 15:41 Transforming class syntax to the configured target environment ("es5") is not supported yet
4Line 16:15 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
5Line 20:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
6Line 24:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
7Line 29:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
8Line 34:6 Transforming const to the configured target environment ("es5") is not supported yet
9Line 35:6 Transforming const to the configured target environment ("es5") is not supported yet
10Line 36:6 Transforming const to the configured target environment ("es5") is not supported yet
11Line 40:6 Transforming const to the configured target environment ("es5") is not supported yet
12
13**/
14if (!customElements.get('product-modal')) {
15  customElements.define('product-modal', class ProductModal extends ModalDialog {
16    constructor() {
17      super();
18    }
19
20    hide() {
21      super.hide();
22    }
23
24    show(opener) {
25      super.show(opener);
26      this.showActiveMedia();
27    }
28
29    showActiveMedia() {
30      this.querySelectorAll(`[data-media-id]:not([data-media-id="${this.openedBy.getAttribute("data-media-id")}"])`).forEach((element) => {
31          element.classList.remove('active');
32        }
33      )
34      const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute("data-media-id")}"]`);
35      const activeMediaTemplate = activeMedia.querySelector('template');
36      const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
37      activeMedia.classList.add('active');
38      activeMedia.scrollIntoView();
39
40      const container = this.querySelector('[role="document"]');
41      container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
42
43      if (activeMedia.nodeName == 'DEFERRED-MEDIA' && activeMediaContent && activeMediaContent.querySelector('.js-youtube'))
44        activeMedia.loadContent();
45    }
46  });
47}