@getflip/swirl-components 0.33.2 → 0.34.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-16T09:16:38",
+  "timestamp": "2023-03-16T15:03:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.0.0",
@@ -3019,7 +3019,17 @@
           "docsTags": []
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "activeSlidesChange",
+          "detail": "HTMLSwirlCarouselSlideElement[]",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [
         {
           "event": "resize",

package/dist/cjs/swirl-carousel.cjs.entry.js

@@ -3,19 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-83363034.js');
+const utils = require('./utils-f1b4e064.js');
 
 const swirlCarouselCss = ":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}";
 
 const SwirlCarousel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.activeSlidesChange = index.createEvent(this, "activeSlidesChange", 7);
+    this.activeSlides = [];
+    this.updateActiveSlideReferences = utils.debounce(() => {
+      const activeSlides = this.getActiveSlides();
+      const activeSlidesChanged = activeSlides.some((slide, index) => this.activeSlides[index] !== slide);
+      if (activeSlidesChanged) {
+        this.activeSlides = activeSlides;
+        this.activeSlidesChange.emit(this.activeSlides);
+      }
+    }, 100);
     this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     };
     this.onNextSlideButtonClick = () => {
       this.nextSlide();
     };
+    this.onSlotChange = () => {
+      var _a;
+      // restore scroll position to active slide when slides are removed or added after first render
+      (_a = this.activeSlides[0]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", inline: "start" });
+    };
     this.onScroll = () => {
+      this.updateActiveSlideReferences();
       this.checkScrollPosition();
     };
     this.label = undefined;
@@ -94,7 +111,7 @@ const SwirlCarousel = class {
     return inInView;
   }
   render() {
-    return (index.h(index.Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), index.h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", null)))));
+    return (index.h(index.Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), index.h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { onSlotchange: this.onSlotChange })))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/collection/components/swirl-carousel/swirl-carousel.js

@@ -1,16 +1,32 @@
 import { h, Host, } from "@stencil/core";
+import { debounce } from "../../utils";
 /**
  * slot - The slides
  */
 export class SwirlCarousel {
   constructor() {
+    this.activeSlides = [];
+    this.updateActiveSlideReferences = debounce(() => {
+      const activeSlides = this.getActiveSlides();
+      const activeSlidesChanged = activeSlides.some((slide, index) => this.activeSlides[index] !== slide);
+      if (activeSlidesChanged) {
+        this.activeSlides = activeSlides;
+        this.activeSlidesChange.emit(this.activeSlides);
+      }
+    }, 100);
     this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     };
     this.onNextSlideButtonClick = () => {
       this.nextSlide();
     };
+    this.onSlotChange = () => {
+      var _a;
+      // restore scroll position to active slide when slides are removed or added after first render
+      (_a = this.activeSlides[0]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", inline: "start" });
+    };
     this.onScroll = () => {
+      this.updateActiveSlideReferences();
       this.checkScrollPosition();
     };
     this.label = undefined;
@@ -89,7 +105,7 @@ export class SwirlCarousel {
     return inInView;
   }
   render() {
-    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", null)))));
+    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { onSlotchange: this.onSlotChange })))));
   }
   static get is() { return "swirl-carousel"; }
   static get encapsulation() { return "shadow"; }
@@ -185,6 +201,28 @@ export class SwirlCarousel {
       "isScrollable": {}
     };
   }
+  static get events() {
+    return [{
+        "method": "activeSlidesChange",
+        "name": "activeSlidesChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLSwirlCarouselSlideElement[]",
+          "resolved": "HTMLSwirlCarouselSlideElement[]",
+          "references": {
+            "HTMLSwirlCarouselSlideElement": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
   static get methods() {
     return {
       "scrollToSlide": {

package/dist/components/swirl-carousel.js

@@ -1,4 +1,5 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as debounce } from './utils.js';
 import { d as defineCustomElement$2 } from './swirl-button2.js';
 
 const swirlCarouselCss = ":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}";
@@ -8,13 +9,29 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.activeSlidesChange = createEvent(this, "activeSlidesChange", 7);
+    this.activeSlides = [];
+    this.updateActiveSlideReferences = debounce(() => {
+      const activeSlides = this.getActiveSlides();
+      const activeSlidesChanged = activeSlides.some((slide, index) => this.activeSlides[index] !== slide);
+      if (activeSlidesChanged) {
+        this.activeSlides = activeSlides;
+        this.activeSlidesChange.emit(this.activeSlides);
+      }
+    }, 100);
     this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     };
     this.onNextSlideButtonClick = () => {
       this.nextSlide();
     };
+    this.onSlotChange = () => {
+      var _a;
+      // restore scroll position to active slide when slides are removed or added after first render
+      (_a = this.activeSlides[0]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", inline: "start" });
+    };
     this.onScroll = () => {
+      this.updateActiveSlideReferences();
       this.checkScrollPosition();
     };
     this.label = undefined;
@@ -93,7 +110,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return inInView;
   }
   render() {
-    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", null)))));
+    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { onSlotchange: this.onSlotChange })))));
   }
   get el() { return this; }
   static get style() { return swirlCarouselCss; }

