initial commit

2026-08-24 21:41:12 +02:00
commit 5c952a25b1
367 changed files with 134961 additions and 0 deletions
@@ -0,0 +1,42 @@
+if (!customElements.get('product-modal')) {
+  customElements.define(
+    'product-modal',
+    class ProductModal extends ModalDialog {
+      constructor() {
+        super();
+      }
+
+      hide() {
+        super.hide();
+      }
+
+      show(opener) {
+        super.show(opener);
+        this.showActiveMedia();
+      }
+
+      showActiveMedia() {
+        this.querySelectorAll(
+          `[data-media-id]:not([data-media-id="${this.openedBy.getAttribute('data-media-id')}"])`
+        ).forEach((element) => {
+          element.classList.remove('active');
+        });
+        const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute('data-media-id')}"]`);
+        const activeMediaTemplate = activeMedia.querySelector('template');
+        const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
+        activeMedia.classList.add('active');
+        activeMedia.scrollIntoView();
+
+        const container = this.querySelector('[role="document"]');
+        container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
+
+        if (
+          activeMedia.nodeName == 'DEFERRED-MEDIA' &&
+          activeMediaContent &&
+          activeMediaContent.querySelector('.js-youtube')
+        )
+          activeMedia.loadContent();
+      }
+    }
+  );
+}