@getflip/swirl-components 0.299.0 → 0.300.1

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

@@ -1,5 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-eaf83092.js';
-import { d as debounce, i as isMobileViewport } from './utils-877a768f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
+import { c as classnames } from './index-267776a4.js';
+import { S as Sortable } from './sortable.esm-0bfddf0c.js';
+import { d as debounce, i as isMobileViewport, q as querySelectorAllDeep } from './utils-877a768f.js';
 
 /* global setTimeout, clearTimeout */
 
@@ -72,12 +74,19 @@ function defer() {
   return deferred;
 }
 
-const swirlTableCss = ":host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),\n    2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),\n    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell>*{flex-grow:1}";
+const swirlTableCss = ".sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid\n      var(--s-border-highlight)}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),\n    2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),\n    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:flex}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}";
 const SwirlTableStyle0 = swirlTableCss;
 
+const defaultDragDropInstructions = {
+    end: "Dropped. Final position in table: {position} of {rowCount}.",
+    initial: "Press space to move the row.",
+    moved: "Current position in table: {position} of {rowCount}.",
+    start: "Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop.",
+};
 const SwirlTable = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.dropRow = createEvent(this, "dropRow", 7);
         this.triggerRerender = debounce(async () => {
             await this.updateLayout();
             this.updateEmptyState();
@@ -98,20 +107,86 @@ const SwirlTable = class {
         this.onSlotChange = async () => {
             await this.updateLayout();
             this.updateEmptyState();
+            this.setupDragDrop();
+        };
+        this.onFocus = (event) => {
+            if (this.movingViaKeyboard) {
+                const movingRow = this.el.querySelector(".table-row--moving");
+                if (movingRow) {
+                    this.focusDragHandleOfRow(movingRow);
+                }
+            }
+            const focusedDragHandle = !!event.target?.closest(this.dragDropHandle);
+            if (this.liveRegionText === "" && focusedDragHandle) {
+                this.updateLiveRegionText("initial");
+            }
+        };
+        this.onBlur = (event) => {
+            const newlyFocusedElement = event.relatedTarget;
+            const focusedDragHandle = !!newlyFocusedElement?.closest(this.dragDropHandle);
+            if (this.el.contains(newlyFocusedElement) && focusedDragHandle) {
+                return;
+            }
+            if (this.liveRegionText !== "") {
+                this.updateLiveRegionText();
+            }
+        };
+        this.onKeyDown = (event) => {
+            if (!this.enableDragDrop) {
+                return;
+            }
+            const row = event.target?.closest("swirl-table-row");
+            const focusedDragHandle = !!event.target?.closest(this.dragDropHandle);
+            if (!focusedDragHandle) {
+                return;
+            }
+            if (event.code === "Space") {
+                event.preventDefault();
+                event.stopPropagation();
+                this.toggleKeyboardMove(row);
+            }
+            else if (event.code === "ArrowUp") {
+                event.preventDefault();
+                event.stopPropagation();
+                this.moveRow(row, "up");
+            }
+            else if (event.code === "ArrowDown") {
+                event.preventDefault();
+                event.stopPropagation();
+                this.moveRow(row, "down");
+            }
+            else if (event.code === "Escape") {
+                event.preventDefault();
+                event.stopPropagation();
+                this.cancelKeyboardMove();
+            }
         };
         this.caption = undefined;
+        this.dragDropHandle = undefined;
+        this.dragDropInstructions = defaultDragDropInstructions;
         this.emptyStateLabel = "No results found.";
+        this.enableDragDrop = undefined;
         this.label = undefined;
         this.empty = undefined;
+        this.liveRegionText = "";
         this.scrollable = undefined;
         this.scrolled = undefined;
         this.scrolledToEnd = undefined;
     }
     async componentDidLoad() {
         this.setupIntersectionObserver();
+        queueMicrotask(() => {
+            this.setupDragDrop();
+        });
     }
     disconnectedCallback() {
         this.intersectionObserver?.disconnect();
+        this.sortable?.destroy();
+    }
+    handleEnableDragDropChange() {
+        queueMicrotask(() => {
+            this.setupDragDrop();
+        });
     }
     /**
      * Set up an Intersection Observer to monitor when the table container becomes visible.
@@ -124,6 +199,50 @@ const SwirlTable = class {
         });
         this.intersectionObserver.observe(this.container);
     }
+    setupDragDrop() {
+        if (this.sortable) {
+            this.sortable.destroy();
+            this.sortable = undefined;
+        }
+        if (this.enableDragDrop) {
+            const tableHasRowGroups = !!this.el.querySelector("swirl-table-row-group");
+            if (tableHasRowGroups) {
+                // Drag & drop for multiple row groups is not yet implemented.
+                console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');
+                return;
+            }
+            if (!this.dragDropHandle) {
+                console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');
+                return;
+            }
+            const slottedEl = this.el.querySelector('[slot="rows"]');
+            this.dragDropContainer =
+                slottedEl?.tagName !== "SWIRL-TABLE-ROW"
+                    ? slottedEl ?? this.bodyEl
+                    : this.bodyEl;
+            this.sortable = new Sortable(this.dragDropContainer, {
+                animation: 100,
+                direction: "vertical",
+                handle: this.dragDropHandle,
+                fallbackOnBody: true,
+                group: `swirl-table-${Math.random().toString().substring(2)}`,
+                onEnd: (event) => {
+                    event.stopPropagation();
+                    const { to, newIndex, oldIndex, item } = event;
+                    this.dropRow.emit({
+                        newIndex,
+                        oldIndex,
+                        item,
+                        itemId: item.id ?? item.querySelector(":scope > swirl-table-row").id,
+                        newNextSiblingItemId: newIndex < to.children.length - 1
+                            ? to.children[newIndex + 1].id
+                            : undefined,
+                        newPrevSiblingItemId: newIndex > 0 ? to.children[newIndex - 1].id : undefined,
+                    });
+                },
+            });
+        }
+    }
     async onVisibilityChange(entries) {
         const inViewport = entries.some((entry) => entry.isIntersecting);
         if (inViewport) {
@@ -148,7 +267,7 @@ const SwirlTable = class {
         this.triggerRerender();
     }
     resetEmptyRowStyles() {
-        const emptyRow = this.el.shadowRoot.querySelector(".table__empty-row");
+        const emptyRow = this.el.querySelector(".table__empty-row");
         if (!Boolean(emptyRow)) {
             return;
         }
@@ -226,16 +345,16 @@ const SwirlTable = class {
         return Array.from(this.el.querySelectorAll("swirl-table-cell"));
     }
     layoutEmptyRow() {
-        const emptyRow = this.el.shadowRoot.querySelector(".table__empty-row");
+        const emptyRow = this.el.querySelector(".table__empty-row");
         if (!Boolean(emptyRow)) {
             return;
         }
-        const scrollWidth = `${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;
+        const scrollWidth = `${this.el.querySelector(".table__container").scrollWidth}px`;
         emptyRow.style.width = scrollWidth;
     }
     layoutRowGroups() {
         const tableRowGroups = Array.from(this.el.querySelectorAll("swirl-table-row-group"));
-        const scrollWidth = `${this.el.shadowRoot.querySelector(".table__container")?.scrollWidth}px`;
+        const scrollWidth = `${this.el.querySelector(".table__container")?.scrollWidth}px`;
         tableRowGroups.forEach((tableRowGroup) => {
             const headerRow = tableRowGroup.shadowRoot.querySelector(".table-row-group__header-row");
             if (!Boolean(headerRow)) {
@@ -321,10 +440,108 @@ const SwirlTable = class {
         const rowsContainer = this.el.querySelector('[slot="rows"]');
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
+    updateLiveRegionText(key, data = {}) {
+        let newText = key ? this.dragDropInstructions[key] : "";
+        for (const [key, value] of Object.entries(data ?? {})) {
+            newText = newText.replaceAll(`{${key}}`, String(value));
+        }
+        if (newText !== this.liveRegionText) {
+            this.liveRegionText = newText;
+        }
+    }
+    toggleKeyboardMove(row) {
+        if (this.movingViaKeyboard) {
+            this.endKeyboardMove(row);
+        }
+        else {
+            this.startKeyboardMove(row);
+        }
+    }
+    startKeyboardMove(row) {
+        this.movingViaKeyboard = true;
+        this.positionBeforeKeyboardMove = Array.from(this.dragDropContainer.children).indexOf(row);
+        row.classList.add("table-row--moving");
+        this.updateLiveRegionText("start", {
+            position: Array.from(this.dragDropContainer.children).indexOf(row) + 1,
+            rowCount: this.dragDropContainer.children.length,
+        });
+    }
+    endKeyboardMove(row) {
+        this.movingViaKeyboard = false;
+        row.classList.remove("table-row--moving");
+        this.updateLiveRegionText("end", {
+            position: Array.from(this.dragDropContainer.children).indexOf(row) + 1,
+            rowCount: this.dragDropContainer.children.length,
+        });
+        this.dropRow.emit({
+            item: row,
+            newIndex: Array.from(this.dragDropContainer.children).indexOf(row),
+            oldIndex: this.positionBeforeKeyboardMove,
+            itemId: row.id,
+            newNextSiblingItemId: Array.from(this.dragDropContainer.children).indexOf(row) <
+                this.dragDropContainer.children.length - 1
+                ? this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(row) + 1].id
+                : undefined,
+            newPrevSiblingItemId: Array.from(this.dragDropContainer.children).indexOf(row) > 0
+                ? this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(row) - 1].id
+                : undefined,
+        });
+        this.positionBeforeKeyboardMove = undefined;
+    }
+    cancelKeyboardMove() {
+        if (!this.movingViaKeyboard) {
+            return;
+        }
+        const row = this.el.querySelector(".table-row--moving");
+        if (!row) {
+            return;
+        }
+        row.classList.remove("table-row--moving");
+        this.movingViaKeyboard = false;
+        if (this.positionBeforeKeyboardMove !== undefined) {
+            this.dragDropContainer.insertBefore(row, this.dragDropContainer.children[this.positionBeforeKeyboardMove]);
+        }
+    }
+    moveRow(row, direction) {
+        if (!this.movingViaKeyboard) {
+            return;
+        }
+        let newIndex;
+        if (direction === "up") {
+            const currentIndex = Array.from(this.dragDropContainer.children).indexOf(row);
+            newIndex = Math.max(0, currentIndex - 1);
+            this.dragDropContainer.insertBefore(row, this.dragDropContainer.children[newIndex]);
+        }
+        else {
+            const currentIndex = Array.from(this.dragDropContainer.children).indexOf(row);
+            newIndex = Math.min(this.dragDropContainer.children.length - 1, currentIndex + 1);
+            this.dragDropContainer.insertBefore(row, this.dragDropContainer.children[newIndex + 1]);
+        }
+        this.updateLiveRegionText("moved", {
+            position: newIndex + 1,
+            rowCount: this.dragDropContainer.children.length,
+        });
+        this.focusDragHandleOfRow(row);
+    }
+    focusDragHandleOfRow(row) {
+        const handle = querySelectorAllDeep(row, this.dragDropHandle)?.[0];
+        if (handle.tagName === "BUTTON") {
+            handle.focus();
+        }
+        else {
+            handle.querySelector("button")?.focus();
+        }
+    }
     render() {
-        return (h(Host, { key: '1dad264e782e779ec3c641670d6745ae27f311f1' }, h("div", { key: '972ff6748270ec8c89e68803dec81bb3b696b7d5', class: "table" }, h("div", { key: '8421a34d775292faec2fdb16971aa328a3d9e40d', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '2057cabb89b21c4d2634552b6c868026f90c1746', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '853d3788f7e0dd1170cfbfc84e5d810e999bf800' }, h("div", { key: '72ecf2b03aa6c46d45609254f5fa9af2fbbcb039', id: "caption" }, this.caption))), h("div", { key: '02b2b15ca2aefc20a3237d95ca34b892a9bc9b41', role: "rowgroup" }, h("div", { key: '6543839c056f6caf174f65670668c2a5c6f2606e', class: "table__header", role: "row" }, h("slot", { key: 'e6581bc48062a1d704ba2b9280b35190f03e2c64', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '04e5564657fed6b436679cd300e56e18d8f64ce8', class: "table__body" }, h("slot", { key: '4054d9418eb60559e996bb630143fbaceca90a5a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '8200eb9e5bf3d8b52ead63df6d77db21bc6adbac', class: "table__empty-row", role: "row" }, h("div", { key: 'f86a99a732345affb1e8fd1224673970066da191', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '29199285a11c90a6839a68c84edd71f04fbf4d6e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        const className = classnames("table", {
+            "table--keyboard-move": this.movingViaKeyboard,
+        });
+        return (h(Host, { key: '072ad27c0d91fe202a82c853917575d36f9868b9' }, h("div", { key: '30915cb7a92b2f45d0ee3dc6b7af1040d0765b93', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '286a7f9a8a88054c6b330ccd49527495157001e8' }, h("span", { key: '9b94d79b0f8882da55b09cd3edede48ca1bac26d', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '0221127e6feedb0c4f2dc8fefd9f00a08e72e711', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'c7afbe0db6e602ff7b7c59c149a2abb2dca39168', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'a02b165844fc9685c158e8115fb90c48ae6e87f3' }, h("div", { key: 'c6fd789ad9d5a7e2ba1af8d1179c96c50806e10d', id: "caption" }, this.caption))), h("div", { key: '7386f5e1d6f6a1ec1e3f81b4f302fb3026e674fa', role: "rowgroup" }, h("div", { key: '4a9c0fb92683cd8530acdb9bc912e9ca080ce5b3', class: "table__header", role: "row" }, h("slot", { key: '23fe3ffe2bf0f78684846c4fd3ecfed994a871b4', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '972dcf9e869a187edc976a30bc513efcd3e6a549', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '5610098e443132f5a745c8e345d4e3a03c917190', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'c85753cf3ef5cb3ec2e62b623372d248eb485495', class: "table__empty-row", role: "row" }, h("div", { key: '533e9cfebbc9bb4336d1c2c3bba54ccf8ebe1765', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'e9a348686f3c80a33501e9bb85f8c92c068e7fe5', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "enableDragDrop": ["handleEnableDragDropChange"]
+    }; }
 };
 SwirlTable.style = SwirlTableStyle0;
 

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

@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (h(Host, { key: '8f776091b83d55785e936df66c991738f1f98102' }, h("div", { key: '94e213f60729e970661621a683b791c44a67a90e', class: "tabs" }, h("swirl-tab-bar", { key: 'd680d7a11f6a0a89edcd6f0a63cf2d79e64d50f0', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'edc54b9b40475e1930eb98c08774a5e7d721e31e' })));
+        return (h(Host, { key: '341704212596c244b030469cbc133c845f43b17a' }, h("div", { key: 'bea41635c44fa9a7090b39511353d4fe9e38c23f', class: "tabs" }, h("swirl-tab-bar", { key: '1aa5dcdaff37a0934c887dac63bcca6f38da89c3', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: '29e72997a00d6630e6abbaa279ea282f890a03c7' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -984,7 +984,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '58852d3eda21365916053627efdfd755cf1a3512' }, h(Tag, { key: 'c88165cea60cb0d540f1636262a449818c8127a2', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '267baa6125ef490f3536adc3d51f16e9782ef94a' }))));
+        return (h(Host, { key: '713388ef1ff5eb7d6114a53cd1145169079edf95' }, h(Tag, { key: '4b14c27894c47122d5ebdb16bea0dc8023693b8d', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '8057eff74c66a986a47c9978fce2f83ca4272112' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-theme-provider.entry.js

@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '0f1694a7bf967fcbffdd7e915ec4aa4a8d2f93cf' }, h("slot", { key: '7c3c75d2927e01783040f473ba41f3831164bfa8' })));
+        return (h(Host, { key: 'e292aaf46693437e24ce6f2a331e43ac486dfb6d' }, h("slot", { key: '5d64cc274bfcfcb78cd379730f3361ebb56c4d9f' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/esm/swirl-time-input.entry.js

@@ -125,7 +125,7 @@ const SwirlTimeInput = class {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '2c4924715b04c0e77299b48a29fe7ec044229884' }, h("div", { key: 'b8bceee82f8ee07a206515e8f3bf3ba6c7fd6320', class: className }, h("input", { key: 'd06d11faf603e2c8526ab780ac64bbe10b61d562', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'b84dd53cb89b2532904f0978c951dcab01996d33', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '0c6df7dcd4388bfd2b06c6e70e2a30e36474ea3a', size: this.iconSize })))));
+        return (h(Host, { key: '11575c7c43abed50d92714f74e70997ba3513d73' }, h("div", { key: '22b1e8c6fb208fdb04d0564b62aeee6149bfef0d', class: className }, h("input", { key: '6142af4dcf4a7f9cfb83a08f63fa200e29ed8641', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '2d6b3392c86d2c324b413f3b5d47c9b07bdc8cce', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'f6f663c6628b6268757e2675890bd66afa2980ce', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-toast-provider.entry.js

@@ -51,7 +51,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '3650e2962ff80074ed761a02c2181aa199b113e7', role: "status" }, h("swirl-stack", { key: 'a7d56803f722b22f3a58d4a9685d467895e8a65b', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '6b3eb6381417fc57320494b85675634ec8cbd28e', role: "status" }, h("swirl-stack", { key: '26b7c2f18fefc092f0822a995f1066ef8c8fc6ef', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -59,7 +59,7 @@ const SwirlToast = class {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'ff494adb183bfd3b0cf64f854370f65d9025688d' }, h("div", { key: 'ec42812f4e085d3853d529c5155847d3166d7235', class: className }, this.icon && (h("span", { key: '9565980b265dfb58f2d3f4625642c4b42b286bb0', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '20a9d20e6a1250d8584768db191033b7dca0faeb', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '59a95eece747a0a434c6730c84ca8138b7036b5c' })), h("button", { key: '413e402fb6504c7791d68e21b2dd333a79fb4e2e', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '76fb12bf16bdd0f7dfb1d51becf2774e438921a3', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '676e4706190a84cee6b6b6b1800e8788fc1ba828' }, h("div", { key: '9cc47f4d3c482c091b95d43b497dd90e12e02528', class: className }, this.icon && (h("span", { key: 'ad828f1c327c8ce8628f68ccf7364ee345dc974f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '7cc6eebcf936e40ebf1bd1f661b595a96dd29d72', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'df2debd57ed2aa87b529aa81fda26bd1fc02a721' })), h("button", { key: '1d1c2938862a572253611bf226265f3cc3e8ac71', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'a1ea242f9764316d018c37af9c2c55cc0a11a6a0', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/esm/swirl-toggle-button.entry.js

@@ -18,7 +18,7 @@ const SwirlToggleButton = class {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: 'f1fd00b70d49441eed96d0c3cd3b513abc2e2942', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '62b776441bc1175ff19ceaeebd19bb7ea9818b51', class: "button__label" }, this.label)));
+        return (h("button", { key: '60ec065056c43a35a655d5a659230feaa2dfbe7c', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '90282ff1de8a2bdb023c32f3e41c79c2d763bbaf', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

package/dist/esm/swirl-toggle-group.entry.js

@@ -57,7 +57,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (h("swirl-stack", { key: 'dd91f7ccecce01bf2bd29a155b888b1c7ff0325e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'b22ba319fb73e5c448e513156f64f817766fd055', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '38ba2ae6fd183ef0b1f45af3aa09dc13d9a0fc7e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '333d7b64beda4587448e92a7dc70e9ff7e7dbd40', onSlotchange: this.onSlotChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -71,7 +71,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '0bd307a0ad1039736f25124308ad98dc4fa03d18' }, h("swirl-stack", { key: '626904a735a98982c9f84aa1e27e1e4b7cd78606', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: 'c4f06b12016aa2589d470ca1dcf4f53a3ed2c099' }))));
+        return (h(Host, { key: '5416d10668ae2e88c6ea3501184dffe87779b9f5' }, h("swirl-stack", { key: '02e4d2a3d41b63d50fa85cbab86ff0a11bfb02ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '46c598bd3a3b716f28c897669396bd276de3a2dd' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -115,7 +115,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '529375924a131657990ae49ca1577e384d7fb757', onKeydown: this.onKeydown }, h("span", { key: '6738c27b573fd2b6b9ddf090454a67fe1f28a7fa', class: className }, h("span", { key: '4152986331edada0253c5eee675c2841ddee4f21', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '15e1427b464e34bd69aa29527d99294e56e2a432' })), h("span", { key: '1632c52e95fd3b944ba6377beeab511deb1e995d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'bb0876790cd15f687658d29771ceb91b8dd88001', onKeydown: this.onKeydown }, h("span", { key: '9da9846ede5394a165faa1ded155f88f9760a947', class: className }, h("span", { key: '327bbb9753c47e08c0909f2df05aa4d86b5a4022', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '5b5a39b6507808a3926b613af1612b19d64585ad' })), h("span", { key: '81122c462ef32fb61185efe4bd796eec600eb341', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -123,7 +123,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'f25541f0a71832bc92bd90cadabb38e22c5e8f1a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e7e07ec6b2dbebe5a713e05d9c608a91f8128c80', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5772550951013f59e059277ba958efc6380f8f73', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '5bdfba1be1a42825041510626995a68726a6cec2', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '98b85837ac1ab5e8809bc264e67eb6b058837405', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'd6486b3b8b03567eadc72b514c2fa874040c1e6c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/esm/swirl-tree-navigation-item.entry.js

@@ -95,12 +95,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'f18b67c58e0aa8fac5291b8c0a6214852021cc6c', role: "none" }, h("li", { key: '7aa01185db544c5a5d9f97383c75dde04a22dc18', class: {
+        return (h(Host, { key: '91d0825352336d88b1c20738c08f93833957b615', role: "none" }, h("li", { key: '44b1b57d68086aed645921d86ec588dd10a93345', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '817727ed7c788a5faa868fb25effdc3518167228', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '4a4a71f00bc9a9825a51d39a0dc4dacd3a099400', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '4b887aef2710b7d99ca08879cec167c5bf0d1811', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0c2416f44caf82a332c79f70856f1b1f7aab93a0', class: "tree-navigation-item__label" }, h("span", { key: '99283c67764645d4eae695c7db89c9526f3cd108', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '0e97d7a64bfb73b2167d6778186cbf8db2981136', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7c8e76613a0f2534c5f72315cd2266551f96f233', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '9a1783de80521b08918cf06081846b533b4052d6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '5486be6428722d1b6b28f920f0bd17311c71ab99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ebf61cb2e6ec23082a58282e0028ce2dd68097e0', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '645f8b69e22a756704b64cfeb1147fad52ae21ea', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'ee3be24c31d978b237f3365eb9db5ebaa9dcd0bd', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '1a6ba5fa0d42d36b5cef10ae4b5c4a674c54e0a9', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'fb45c421326713a33e4aea6235da052b7faa7267', class: "tree-navigation-item__label" }, h("span", { key: 'f1d44d360ffdd000901d94d7ccf3a339b20ff8a1', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '60092336a4f8258de8dc255d4ff3561bcb421f88', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'c226108f24408a27febff0f21508fbc3053d6dfd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'f25c601b3bb4a953cb2c50a860fc8c82e34aa4c9', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'f546a936e52e4502d908d35087e10fc1bc042959', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '065e64f7762c564c0210395aabb9ba3521e5b4cd', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '519cdbd7d36202ad4ead9fd87900a70a6f0c7d11' }))))));
+            } }, h("slot", { key: '0ac59a0c165c0e515af930c47da8666f1eac14dc' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-tree-navigation.entry.js

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '359b8985019aacfff300043c67f0553a6ed87471' }, h("ul", { key: 'f6bdb96a9817f370ab2b926faf8db231534d22b3', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7fe3965d7916fcf181f851e55d303a413923cc40' }))));
+        return (h(Host, { key: '6170dc1783135092d40e783ee2c8377035057fbd' }, h("ul", { key: 'dc04e572d7a61c96acf21aa3d026b12373d089a9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '04fb3e839d94ef7bfa13cb0b624909a567c2ba79' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

package/dist/esm/swirl-tree-view-item.entry.js

@@ -330,13 +330,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '11f945581b2760fddabaa767359c5a2902b25cb5', id: this.itemId, role: "none" }, h("li", { key: '9124bab079d33cd3ee541e50ec3278b3bbd2f2b1', class: className, role: "none" }, h("a", { key: '189f49bd8978bb4effabedd63af16cfb8a11fc5e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '57a4537fbb33910a26763c24181e00f024a07293', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7567a5e0b97d58fdd90e4b57bc97f787d50d1603', size: 20 }))), this.expandable && (h("span", { key: '08fb4422ade1e4a47337fc2d85c57d8fe8315478', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '2a79ab7004596204a9b2f29d5f0ca90776df7633' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '935788f84153764f54d6ca441b66be7172912dc4' }, h("span", { key: 'c10a6b7e86db978bd096e0d57615c2fbaa250284', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '59d6dc11da28dbd760408ee8dcce3cbd35224ef3', class: "tree-view-item__label" }, this.label), h("span", { key: 'df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5', class: "tree-view-item__tags" }, h("slot", { key: 'e818a56e60b8a270846d22e4e719724f04cd5c49', name: "tags" }))), h("ul", { key: '2bab49ba6fe881e5e23f987e9969ec8793f3361f', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '518eb93c8a043e5b7ef286997360245fbb76fe77', id: this.itemId, role: "none" }, h("li", { key: 'c794913be3167e456da5f356c5eb47508f9bda32', class: className, role: "none" }, h("a", { key: '2e2bfc6e89f7abb7087aa05402dbe47540557c6e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '3d4ef51a14292ac38e96d10d5457fdb710654a9e', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '0e3e20697a9c650e8a5b093160ba276f95989fd5', size: 20 }))), this.expandable && (h("span", { key: '3e67ed430d7dc9f5bfad03ac38639360041d1a23', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fdb782aee9709db0556de1f26360e82f297dce47' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '4a67bcabd58558df4c2d8b92ab63b819aec33fb0' }, h("span", { key: '62d3082df1ce3bd2fd10b431fedfbd8941ee3348', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '3b7e5656d638adb381cf33d4df02f625bc8e3c25', class: "tree-view-item__label" }, this.label), h("span", { key: '955fa6cf146cb52081f7f2d063e3a1297c65844c', class: "tree-view-item__tags" }, h("slot", { key: '064eaaf4c85aa786c2a05f8ae2cc75b7de698f01', name: "tags" }))), h("ul", { key: '024aad33ecffc93fda3fcb46322fdf2c72f82583', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '94bc6c05acf1fcce468491f17c61bb0f8a8a01bd' })))));
+            } }, h("slot", { key: '814f3a933e378e6bdc35f8a29f73c0153a1e0c51' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-tree-view.entry.js

@@ -325,7 +325,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (h(Host, { key: '5d42e2eab6b3f055af16fa301b7f9f37013d351c' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '7117b34c427a388225ac21e0d6ccb83134161d69' }, h("span", { key: '2b4b20565b1feedfa7efe6f08372aa8260f6be00', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '31419fcb2054dc1c22e7046a3eefdc272a4253a5', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'fcea6992704f7a61c812c6d7fec08f841105af56', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '2ff064e5a88a606e7f1087795d7e457dfe202845' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ec65e0428e1c7d1ab62c6e7374c91ad8cd574db9' }, h("span", { key: 'cd46892755c70c34ccb8ec3d28e1fe23c757ec62', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '6ca7397859686915e35264da904cda878587fce6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '3897b33fecb6fc620f8b248f6eaf2ad6e27ec7cd', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-video-thumbnail.entry.js

@@ -12,7 +12,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '8cfb7e53037587a1685a13a2ca10eea9ef711da4' }, h("button", { key: '2d77530a617388cadddce3cb4fea5a3404e48ec3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f030fd3f0909d31cca84a44ba41aa0ef0bb5a866', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7d4c745e47ecd04ff9323a8070918913e284a0d9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '4ff3a1d09f382c347bca34d046b7ce0a5026dd7e' }, this.durationLabel), this.duration)), h("svg", { key: '799ca22c57a83ee81f9579fabf95e43da71051b9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '066803c1874855c5a2389bfb4f45fd0a27947355', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '192d9056cae575d3f553e04e6c51b37108bb8b39' }, h("button", { key: '9e3caed5ec654fea3b76b6a93fa4b30cb51a356e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '192256eedf2b179a9c63fc542d41ebd4596b164e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'afbb63ae1c500461a60c5c926b4d8dfdc12c1cca', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '52a1ce390a7e62659469d941add8ce2048893ff4' }, this.durationLabel), this.duration)), h("svg", { key: 'fabe8f4cd914b7097d0dc9f954d57f2dfba0691a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f12ae6c1bb05f6c53137504e549a0e7e4152ba60', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/esm/swirl-visually-hidden.entry.js

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '01921ae08854d98d6ec9a5d4b03a154d6f0bb7f7' }, h("slot", { key: '2c81abcdb2d5bae0870e8104a3ea4be404516084' })));
+        return (h(Host, { key: '946b92da1505327c1c13c751c4e8331b42f2e98e' }, h("slot", { key: 'e9114f7c9c9edb9ac859a8de4acecf3dfa1cc785' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

package/dist/swirl-components/{p-65e86ad0.entry.js → p-01b84283.entry.js}

@@ -1 +1 @@
-import{r as C,h as e,F as i}from"./p-944f8a36.js";import{c as a}from"./p-a5dce9e6.js";const t=class{constructor(e){C(this,e),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=a("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"0f5c0d531c7f5d5747475c94cea243fa0903cc96","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"d5efa272548edb9e6e6647324e56ae08b1bc75a2"},e("path",{key:"b515301cb78c73f77ceb29e03b104a49d1661fbc",d:"M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"630bea59a942d37dd453c207960be4e952c7f02f"},e("path",{key:"4ec84d3d5c506e06af7e1ead356df0f0fdcf62c8",d:"M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z",fill:"currentColor"})),28===this.size&&e(i,{key:"5864a7449383bea2ad0adba0decc057069762139"},e("path",{key:"2f7aa893bbf71f3482a52d8cfa5f77d54e3ed836",d:"M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z",fill:"currentColor"})))}};t.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{t as swirl_icon_add_photo}
+import{r as C,h as i,F as e}from"./p-944f8a36.js";import{c as t}from"./p-a5dce9e6.js";const a=class{constructor(i){C(this,i),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=t("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"728a1a426691def9d4d80a8c07254756ffd972e4","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(e,{key:"6ca93af6771f1c522164e555496515e8829e14ad"},i("path",{key:"039b70f95735719af1f4b7223a7729b44e012450",d:"M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(e,{key:"1c461b9bd75a19047eccdb13424a4603ec8c552a"},i("path",{key:"4f1a95fcb80015adef2444aa82af2328393c96c5",d:"M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z",fill:"currentColor"})),28===this.size&&i(e,{key:"0e18ffc79c583f834635d82da21e591dd7693fc9"},i("path",{key:"1cb8520e109e3e8b2896835438db0ed981811221",d:"M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{a as swirl_icon_add_photo}

package/dist/swirl-components/{p-292211d0.entry.js → p-0280c593.entry.js}

@@ -1 +1 @@
-import{r as i,h as e,F as a}from"./p-944f8a36.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(e){i(this,e),this.color=void 0,this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},C=t("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"b806f9620164580fe3c537489e8865fc56d4a282","aria-hidden":"true",class:C,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(a,{key:"0e5dbf501a32df6ebac46fd409c11e6166081b69"},e("path",{key:"b0bdafd5ea5b569ba5270b5bf2f900d37cc2b0eb",d:"M7.99999 10.05C7.89999 10.05 7.80554 10.0334 7.71665 10C7.62777 9.9667 7.54443 9.9167 7.46665 9.85003L4.38332 6.7667C4.23888 6.62225 4.16954 6.44714 4.17532 6.24137C4.18065 6.03603 4.25554 5.86114 4.39999 5.7167C4.54443 5.57225 4.72221 5.50003 4.93332 5.50003C5.14443 5.50003 5.32221 5.57225 5.46665 5.7167L7.99999 8.25003L10.55 5.70003C10.6944 5.55559 10.8695 5.48625 11.0753 5.49203C11.2807 5.49737 11.4555 5.57225 11.6 5.7167C11.7444 5.86114 11.8167 6.03892 11.8167 6.25003C11.8167 6.46114 11.7444 6.63892 11.6 6.78337L8.53332 9.85003C8.45554 9.9167 8.37221 9.9667 8.28332 10C8.19443 10.0334 8.09999 10.05 7.99999 10.05V10.05Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(a,{key:"d59672e287ff2bbf833d45f95d038416a9468318"},e("path",{key:"07a40dd4ec63921d49c0fb17f7da7f203f0da62a",d:"M12 15.075C11.85 15.075 11.7083 15.05 11.575 15C11.4417 14.95 11.3167 14.875 11.2 14.775L6.57501 10.15C6.35835 9.93338 6.25435 9.67072 6.26301 9.36205C6.27101 9.05405 6.38335 8.79172 6.60001 8.57505C6.81668 8.35838 7.08335 8.25005 7.40001 8.25005C7.71668 8.25005 7.98335 8.35838 8.20001 8.57505L12 12.375L15.825 8.55005C16.0417 8.33338 16.3043 8.22938 16.613 8.23805C16.921 8.24605 17.1833 8.35838 17.4 8.57505C17.6167 8.79172 17.725 9.05838 17.725 9.37505C17.725 9.69172 17.6167 9.95838 17.4 10.175L12.8 14.775C12.6833 14.875 12.5583 14.95 12.425 15C12.2917 15.05 12.15 15.075 12 15.075Z",fill:"currentColor"})),28===this.size&&e(a,{key:"5b59aa94db7f7155f0dc3ffec3f648fc245afd52"},e("path",{key:"eaba7ef6886f93cbc5a7b20caedfbc8dbd5ae228",d:"M14 17.5876C13.825 17.5876 13.6597 17.5584 13.5042 17.5001C13.3486 17.4417 13.2028 17.3542 13.0667 17.2376L7.67083 11.8417C7.41805 11.5889 7.29672 11.2825 7.30683 10.9224C7.31616 10.5631 7.44722 10.257 7.69999 10.0042C7.95277 9.75145 8.26388 9.62506 8.63333 9.62506C9.00277 9.62506 9.31388 9.75145 9.56666 10.0042L14 14.4376L18.4625 9.97506C18.7153 9.72228 19.0217 9.60095 19.3818 9.61106C19.7412 9.62039 20.0472 9.75145 20.3 10.0042C20.5528 10.257 20.6792 10.5681 20.6792 10.9376C20.6792 11.307 20.5528 11.6181 20.3 11.8709L14.9333 17.2376C14.7972 17.3542 14.6514 17.4417 14.4958 17.5001C14.3403 17.5584 14.175 17.5876 14 17.5876V17.5876Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_expand_more}
+import{r as e,h as i,F as t}from"./p-944f8a36.js";import{c as a}from"./p-a5dce9e6.js";const c=class{constructor(i){e(this,i),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,c={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=a("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"1f78feeec813bc552c35d5386091c228416f663f","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:c,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(t,{key:"33b63f71d68a0466cb115ae9099aa235bb0b0c33"},i("path",{key:"107ec77fbd4bb087b8f1db44ceb97700a2bab794",d:"M7.99999 10.05C7.89999 10.05 7.80554 10.0334 7.71665 10C7.62777 9.9667 7.54443 9.9167 7.46665 9.85003L4.38332 6.7667C4.23888 6.62225 4.16954 6.44714 4.17532 6.24137C4.18065 6.03603 4.25554 5.86114 4.39999 5.7167C4.54443 5.57225 4.72221 5.50003 4.93332 5.50003C5.14443 5.50003 5.32221 5.57225 5.46665 5.7167L7.99999 8.25003L10.55 5.70003C10.6944 5.55559 10.8695 5.48625 11.0753 5.49203C11.2807 5.49737 11.4555 5.57225 11.6 5.7167C11.7444 5.86114 11.8167 6.03892 11.8167 6.25003C11.8167 6.46114 11.7444 6.63892 11.6 6.78337L8.53332 9.85003C8.45554 9.9167 8.37221 9.9667 8.28332 10C8.19443 10.0334 8.09999 10.05 7.99999 10.05V10.05Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(t,{key:"fbfdf63320ce0a1a0a530d7d4158cb7e941d19b8"},i("path",{key:"e1ee0a2589b5fc389fc9173626a1c2611e3ac1b8",d:"M12 15.075C11.85 15.075 11.7083 15.05 11.575 15C11.4417 14.95 11.3167 14.875 11.2 14.775L6.57501 10.15C6.35835 9.93338 6.25435 9.67072 6.26301 9.36205C6.27101 9.05405 6.38335 8.79172 6.60001 8.57505C6.81668 8.35838 7.08335 8.25005 7.40001 8.25005C7.71668 8.25005 7.98335 8.35838 8.20001 8.57505L12 12.375L15.825 8.55005C16.0417 8.33338 16.3043 8.22938 16.613 8.23805C16.921 8.24605 17.1833 8.35838 17.4 8.57505C17.6167 8.79172 17.725 9.05838 17.725 9.37505C17.725 9.69172 17.6167 9.95838 17.4 10.175L12.8 14.775C12.6833 14.875 12.5583 14.95 12.425 15C12.2917 15.05 12.15 15.075 12 15.075Z",fill:"currentColor"})),28===this.size&&i(t,{key:"fa88aed81a55ed3c56e7f60596dcc5c0380bf183"},i("path",{key:"5fb5b78f640230651c146061e12aa067cb984c60",d:"M14 17.5876C13.825 17.5876 13.6597 17.5584 13.5042 17.5001C13.3486 17.4417 13.2028 17.3542 13.0667 17.2376L7.67083 11.8417C7.41805 11.5889 7.29672 11.2825 7.30683 10.9224C7.31616 10.5631 7.44722 10.257 7.69999 10.0042C7.95277 9.75145 8.26388 9.62506 8.63333 9.62506C9.00277 9.62506 9.31388 9.75145 9.56666 10.0042L14 14.4376L18.4625 9.97506C18.7153 9.72228 19.0217 9.60095 19.3818 9.61106C19.7412 9.62039 20.0472 9.75145 20.3 10.0042C20.5528 10.257 20.6792 10.5681 20.6792 10.9376C20.6792 11.307 20.5528 11.6181 20.3 11.8709L14.9333 17.2376C14.7972 17.3542 14.6514 17.4417 14.4958 17.5001C14.3403 17.5584 14.175 17.5876 14 17.5876V17.5876Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{c as swirl_icon_expand_more}

package/dist/swirl-components/{p-a527abaa.entry.js → p-03359756.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,H as t,g as a}from"./p-944f8a36.js";import{c as i}from"./p-5136b9f9.js";const o=class{constructor(e){s(this,e),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const s=i(this.el,"swirl-table");s?.rerender()}render(){const s={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return e(t,{key:"b4b2b34e8bc2f9dacf9ee83ff0976f7a29deb265","aria-sort":this.sort,class:"table-column",role:"columnheader",style:s},e("span",{key:"494a409686b6826531a8f2b40914c3baf85a4fa6"},e("slot",{key:"d7a1607dbe9e7e897f0699dbc7b8f118a667094b"})),this.sortable&&e("span",{key:"71f37474cc4c854bdbf421aead9cfad84abf9ee5",class:"table-column__sort-indicator"},"ascending"===this.sort&&e("swirl-icon-arrow-upward",{key:"4709f69b17239f3aa10b6513bb1b45b7e0a998a8","aria-hidden":"true",size:20}),"descending"===this.sort&&e("swirl-icon-arrow-downward",{key:"de9b1cdb14ae43dc8a1b042bac4423ba837b1191","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return a(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}
+import{r as e,h as s,H as t,g as a}from"./p-944f8a36.js";import{c as i}from"./p-5136b9f9.js";const o=class{constructor(s){e(this,s),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const e=i(this.el,"swirl-table");e?.rerender()}render(){const e={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return s(t,{key:"928c4901ce0a82166ae1869bf4e0a6fc455bc93f","aria-sort":this.sort,class:"table-column",role:"columnheader",style:e},s("span",{key:"9fd6853d5ca6f749a1594baae50b800a18f49748"},s("slot",{key:"a64fd9c2a587f8ea79531d5a145ec66fcce2e1a3"})),this.sortable&&s("span",{key:"9b38668da82995eeee2cc1cfa0938f9cce41d570",class:"table-column__sort-indicator"},"ascending"===this.sort&&s("swirl-icon-arrow-upward",{key:"ae88490ecca4a744ed0391f588104c5c88a801ed","aria-hidden":"true",size:20}),"descending"===this.sort&&s("swirl-icon-arrow-downward",{key:"1c816479d6ed0c695ac6401b67fcc4539a8a870e","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return a(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}