package/dist/esm/swirl-carousel.entry.js

@@ -1,17 +1,34 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
+import { d as debounce } from './utils-61f188cc.js';
 
 const swirlCarouselCss = ":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}";
 
 const SwirlCarousel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.activeSlidesChange = createEvent(this, "activeSlidesChange", 7);
+    this.activeSlides = [];
+    this.updateActiveSlideReferences = debounce(() => {
+      const activeSlides = this.getActiveSlides();
+      const activeSlidesChanged = activeSlides.some((slide, index) => this.activeSlides[index] !== slide);
+      if (activeSlidesChanged) {
+        this.activeSlides = activeSlides;
+        this.activeSlidesChange.emit(this.activeSlides);
+      }
+    }, 100);
     this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     };
     this.onNextSlideButtonClick = () => {
       this.nextSlide();
     };
+    this.onSlotChange = () => {
+      var _a;
+      // restore scroll position to active slide when slides are removed or added after first render
+      (_a = this.activeSlides[0]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", inline: "start" });
+    };
     this.onScroll = () => {
+      this.updateActiveSlideReferences();
       this.checkScrollPosition();
     };
     this.label = undefined;
@@ -90,7 +107,7 @@ const SwirlCarousel = class {
     return inInView;
   }
   render() {
-    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", null)))));
+    return (h(Host, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { onSlotchange: this.onSlotChange })))));
   }
   get el() { return getElement(this); }
 };

