@getflip/swirl-components 0.15.0 → 0.16.0

package/dist/{esm/swirl-icon-more-vertikal.entry.js → components/swirl-icon-more-vertikal2.js}

@@ -1,12 +1,13 @@
-import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
-import { c as classnames } from './index-47862d62.js';
-import './_commonjsHelpers-10467d11.js';
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 
-const SwirlIconMoreVertikal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SwirlIconMoreVertikal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
     this.size = 24;
   }
   render() {
@@ -14,7 +15,23 @@ const SwirlIconMoreVertikal = class {
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
     return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
   }
-};
-SwirlIconMoreVertikal.style = swirlIconCss;
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-more-vertikal", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-more-vertikal"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-more-vertikal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconMoreVertikal);
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { SwirlIconMoreVertikal as swirl_icon_more_vertikal };
+export { SwirlIconMoreVertikal as S, defineCustomElement as d };

package/dist/components/swirl-icon-news-filled.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconNewsFilled = SwirlIconNewsFilled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-news-outlined.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconNewsOutlined = SwirlIconNewsOutlined$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-notifications-active.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconNotificationsActive = SwirlIconNotificationsActive$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-notifications-off.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconNotificationsOff = SwirlIconNotificationsOff$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-notifications.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconNotifications = SwirlIconNotifications$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-open-in-new.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconOpenInNew = SwirlIconOpenInNew$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-people-alt.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconPeopleAlt = SwirlIconPeopleAlt$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-person-off.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconPersonOff = SwirlIconPersonOff$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-person2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconPerson as S, defineCustomElement as d };

package/dist/components/swirl-icon-phone.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconPhone = SwirlIconPhone$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-poll.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconPoll = SwirlIconPoll$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-print.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconPrint = SwirlIconPrint$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-recieved.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconRecieved = SwirlIconRecieved$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-remove2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconRemove as S, defineCustomElement as d };

package/dist/components/swirl-icon-search-strong.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconSearchStrong = SwirlIconSearchStrong$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-search2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconSearch as S, defineCustomElement as d };

package/dist/components/swirl-icon-send.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconSend = SwirlIconSend$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-settings.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconSettings = SwirlIconSettings$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-sync.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconSync = SwirlIconSync$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-tasks-filled.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconTasksFilled = SwirlIconTasksFilled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-tasks-outlined.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconTasksOutlined = SwirlIconTasksOutlined$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-time-filled.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconTimeFilled = SwirlIconTimeFilled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-time-outlined.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconTimeOutlined = SwirlIconTimeOutlined$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-today2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconToday as S, defineCustomElement as d };

package/dist/components/swirl-icon-user-assign.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconUserAssign = SwirlIconUserAssign$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-video-camera.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconVideoCamera = SwirlIconVideoCamera$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-visibility-off2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconVisibilityOff as S, defineCustomElement as d };

package/dist/components/swirl-icon-visibility2.js

@@ -32,5 +32,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlIconVisibility as S, defineCustomElement as d };

package/dist/components/swirl-icon-warning.js

@@ -32,6 +32,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlIconWarning = SwirlIconWarning$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-inline-error2.js

@@ -67,5 +67,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlInlineError as S, defineCustomElement as d };

package/dist/components/swirl-lightbox.js

@@ -3,12 +3,19 @@ import { A as A11yDialog } from './a11y-dialog.esm.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm.js';
 import { c as classnames } from './index2.js';
 import { q as querySelectorAllDeep } from './utils.js';
-import { d as defineCustomElement$5 } from './swirl-icon-arrow-left2.js';
-import { d as defineCustomElement$4 } from './swirl-icon-arrow-right2.js';
-import { d as defineCustomElement$3 } from './swirl-icon-close2.js';
-import { d as defineCustomElement$2 } from './swirl-icon-download2.js';
+import { d as defineCustomElement$c } from './swirl-action-list2.js';
+import { d as defineCustomElement$b } from './swirl-action-list-item2.js';
+import { d as defineCustomElement$a } from './swirl-icon-arrow-left2.js';
+import { d as defineCustomElement$9 } from './swirl-icon-arrow-right2.js';
+import { d as defineCustomElement$8 } from './swirl-icon-close2.js';
+import { d as defineCustomElement$7 } from './swirl-icon-more-vertikal2.js';
+import { d as defineCustomElement$6 } from './swirl-popover2.js';
+import { d as defineCustomElement$5 } from './swirl-separator2.js';
+import { d as defineCustomElement$4 } from './swirl-stack2.js';
+import { d as defineCustomElement$3 } from './swirl-text2.js';
+import { d as defineCustomElement$2 } from './swirl-thumbnail2.js';
 
