Merge pull request #265 from UX-Alkosto/develop

Modal component
UX-Alkosto · Feb 3, 2022 · 021a37c · 021a37c
2 parents 46f5b50 + f131532
commit 021a37c
Show file tree

Hide file tree

Showing 12 changed files with 246 additions and 182 deletions.
diff --git a/components/link/index.js b/components/link/index.js
@@ -23,6 +23,7 @@ export class Link extends LitElement {
         this.modal = '';
         this.target = '_self';
         this.title = '';
+        this.breakPoint = 768;
     }
     attributeChangedCallback(name, oldval, newval) {
         super.attributeChangedCallback(name, oldval, newval);
@@ -41,8 +42,13 @@ export class Link extends LitElement {
     _handleModal(event) {
         if (this.modal !== '') {
             event.preventDefault();
-            const modal = document.querySelector(`k-modal[name="${this.modal}"]`);
-            return modal && modal.dispatchEvent(new Event('open'));
+            const modal = document.querySelectorAll(`k-modal[name="${this.modal}"]`);
+            if (modal.length) {
+                if (window.innerWidth < this.breakPoint) {
+                    return modal[modal.length - 1].dispatchEvent(new Event('open'));
+                }
+                return modal[0].dispatchEvent(new Event('open'));
+            }
         }
     }
 }
diff --git a/dist/components.js b/dist/components.js
@@ -1,2 +1,2 @@
-/*! webcomponents release: 2.0.3 */
-import"./index-86417503.js";
+/*! webcomponents release: 2.0.4 */
+import"./index-c788f359.js";
diff --git a/dist/glide.esm-f771784f.js → dist/glide.esm-c5180e52.js b/dist/glide.esm-f771784f.js → dist/glide.esm-c5180e52.js
diff --git a/dist/index-ca9a759a.js → dist/index-6cc366e7.js b/dist/index-ca9a759a.js → dist/index-6cc366e7.js
diff --git a/dist/index-1cfacba7.js → dist/index-996d79ae.js b/dist/index-1cfacba7.js → dist/index-996d79ae.js
diff --git a/dist/index-68e9c26a.js → dist/index-9f4c7356.js b/dist/index-68e9c26a.js → dist/index-9f4c7356.js
diff --git a/dist/index-86417503.js → dist/index-c788f359.js b/dist/index-86417503.js → dist/index-c788f359.js
diff --git a/dist/index-df4ef029.js → dist/index-e5afd341.js b/dist/index-df4ef029.js → dist/index-e5afd341.js
diff --git a/dist/index-222558c0.js → dist/index-e7a7d090.js b/dist/index-222558c0.js → dist/index-e7a7d090.js