package/dist/swirl-components/p-32635b30.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as e,g as o}from"./p-05c15d47.js";import{d as a}from"./p-438b3941.js";const l=class{constructor(t){s(this,t),this.activeSlidesChange=i(this,"activeSlidesChange",7),this.activeSlides=[],this.updateActiveSlideReferences=a((()=>{const s=this.getActiveSlides();s.some(((s,i)=>this.activeSlides[i]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{var s;null===(s=this.activeSlides[0])||void 0===s||s.scrollIntoView({block:"nearest",inline:"start"})},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()},this.label=void 0,this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.loopAround=!1,this.isAtEnd=void 0,this.isAtStart=void 0,this.isScrollable=void 0}onWindowResize(){this.checkScrollStatus()}componentDidLoad(){queueMicrotask((()=>{this.checkScrollStatus(),this.checkScrollPosition()}))}async scrollToSlide(s){const i=this.getSlides().find((i=>i.id===s));Boolean(i)&&i.scrollIntoView({block:"nearest",inline:"start"})}previousSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0].previousElementSibling||(this.loopAround?s[s.length-1]:i[0]);null==t||t.scrollIntoView({block:"nearest",inline:"start"})}nextSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=!Boolean(i[i.length-1].nextElementSibling)&&this.loopAround?s[0]:i[0].nextElementSibling;null==t||t.scrollIntoView({block:"nearest",inline:"start"})}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0]===s[0],e=i[i.length-1]===s[s.length-1];t!==this.isAtStart&&(this.isAtStart=t),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let i=this.slidesContainer.scrollLeft,t=s.offsetLeft;return t>=i&&t+s.clientWidth<=i+this.slidesContainer.clientWidth}render(){return t(e,{"aria-label":this.label,"aria-roledescription":"carousel",role:"group"},t("div",{class:"carousel"},this.isScrollable&&!this.isAtStart&&t("swirl-button",{class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&t("swirl-button",{class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),t("div",{"aria-live":"polite",class:"carousel__slides",onScroll:this.onScroll,ref:s=>this.slidesContainer=s},t("slot",{onSlotchange:this.onSlotChange}))))}get el(){return o(this)}};l.style=":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}";export{l as swirl_carousel}

package/dist/swirl-components/swirl-components.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./p-05c15d47.js";export{s as setNonce}from"./p-05c15d47.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-fd8dd92d",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-e9433d98",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-b76df929",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-638b7fd9",[[1,"swirl-lightbox",{"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],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-4f44b9e7",[[1,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-0511c7be",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-5dd48e42",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-66782dbd",[[1,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"hasCustomHeader":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-da4958ec",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-c17b8536",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-968773d7",[[1,"swirl-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-cddec2c8",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-d5a55beb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-c0cf7a5e",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-0cb23149",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"inline":[4],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-774483bc",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-3c7eb982",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32]},[[9,"resize","onWindowResize"]]]]],["p-50430bab",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-490aca41",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-8f839867",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-5b691374",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-178ecc38",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-8c8a717e",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-dc60aa35",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-8e64456c",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-394568d3",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-01aff357",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-c783221d",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ddd49304",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-e7489a17",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-a8acfcc3",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-1cf397ce",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-5540e1a5",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-3a763e22",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-83392d53",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-93173ef4",[[1,"swirl-description-list"]]],["p-1aaa2dbd",[[1,"swirl-description-list-item",{"orientation":[1],"term":[1]}]]],["p-24a2fc70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-b20dc745",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-6f5a740c",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-4002c5ae",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-1760180b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-7c2b4953",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-59a5aafb",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-904b5a82",[[1,"swirl-icon-block",{"size":[2]}]]],["p-51e63ec1",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-d9724ad8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-8444953b",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-1901ff35",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-ff74e4c3",[[1,"swirl-icon-check",{"size":[2]}]]],["p-6d136f16",[[1,"swirl-icon-check-circle",{"size":[2]}]]],["p-cf4767a5",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-fe5a1737",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-ae6f7f6d",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-cd83c309",[[1,"swirl-icon-column",{"size":[2]}]]],["p-498e2b6e",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-6ad5a67b",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-82be9389",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-f9bbeefe",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-93023904",[[1,"swirl-icon-description",{"size":[2]}]]],["p-77d3f063",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-d781dcfb",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-3a7170ec",[[1,"swirl-icon-download",{"size":[2]}]]],["p-7a832eb6",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-4c3c4647",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-3ef45c79",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-ada20ae7",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-91cc9591",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-1c4fa7e9",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-1782d1ea",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-8decc967",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-e08e9e53",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-9648bfbf",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-c3c29b93",[[1,"swirl-icon-help",{"size":[2]}]]],["p-fe33a054",[[1,"swirl-icon-image",{"size":[2]}]]],["p-b490d8f3",[[1,"swirl-icon-info",{"size":[2]}]]],["p-5282350f",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-6ef1f4ef",[[1,"swirl-icon-like",{"size":[2]}]]],["p-28fdee3b",[[1,"swirl-icon-link",{"size":[2]}]]],["p-f7f1c29f",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-1091d3dc",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fff59050",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-f8b08507",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-7c2ca02f",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a182222",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-8b7e33aa",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-a4d24a90",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-fa2ebe9e",[[1,"swirl-icon-message",{"size":[2]}]]],["p-453dc25e",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5d744993",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-0336b920",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-2ea247c5",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-398854b7",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-9f341e18",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-92f1a11f",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-e793fedc",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-fad5447d",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-387a3853",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-2c4d446e",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-85aa0c88",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b626b11e",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-66643855",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-4e5fd3bf",[[1,"swirl-icon-send",{"size":[2]}]]],["p-bea1351f",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-a4ad540a",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-a9f9ef54",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-85c38084",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-2071a452",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-649f1a2f",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-20fd87e7",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-b39a0256",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-fa18c6f8",[[1,"swirl-icon-warning",{"size":[2]}]]],["p-c0036f1f",[[1,"swirl-link",{"href":[1],"label":[1],"target":[1]}]]],["p-d82fce3d",[[4,"swirl-list"]]],["p-f5c1afb6",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-825ca193",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-8317b681",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d5f2df64",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-1e60fa61",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-891737c7",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-27566da1",[[1,"swirl-table-cell"]]],["p-98844f25",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-1aa44f84",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-9ef30977",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-c3badef7",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-13376409",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-eef15ebc",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-4f7f5e02",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-da7879cd",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-f11f705c",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-2ee1c66d",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-5f53b9ed",[[1,"swirl-icon-person",{"size":[2]}]]],["p-c731c32c",[[1,"swirl-icon-search",{"size":[2]}]]],["p-8189d59b",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-2acbafe5",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5636fc57",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-ada769a2",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-ddecb3fb",[[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}],[1,"swirl-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-bb84c103",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-b006fef3",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-83e3fa78",[[1,"swirl-icon-close",{"size":[2]}]]],["p-92fd5b6e",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-08f10dc8",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-fffab440",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-c2167151",[[1,"swirl-action-list"],[1,"swirl-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}],[1,"swirl-separator"]]],["p-0f186daa",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-5fdfd6ff",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-16864f08",[[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[1,"swirl-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32]}],[1,"swirl-resource-list",{"label":[1]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-c78c2b0f",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-0f3b28e9",[[1,"swirl-visually-hidden"]]],["p-100b503e",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"value":[1],"iconSize":[32]}],[6,"swirl-option-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-ca5fd664",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-e13a3215",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-9b0a9699",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
+import{p as e,b as i}from"./p-05c15d47.js";export{s as setNonce}from"./p-05c15d47.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-fd8dd92d",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-e9433d98",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-b76df929",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-638b7fd9",[[1,"swirl-lightbox",{"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],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-4f44b9e7",[[1,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-0511c7be",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-5dd48e42",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-66782dbd",[[1,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"hasCustomHeader":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-da4958ec",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-c17b8536",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-968773d7",[[1,"swirl-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-cddec2c8",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-d5a55beb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-c0cf7a5e",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-0cb23149",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"inline":[4],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-774483bc",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-3c7eb982",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32]},[[9,"resize","onWindowResize"]]]]],["p-50430bab",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-490aca41",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-8f839867",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-5b691374",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-32635b30",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-8c8a717e",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-dc60aa35",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-8e64456c",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-394568d3",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-01aff357",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-c783221d",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ddd49304",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-e7489a17",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-a8acfcc3",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-1cf397ce",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-5540e1a5",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-3a763e22",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-83392d53",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-93173ef4",[[1,"swirl-description-list"]]],["p-1aaa2dbd",[[1,"swirl-description-list-item",{"orientation":[1],"term":[1]}]]],["p-24a2fc70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-b20dc745",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-6f5a740c",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-4002c5ae",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-1760180b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-7c2b4953",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-59a5aafb",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-904b5a82",[[1,"swirl-icon-block",{"size":[2]}]]],["p-51e63ec1",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-d9724ad8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-8444953b",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-1901ff35",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-ff74e4c3",[[1,"swirl-icon-check",{"size":[2]}]]],["p-6d136f16",[[1,"swirl-icon-check-circle",{"size":[2]}]]],["p-cf4767a5",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-fe5a1737",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-ae6f7f6d",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-cd83c309",[[1,"swirl-icon-column",{"size":[2]}]]],["p-498e2b6e",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-6ad5a67b",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-82be9389",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-f9bbeefe",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-93023904",[[1,"swirl-icon-description",{"size":[2]}]]],["p-77d3f063",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-d781dcfb",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-3a7170ec",[[1,"swirl-icon-download",{"size":[2]}]]],["p-7a832eb6",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-4c3c4647",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-3ef45c79",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-ada20ae7",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-91cc9591",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-1c4fa7e9",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-1782d1ea",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-8decc967",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-e08e9e53",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-9648bfbf",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-c3c29b93",[[1,"swirl-icon-help",{"size":[2]}]]],["p-fe33a054",[[1,"swirl-icon-image",{"size":[2]}]]],["p-b490d8f3",[[1,"swirl-icon-info",{"size":[2]}]]],["p-5282350f",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-6ef1f4ef",[[1,"swirl-icon-like",{"size":[2]}]]],["p-28fdee3b",[[1,"swirl-icon-link",{"size":[2]}]]],["p-f7f1c29f",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-1091d3dc",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fff59050",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-f8b08507",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-7c2ca02f",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a182222",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-8b7e33aa",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-a4d24a90",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-fa2ebe9e",[[1,"swirl-icon-message",{"size":[2]}]]],["p-453dc25e",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5d744993",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-0336b920",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-2ea247c5",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-398854b7",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-9f341e18",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-92f1a11f",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-e793fedc",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-fad5447d",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-387a3853",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-2c4d446e",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-85aa0c88",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b626b11e",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-66643855",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-4e5fd3bf",[[1,"swirl-icon-send",{"size":[2]}]]],["p-bea1351f",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-a4ad540a",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-a9f9ef54",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-85c38084",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-2071a452",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-649f1a2f",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-20fd87e7",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-b39a0256",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-fa18c6f8",[[1,"swirl-icon-warning",{"size":[2]}]]],["p-c0036f1f",[[1,"swirl-link",{"href":[1],"label":[1],"target":[1]}]]],["p-d82fce3d",[[4,"swirl-list"]]],["p-f5c1afb6",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-825ca193",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-8317b681",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d5f2df64",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-1e60fa61",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-891737c7",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-27566da1",[[1,"swirl-table-cell"]]],["p-98844f25",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-1aa44f84",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-9ef30977",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-c3badef7",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-13376409",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-eef15ebc",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-4f7f5e02",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-da7879cd",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-f11f705c",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-2ee1c66d",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-5f53b9ed",[[1,"swirl-icon-person",{"size":[2]}]]],["p-c731c32c",[[1,"swirl-icon-search",{"size":[2]}]]],["p-8189d59b",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-2acbafe5",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5636fc57",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-ada769a2",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-ddecb3fb",[[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}],[1,"swirl-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-bb84c103",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-b006fef3",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-83e3fa78",[[1,"swirl-icon-close",{"size":[2]}]]],["p-92fd5b6e",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-08f10dc8",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-fffab440",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-c2167151",[[1,"swirl-action-list"],[1,"swirl-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}],[1,"swirl-separator"]]],["p-0f186daa",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-5fdfd6ff",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-16864f08",[[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[1,"swirl-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32]}],[1,"swirl-resource-list",{"label":[1]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-c78c2b0f",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-0f3b28e9",[[1,"swirl-visually-hidden"]]],["p-100b503e",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"value":[1],"iconSize":[32]}],[6,"swirl-option-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-ca5fd664",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-e13a3215",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-9b0a9699",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));

package/dist/types/components/swirl-carousel/swirl-carousel.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * slot - The slides
  */
@@ -10,7 +11,9 @@ export declare class SwirlCarousel {
   isAtEnd: boolean;
   isAtStart: boolean;
   isScrollable: boolean;
+  activeSlidesChange: EventEmitter<HTMLSwirlCarouselSlideElement[]>;
   private slidesContainer;
+  private activeSlides;
   onWindowResize(): void;
   componentDidLoad(): void;
   /**
@@ -24,8 +27,10 @@ export declare class SwirlCarousel {
   private checkScrollStatus;
   private checkScrollPosition;
   private checkInView;
+  private updateActiveSlideReferences;
   private onPreviousSlideButtonClick;
   private onNextSlideButtonClick;
+  private onSlotChange;
   private onScroll;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -1228,6 +1228,10 @@ export interface SwirlBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlBannerElement;
 }
+export interface SwirlCarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSwirlCarouselElement;
+}
 export interface SwirlCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlCheckboxElement;
@@ -2818,6 +2822,7 @@ declare namespace LocalJSX {
         "label": string;
         "loopAround"?: boolean;
         "nextSlideButtonLabel"?: string;
+        "onActiveSlidesChange"?: (event: SwirlCarouselCustomEvent<HTMLSwirlCarouselSlideElement[]>) => void;
         "previousSlideButtonLabel"?: string;
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.33.2",
+  "version": "0.34.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/swirl-components/p-178ecc38.entry.js

@@ -1 +0,0 @@
-import{r as s,h as i,H as t,g as e}from"./p-05c15d47.js";const o=class{constructor(i){s(this,i),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onScroll=()=>{this.checkScrollPosition()},this.label=void 0,this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.loopAround=!1,this.isAtEnd=void 0,this.isAtStart=void 0,this.isScrollable=void 0}onWindowResize(){this.checkScrollStatus()}componentDidLoad(){queueMicrotask((()=>{this.checkScrollStatus(),this.checkScrollPosition()}))}async scrollToSlide(s){const i=this.getSlides().find((i=>i.id===s));Boolean(i)&&i.scrollIntoView({block:"nearest",inline:"start"})}previousSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0].previousElementSibling||(this.loopAround?s[s.length-1]:i[0]);null==t||t.scrollIntoView({block:"nearest",inline:"start"})}nextSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=!Boolean(i[i.length-1].nextElementSibling)&&this.loopAround?s[0]:i[0].nextElementSibling;null==t||t.scrollIntoView({block:"nearest",inline:"start"})}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0]===s[0],e=i[i.length-1]===s[s.length-1];t!==this.isAtStart&&(this.isAtStart=t),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let i=this.slidesContainer.scrollLeft,t=s.offsetLeft;return t>=i&&t+s.clientWidth<=i+this.slidesContainer.clientWidth}render(){return i(t,{"aria-label":this.label,"aria-roledescription":"carousel",role:"group"},i("div",{class:"carousel"},this.isScrollable&&!this.isAtStart&&i("swirl-button",{class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&i("swirl-button",{class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),i("div",{"aria-live":"polite",class:"carousel__slides",onScroll:this.onScroll,ref:s=>this.slidesContainer=s},i("slot",null))))}get el(){return e(this)}};o.style=":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}";export{o as swirl_carousel}