-const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
+const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
 
 const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -23,6 +30,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.onDownloadButtonClick = () => {
       var _a;
       (_a = this.slides[this.activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.download();
+      this.menu.close();
     };
     this.onKeyDown = (event) => {
       if (event.code === "Escape") {
@@ -42,7 +50,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
     };
     this.registerSlides = () => {
-      this.slides = Array.from(this.el.children);
+      this.slides = Array.from(this.el.children).filter((el) => el.tagName === "SWIRL-FILE-VIEWER");
       this.setSlideAttributes();
       this.updateMediaPlayers();
     };
@@ -98,8 +106,10 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       }
     };
     this.closeButtonLabel = "Close modal";
-    this.downloadButtonLabel = "Download active slide content";
+    this.downloadButtonLabel = "Download";
     this.label = undefined;
+    this.menuLabel = "Slide options";
+    this.menuTriggerLabel = "Open slide menu";
     this.nextSlideButtonLabel = "Next slide";
     this.previousSlideButtonLabel = "Previous slide";
     this.activeSlideIndex = 0;
@@ -145,6 +155,8 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
    * @param newActiveSlideIndex
    */
   async activateSlide(newActiveSlideIndex) {
+    var _a, _b;
+    (_b = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);
     this.dragging = false;
     this.activeSlideIndex = newActiveSlideIndex;
     this.slides.forEach((slide, index) => {
@@ -189,6 +201,18 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       slide.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     });
   }
+  getCurrentFileName() {
+    var _a, _b;
+    return (_b = (_a = this.slides[this.activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.file) === null || _b === void 0 ? void 0 : _b.split("/").pop();
+  }
+  getCurrentFileType() {
+    var _a;
+    return (_a = this.slides[this.activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.type;
+  }
+  getCurrentThumbnailUrl() {
+    var _a;
+    return (_a = this.slides[this.activeSlideIndex]) === null || _a === void 0 ? void 0 : _a.thumbnailUrl;
+  }
   lockBodyScroll() {
     disableBodyScroll(this.el);
   }
@@ -213,10 +237,13 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   render() {
     const showPagination = this.slides.length > 1;
+    const currentFileName = this.getCurrentFileName();
+    const currentFileType = this.getCurrentFileType();
+    const currentThumbnailUrl = this.getCurrentThumbnailUrl();
     const className = classnames("lightbox", {
       "lightbox--closing": this.closing,
     });
-    return (h(Host, null, h("section", { "aria-hidden": "true", "aria-label": this.label, class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { class: "lightbox__body", role: "document" }, h("header", { class: "lightbox__header" }, h("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", null)), h("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, h("swirl-icon-download", null))), h("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, h("slot", { onSlotchange: this.registerSlides }))), h("div", { class: "lightbox__controls" }, h("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", null)), h("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", null))), showPagination && (h("span", { class: "lightbox__pagination" }, h("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+    return (h(Host, null, h("section", { "aria-hidden": "true", "aria-label": this.label, class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { class: "lightbox__body", role: "document" }, h("header", { class: "lightbox__header" }, h("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", null)), h("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button", id: "slide-menu-trigger" }, h("swirl-icon-more-vertikal", null))), h("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, h("slot", { onSlotchange: this.registerSlides }))), h("div", { class: "lightbox__controls" }, h("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", null)), h("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", null))), showPagination && (h("span", { class: "lightbox__pagination" }, h("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), h("swirl-popover", { animation: "scale-in-y", disableScrollLock: true, label: this.menuLabel, placement: "bottom-end", popoverId: "slide-menu", ref: (el) => (this.menu = el), trigger: "slide-menu-trigger" }, h("swirl-stack", null, h("div", { class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { class: "lightbox__thumbnail" }, h("swirl-thumbnail", { alt: "", src: currentThumbnailUrl }))), h("div", { class: "lightbox__file-info" }, h("swirl-text", { truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { color: "subdued", size: "sm", truncate: true }, currentFileType))), h("swirl-separator", null), h("swirl-action-list", null, h("swirl-action-list-item", { icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), h("slot", { name: "menu-items" })))))));
   }
   get el() { return this; }
   static get style() { return swirlLightboxCss; }
@@ -224,6 +251,8 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "closeButtonLabel": [1, "close-button-label"],
     "downloadButtonLabel": [1, "download-button-label"],
     "label": [1],
+    "menuLabel": [1, "menu-label"],
+    "menuTriggerLabel": [1, "menu-trigger-label"],
     "nextSlideButtonLabel": [1, "next-slide-button-label"],
     "previousSlideButtonLabel": [1, "previous-slide-button-label"],
     "activeSlideIndex": [32],
@@ -237,35 +266,71 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["swirl-lightbox", "swirl-icon-arrow-left", "swirl-icon-arrow-right", "swirl-icon-close", "swirl-icon-download"];
+  const components = ["swirl-lightbox", "swirl-action-list", "swirl-action-list-item", "swirl-icon-arrow-left", "swirl-icon-arrow-right", "swirl-icon-close", "swirl-icon-more-vertikal", "swirl-popover", "swirl-separator", "swirl-stack", "swirl-text", "swirl-thumbnail"];
   components.forEach(tagName => { switch (tagName) {
     case "swirl-lightbox":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SwirlLightbox$1);
       }
       break;
+    case "swirl-action-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "swirl-action-list-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
     case "swirl-icon-arrow-left":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$a();
       }
       break;
     case "swirl-icon-arrow-right":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$9();
       }
       break;
     case "swirl-icon-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "swirl-icon-more-vertikal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "swirl-popover":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "swirl-separator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "swirl-stack":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "swirl-text":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "swirl-icon-download":
+    case "swirl-thumbnail":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlLightbox = SwirlLightbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-link.js

@@ -33,6 +33,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlLink = SwirlLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-list.js

@@ -31,6 +31,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlList = SwirlList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-modal.js

@@ -156,6 +156,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlModal = SwirlModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-option-list-item2.js

@@ -110,5 +110,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlOptionListItem as S, defineCustomElement as d };

package/dist/components/swirl-option-list-section.js

@@ -29,6 +29,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlOptionListSection = SwirlOptionListSection$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-option-list2.js

@@ -3375,5 +3375,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { SwirlOptionList as S, defineCustomElement as d };

package/dist/components/swirl-pagination.js

@@ -96,6 +96,7 @@ function defineCustomElement$1() {
       break;
   } });
 }
+defineCustomElement$1();
 
 const SwirlPagination = SwirlPagination$1;
 const defineCustomElement = defineCustomElement$1;