@getflip/swirl-components 0.528.0 → 0.529.0

package/dist/collection/components/swirl-status-indicator/swirl-status-indicator.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 export class SwirlStatusIndicator {
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '62f371ab1f733071a33215f1b2d618f352932906' }, h("div", { key: 'de36fa200de899dfa926b58506ebfe498095d65b', class: className }, h("span", { key: '70097360cd5d8f107768409986891c0e4759c768', class: "status-indicator__dot" }), h("span", { key: 'bb9a68874c9ea67161d73291315974c449688723', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: 'b91fc2e61ef70be3150621494b5c772c03fc6de4' }, h("div", { key: 'db08d7d929df787d64e4be1172890c5a707e77c4', class: className }, h("span", { key: '839e99fb4d199ba50a635cd43ecda76a387a69a9', class: "status-indicator__dot" }), h("span", { key: 'c5ae565c984e4f1e0e88f2260ee77bb04710c283', class: "status-indicator__label" }, this.label))));
     }
     static get is() { return "swirl-status-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,9 +26,9 @@ export class SwirlSwitch {
             "switch--disabled": this.disabled,
             "switch--hide-content": this.hideLabel && (!this.description || this.hideDescription),
         });
-        return (h(Host, { key: '50b3357b11531b7b54760da2a757c5d20c2456a7' }, h("label", { key: '2fb84e079c1e250042827d4b727ede8fb1d8dfbf', class: className, htmlFor: this.inputId }, h("span", { key: '272a48201fab35cdf5e9e5e2048369a864403b34', class: "switch__control" }, h("swirl-visually-hidden", { key: '66e44c3a9b42cd634cf87e399b37436c9c250fa6' }, h("input", { key: 'ae147b742a03936b5cb7e3337a9ad8ace135b6f7', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '066b3fcb454c9f017b9c62e8ac5b0a77a312d670' }, h("label", { key: 'e893e25b2c694a057829de491a23cbb1a6493f1d', class: className, htmlFor: this.inputId }, h("span", { key: 'e1125ddca72ae0ab1b5130725f2387b10919d7af', class: "switch__control" }, h("swirl-visually-hidden", { key: 'cba26183467438e40955ec6b36f245e556075f86' }, h("input", { key: '0cbafdd0c1fc6a97eb14444d3621d3603ccac2bb', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '0e8bc773fa78d82f17e84b43d59d804246879619', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'd9bec995417f915c3219ed3ff4d4eaa10d23f4b9', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'bcb1123bdf250a15454fbed0cc0fcd3b484887bd', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'd8e3e5bc029e05b8f73500ab70d3fb73b1420b6a' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: 'a46ecfe95969643500e26224f8b021985f461fa9', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '71c99b5f29ab55c5c9a48e4ae1e009e326a39729' }, this.description))))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '056fd9338fd9650d123585e34b4f0f1d29477c87', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '8c3287b7d047e10163d74e999912623404436c3e', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'b5c2059a1bfd2b625b0313e2955608761e28c6aa', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '92e29791307fcf313d1a4089e6ec1a676b1ed38a' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: 'f1b74a39ed51983aed20e39bca93b30b655d7ccf', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '2aae8093774413099e8a0435b464e3133e3b841c' }, this.description))))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -6,7 +6,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: 'fde4f20eb0090df7b2ecf6c9b4c2f396773b8ca5', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '8a81fccbb75f28831f0ad460e0ce9da732463e95' })));
+        return (h(Host, { key: 'fa4be95c04f4e1576d9723598bc3c6082c6180b5', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '0a12aff1172585ac7ee31801d13ee1e47009a7e4' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -55,7 +55,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '5bb40343763ee6ad52e369a3150322987a2c52d6' }, h("div", { key: 'b8b3829ab28e34dbb212eb724a35656cda80cd89', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '32c72009b361c8a8073eca893363e3604586a278' }, h("div", { key: 'd351e22d18126c350c962168743c8bbce8ffe73f', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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

@@ -495,7 +495,7 @@ export class SwirlTable {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', 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: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '16d0611e24b24ee9f79cc38e0095a67672d74c2e' }, h("div", { key: 'aec12bf6d94bef63f68acfaf028658254d01f181', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '0af23c204985e8578aee552beff188f5e599275f' }, h("span", { key: '0f4bcc195d7bd265c028b70604ba74b1531e3c25', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '77e6c52ecbf5e81d268b9c49364cbe166e8ba45e', 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: '21156e4f5d0a98c1c11cdab2c8d812833d1af031', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'deea452f4a44ffaf0f8472e0ba07446f555de0c2' }, h("div", { key: 'e0f7da4bf4009659451e3890827861a64045d740', id: "caption" }, this.caption))), h("div", { key: 'ce3b91d7709fb0b607cf3b4fa48f5d118d04ac4f', role: "rowgroup" }, h("div", { key: '15c9d000b9d69eedc6ca1285a9dcfa20ca2bec02', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '31f61474ba47292819e5fbaf655817ed28a03434', name: "columns" }))), h("div", { key: '2d5e8fab1af067c1eb59ad84db517113cc6935e3', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '47f0b034e0412de19194c87bf2dd1eea524af173', name: "rows" }), h("div", { key: '4b97574c5c5919c35fd5a9ce48a4b4dbb24d9518', class: "table__empty-row", role: "row" }, h("div", { key: 'e8d44d595d30450512ad57defb3c61fd77f2040a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '6551e8e625520b44e608a41e67d58e65a06c20d2', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '7689d667f7574ddd4dfa3ad54d05906e1822c035', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-table-column/swirl-table-column.js

@@ -25,7 +25,7 @@ export class SwirlTableColumn {
             "table-column--sunken": variant === "sunken",
             "table-column--raised": variant === "raised",
         });
-        return (h(Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '2b7440d3ae12872c302ae06a4f36ead38bef8b0f', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '4d824001b9ac246a40bba86c7159011af93516e6' }, h("slot", { key: '48446b51eb87e04a960ac86d14aa834c3d7c3e1c' })), this.sortable && (h("span", { key: '8cc98224f729be792b446b8e4b9343d8caa1a0b9', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '2707182822a2e1fadac9cf66792160c10e114570', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'b3fb438c01016dd2bad18ad564d00db89806db2d', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,7 @@ export class SwirlTag {
             "tag--hide-label": this.hideLabel,
             "tag--interactive": this.interactive,
         });
-        return (h(Host, { key: '9637cdd4b1ad7b0dccb5c04a0ddefd8ee2325f7a' }, h(Tag, { key: '99dc3fb14fd345e4275bb8442be97fd254080c30', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (h("span", { key: 'ee15018f6a8aa37397f235e7e10c32a567cc63d7', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: '63fe4e28921608f31474a7a2698193b83cd065e9', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '51d9a82d4a1632c4b990e14ff170d14eeb3c2b45', size: 16 }))))));
+        return (h(Host, { key: '4ab5d9f7112162a8f3f2c6dbc3237dc3830ddb1b' }, h(Tag, { key: 'd690e8a0eb95291c61e04587230a235ad0c725f2', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (h("span", { key: '19968e5bbef6e80830378a2c7f993cd89e332163', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: 'f72194eaf3563457c2b51979186e55a710f0d7f5', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'fc7194c146a8a94af6e501158ccfb49bb35c295a', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '8c79f4a91d37994ec7688132382e020621f584ca' }, h(Tag, { key: '7bac3b2004139bdc062db6e516bddf988aa176d4', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'cec08d6960f5e0acbceff329d3dba01b08f3eeff' }))));
+        return (h(Host, { key: '7876251f346121249f38d006c3d8a4ad7fa37327' }, h(Tag, { key: '62331a315bd3203bc9bd4f79709dd0f373fc44df', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '15e6057c97796a810d718c0b7d88c95af6453c3e' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -71,16 +71,16 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--uploading-bar": isUploading && !isCompact,
         });
-        const imageWrapper = (h(ImageWrapper, { key: 'd50b4e0b417c12a91785081aa4f1bc352a7fbdbb', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
+        const imageWrapper = (h(ImageWrapper, { key: 'ea3f0c67da5935a39ab476559594d7604303746e', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
                 ? { cursor: this.cursor }
-                : undefined, type: isImageWrapperButton ? "button" : undefined }, h("img", { key: 'd350d5d2d8cfe9b5f1ab6278841729442a87c243', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-        return (h(Host, { key: '54f03d81a80c38e07c937b9b40785e28cb71dbf4' }, h("span", { key: '32dfe5c663c42aa077640ef489aa817e234b4dc9', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: '0586adab6fc12da2602934d75b4c4d23415a76b5', class: isCompact
+                : undefined, type: isImageWrapperButton ? "button" : undefined }, h("img", { key: 'd140c9450394aeb51ba1f2e13a1bb73e7de0d6cc', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+        return (h(Host, { key: 'c120e25611076bc68c6e26f92ec3a7ba9f3c33b9' }, h("span", { key: '09e46d5cca60f68a26443c7ded24d2db291f444a', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: 'ba91ae07e4c98811f65ecf89d6d0cdbd436a5a0d', class: isCompact
                 ? "thumbnail__uploading-overlay"
-                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '7b1835785ff99555249f39d15871b64579ed6e89', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: '8ca48915a313d0df60dcba89f01ea4d6af22f21b', class: "thumbnail__error" }, h("swirl-icon-error", { key: '09fc738d4235cbb592944d6af402aee514d44a6d', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: '9d445d293dcda14f627afc905120849487400008', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '38bca3e45a6236e8e9dbb9e4a4b1d3d1a627e2ca' }, h("swirl-button", { key: 'a2de3116c2521ce02957a93eecb7f0551ead16ac', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: '9f8ecc729770e0adf0d83280a1548b01a15bef02' }, h("swirl-button", { key: 'eee5fcf95f6c8e26c70dc320d44287fc44d6d45f', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: '1d4d9b1e99af884fdf526da7431f546c9aa827f8', class: "thumbnail__compact-action" }, h("button", { key: '66c6a07bef62f0c4cd3e865b364f768328e22f28', "aria-label": showCompactEditButton
+                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '1388cb3399939b1fe9029c5fb26f898d894f61f8', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: '9e8c53138b170c7d06f51bf79f8e66bab468ab59', class: "thumbnail__error" }, h("swirl-icon-error", { key: '88d70f137ed892f81eb367ec708b5ca5ccdba8ad', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: '3948b9f02f14a92674334cf193ff42c3a5161f3c', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '1a12677f382b5b5e08210750ad3708db6be661fa' }, h("swirl-button", { key: '518c80493af5aa711307b4307dbea0136db56b3d', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: '8c06c3dc5cb9f2898c4cc525ce4caa8a9e2286da' }, h("swirl-button", { key: '341ec503f6844d056658fe3e1ca55fb15e65f7f3', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: 'e748fb32c09ed85fe897d8408f43d075d23cd1ea', class: "thumbnail__compact-action" }, h("button", { key: '8d995e22627953e71cf7161d19d2625e87602c5d', "aria-label": showCompactEditButton
                 ? this.editButtonLabel
-                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: '2e838262052add7aabb11362818cd66a4f8bd535', innerHTML: showCompactEditButton
+                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: 'e6f8cfea63ed922e8fc4d38f0e4b22d7e79ab9b3', innerHTML: showCompactEditButton
                 ? this.editButtonIcon
-                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: 'b7e45d53381fe810725277da63bcb647551cb40c', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: '23cd2ab225e6fe94d803b700740727ea120274eb', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: 'f8a3ce47abf0a45d07cfc7303b015524f4512ed4', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: '44a5108bc4afaec1c8e7e16271962d38e2cfbd4e', size: 20 }))))), showPopover && (h("swirl-popover", { key: '3b788c0311598d6c1c12fba4337917f547b69e96', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: 'dd4943d4efd8e4fc4ed8b78317660958e2d83429' }, showOpenAction && (h("swirl-action-list-item", { key: '6f57197aa0f150bda2991874d59988a6778cb900', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: '528938dd6f5f652aa41cc1f8390dcc00c36f0df6', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: '6f09fc77ec6b9f5a16e67c829c637db3369621c6', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '8197352041a662f49fa290cbe3455d6ab13769fa', class: "thumbnail__timestamp" }, this.timestamp)))));
+                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: 'fd299281ea1712b3e2115c95d6d7eaf469e60074', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: '2bd27ee0e23bfe766646f2d0b1cffce9cb773c04', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: 'fee1b3be46212144f0ae707fc49a2ee1307a9b51', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: '4a5bb72248b527fd87c84eedcf2a5f07d372aec6', size: 20 }))))), showPopover && (h("swirl-popover", { key: '67eb40b06977471d708abde705a62f9908de6e5d', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: '68739c8265a07020bee47b07d75626fc3ea4002c' }, showOpenAction && (h("swirl-action-list-item", { key: 'd05c24d87a7c868eb9982ae46ddf168d261b54c5', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: '8d30a6b23750f91b24bb6901b267586486e1d9ab', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: 'c3ea0265ccdcf808a18f5dd3f70ba59a20d600e0', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '09656507322fe691fde8edbe7b91844417094118', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`, `toast--action-position-${this.actionPosition}`);
-        return (h(Host, { key: '3bbeac633acfcf8ea9b34e6c5f382a2d5d167028' }, h("div", { key: '0d226caf4d8480b5e18a7a68909978038eb1599b', class: className }, this.icon && (h("span", { key: 'c023f0441a86a60f96e3246cff2f975c2d66341f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'b37440cbb7031cdb39c5ab7ae70b3cc12f25cfef', class: "toast__content-container" }, h("span", { key: '65b785499a57274ac73205a88dcae45d0d30e89c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'ccdef3c6f38cb2bd88bd9876710594b5e009b8f8' })), this.actionLabel && (h("swirl-button", { key: '05ea1a525aafdd29bc8174ef9f590e48ce92ef2a', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '71ff41b6b3715cf7b0c1bb3947120414094f8a87', "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: '67e4c3b781bd29ccc031a9019de8d4774713a0de', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'a0dbc188ced5c5d3eb2e00d21de97143376db128' }, h("div", { key: 'da67352733995b8a1465ea6e25b9aef8b75a17ae', class: className }, this.icon && (h("span", { key: 'd1bc5730cf21bbaaf6009fb046f79cb5e3f51c0d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'dfe6ece5012fe401682e8b5e8577c93136079a7f', class: "toast__content-container" }, h("span", { key: '7dc75ae7db7f0b7c45008fec3cd5cc09edd2d556', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e5e916620ba3eef875e59d80016b5dba96de4a8f' })), this.actionLabel && (h("swirl-button", { key: '3c59c9fa99cb7e95693a7d221e74222ae51bb0c6', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '2e201c2e26339b1cec7f0c700d1269a24e577459', "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: '34291adb75cc028bc19c1a1f4a2eae09bb4bc211', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -115,7 +115,7 @@ export class SwirlToastProvider {
         this.popoverEl.showPopover();
     }
     render() {
-        return (h(Host, { key: '3b3254340783d824a13f6fce1bed7c784376d5f4', role: "status" }, h("swirl-stack", { key: 'e27363486128cfde2ecf5d20277bfe5974d1df4d', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'beae26cc9bad4bf02620821d99e96e30699c2374', role: "status" }, h("swirl-stack", { key: '9a97642ff7a29441893a66e0dcbbd0e84c27d738', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
             const props = {
                 ...toast,
                 content: undefined,

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '4fa4b23584713d39e50d9ca826f04a65a33662b8', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'f23d802cb7e3a45edc5a422ea1c7b8f0336755dd', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'dd9c485230f0bda3bdf4e109c1f3a5527db46511', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '3390e52462e88e3de01868f493bd9c9a3f770fed', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '4976e353b8df6e70c241293dbba084b376677257' }, h("swirl-stack", { key: 'd145282f484e033a68dbaa4a78aa5fa0133334ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, h("slot", { key: 'a1511560b214686ed229c09e54d0a79393e6f230' }))));
+        return (h(Host, { key: '73b1af3aced583df7489fed5d8fd87269b71958f' }, h("swirl-stack", { key: '53acf3a4c4dcdb67004ce0c685fbce11709a36ad', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, h("slot", { key: '602437b7f5529bae90be0203362223527b56644c' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -152,7 +152,7 @@ export class SwirlTooltip {
         const className = classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, `tooltip--intent-${this.intent}`, {
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'f72d398e8b0ffe35e6736a98e0c93322df8cc321', onKeydown: this.onKeydown }, h("span", { key: '823d22387edc37f4d9f62ca80171d425984fcbd8', class: className }, h("span", { key: '73ff0e71b320b369abd810083917cc810aa12bb3', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: '360acfdbee9418dffc4928e8f51d4a1a16f636f2' })), h("span", { key: 'da84c0c6a7837f53009bfcdef577319ba4980d50', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1b5bb2034b315b49c7e1caf68fc73f21b3968b0e', onKeydown: this.onKeydown }, h("span", { key: '7f7a5ee5634cac2d8652f826f0614be1dc994e7a', class: className }, h("span", { key: 'c4ac19e50a3ca991f4e5a814eb2a71bb828a9e32', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: '4069069595ed74c9613b7bf0c449f33c13c847ea' })), h("span", { key: '76557a31870e9dddad8ca80d9a2010fd3b294f45', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -160,7 +160,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 maxWidth: this.maxWidth,
-            } }, this.visible && (h("span", { key: 'dea2834878343f30975c8f57b3d4359b6384931b', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '85aae2745219a97e1dd1b130b9b4ffbbd8493e4d', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'ed1aefbd28a10881c5b4a057b65b5e47eebda92b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '16d4d3661053aaa6c315d66cbabf3074c24c43d8', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '52e85ff11eca8e56a135991ed20d0815e9520681', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '3a21f9cd678bedeb8fc4abbba91b1f0b94dfa9cd', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '1d51b6b1613a1fa0b3baaa440df453cc04704a51' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '76f99e5f1150e434597f15742efc73b3ccf7da3c' }, h("span", { key: '198d943911f2b18286ba27770004f24686a8f547', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '9448e6968f5efa9161290b1f28e1653735b4036c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'f186329a04387c0b3c2985d71af88d0ed5127473', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '5cfc3b36fe7ce8ddfda89b39a72aadc62239d4c3' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '1ebe624d048e836971b37e34e4cea99be25f2d15' }, h("span", { key: '4c6e51b98e51ec6fab26407298fc4287960d11b3', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'bd4285e2e0304766a3a7e250f9f57bfc8707292b', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'facf43a35b5c6844e642d88cbe69315efbb42731', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -339,17 +339,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '799801188a287a9840062e11839a8110d0277867', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'a9d7dc43950f0a5669bebe1e987b53ff7c5bfbe9', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'c3c306c46d1d0e72bc15aa3d4c269bd991ed8685', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '9e57ca8623777df2e68db5e4f124368a54832608', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '79b39acfba6751039df7ebc3f3990fbb3fb390a2', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'fc013a6e3954aaa59b656cd8104e43a08942cdf4', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (h("span", { key: '128894c54b9787b2f68f696573007dd76ed9ed81', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '6b478f02e5f99cf10a160d1dad12b229f9b9acd6' }, expanded ? (h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'cf47f80489f16b33adcaf8ddcbd240a95f282cc8' }, h("span", { key: '59dca8b68dedf4989335060594556ee9eb153478', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'a72f38444e3c9eed91004452a87f6371309b2f87', class: "tree-view-item__label" }, this.label), h("span", { key: 'c9129679a11ebc44e1cad10b05d68eff7a41e076', class: "tree-view-item__tags" }, h("slot", { key: '98b912755ab5b46f46cc1417cf15205ab23539b1', name: "tags" }))), h("ul", { key: 'ac38c0a6fb60eebc8ff41546e1da4384b223d0a0', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (h("span", { key: 'ca705b472ae4456b5421401d016ff4596dcf50b5', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'e09b8eb77f06ffbb3456e7dc0ca38d22aaa3dd90' }, expanded ? (h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'b026d8f8d6322cf651da6b9522f6f9d84aec6da7' }, h("span", { key: '96163824f4dc898a03b2903e547dbb388ad60fbb', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'e64e31989a236550a135dea4d4d35576c5116a21', class: "tree-view-item__label" }, this.label), h("span", { key: 'e1743f64d0f5179fbe4b1cc2ca53844e0a3219a9', class: "tree-view-item__tags" }, h("slot", { key: 'fe73b932340858a097d35c6a4aa43a14c859b6e0', name: "tags" }))), h("ul", { key: '44953abc396948b111671a6e7a18aecd44ba8da5', "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: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '2fe60b3526dc2dcab583e326b02235e1e0b1bac6' })))));
+            } }, h("slot", { key: '601a5749bbada2f74550cd132908be74a0b14b58' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

package/dist/components/swirl-accordion-item.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as r}from"./swirl-text2.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=crypto.randomUUID(),this.expanded=!1,this.headingId=crypto.randomUUID()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i="h"+this.headingLevel,e=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"b297a697fbbe8121acd9f966f074c271e76972ed"},t("div",{key:"6656e55c34dfa06504e11e36d70eb357a1a46b63",class:e},t(i,{key:"c8251970ff06e54143d299bbeeaefc6d5b5d2244",class:"accordion-item__heading"},t("button",{key:"5ce40ba197c4240ff3a773a5f6bb76bd294c6c76","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"2858c801a6f82512e6cbd8167c800d8377e7c35a",name:"media"}),t("span",{key:"2bdb695a299037fee4888f302443973616fad4da",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"7c11ea5d728793547c1a0f1dab90aaa5aa4c59da",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"5af2efe8d4465b25bf12fedf37b238284e7a25be",name:"trailing"}),t("span",{key:"4a6dd7c3c8cf8f0963b7c3a42773d98dcbf0e539",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"829fd01d3b23ee30533e6f98ece26d5e0c2d05d8",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"379315557a2beeba3859c2881db12da3f1926840",glyph:"expand-more",size:20})))),t("div",{key:"94859d42d121cbbe5efc57ba0e63a22d589ac1a9","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"166871ec6623b8a4b06d1807d61cb93819b95d0a"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),l=c,m=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))||customElements.define(d(i),c);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||r()}}))};export{l as SwirlAccordionItem,m as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as o,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as n}from"./swirl-icon2.js";import{d as r}from"./swirl-text2.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=crypto.randomUUID(),this.expanded=!1,this.headingId=crypto.randomUUID()+"-heading",this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!this.accordion)throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i="h"+this.headingLevel,e=s("accordion-item",{"accordion-item--expanded":this.expanded});return t(a,{key:"6707a1b512d1aa54789c1ac47186fbe1ffb9563a"},t("div",{key:"c8eff3561d541f118178b2ed6462d6b968a20a19",class:e},t(i,{key:"71872b1aa2f65d0d0086b77b43865cfa388ce996",class:"accordion-item__heading"},t("button",{key:"b4142dc44542110eccda91d6ec28ad984ae56259","aria-controls":this.itemId,"aria-expanded":this.expanded+"",class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},t("slot",{key:"61d8c5046b7760700faa2722ee5bd922de84de36",name:"media"}),t("span",{key:"c3f22d66e6f8a692f318a0971b7e5e948fa8fc81",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"e5789928255ae8ee34bf8b600ac63f1cc0150b63",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"0094a77f062ed3d9e763f0cf80367518bc95984a",name:"trailing"}),t("span",{key:"a3137d137340c30b984f13db2c22a1315895934c",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"7f367031ab98ef08d8c78845ca5f0bde70573cd1",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"437a61fbb1540c0c82ebbae41eb382e471e57aad",glyph:"expand-more",size:20})))),t("div",{key:"af7c4b1ddff638bb32fdf83e993e5cc48c7416a8","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"a372dc4959477650adc0a479dd33aaa6f6a775cd"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}"}},[257,"swirl-accordion-item",{description:[1],disabled:[4],heading:[1],headingLevel:[2,"heading-level"],initiallyOpen:[4,"initially-open"],itemId:[1,"item-id"],expanded:[32],collapse:[64],expand:[64],toggle:[64]}]),l=c,m=function(){"undefined"!=typeof customElements&&["swirl-accordion-item","swirl-icon","swirl-text"].forEach((i=>{switch(i){case"swirl-accordion-item":customElements.get(d(i))||customElements.define(d(i),c);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||r()}}))};export{l as SwirlAccordionItem,m as defineCustomElement}

package/dist/components/swirl-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as c}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.collapse()}async expandItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.expand()}collapseInactiveItems(t){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e=>{e!==t&&e.collapse()}))}render(){return i(n,{key:"c8cd14f92cef7d34f59f1883d0c95724171b8425"},i("slot",{key:"27729fdcf545689f6a6e4b05c62df2cacfc24e15"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),r=o,a=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))};export{r as SwirlAccordion,a as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as o}from"@stencil/core/internal/client";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedItemChange=s(this,"expandedItemChange",7),this.multiExpand=!1,this.componentLoaded=!1,this.onExpansionChange=t=>{t.detail&&(this.expandedItemChange.emit(t.target.itemId),this.collapseInactiveItems(t.target))}}connectedCallback(){this.componentLoaded&&this.el.addEventListener("expansionChange",this.onExpansionChange)}componentDidLoad(){this.el.addEventListener("expansionChange",this.onExpansionChange),this.componentLoaded=!0}disconnectedCallback(){this.el.removeEventListener("expansionChange",this.onExpansionChange)}async collapseItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.collapse()}async expandItem(t){const e=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((e=>e.itemId===t));e&&e.expand()}collapseInactiveItems(t){this.multiExpand||Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e=>{e!==t&&e.collapse()}))}render(){return i(n,{key:"db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd"},i("slot",{key:"962e95169c448b31f1f7d4732b8bef943757919c"}))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}"}},[257,"swirl-accordion",{multiExpand:[4,"multi-expand"],collapseItem:[64],expandItem:[64]}]),r=c,a=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{r as SwirlAccordion,a as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as a,Host as t,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./swirl-separator2.js";import{d as c}from"./swirl-stack2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return a(t,{key:"c353e574f05fe969e8da34d168d49b303393e63c"},this.hasSeparator&&a("swirl-separator",{key:"a2ee97295f8008855b8b49df50a16c81ab846a4a",spacing:this.separatorSpacing}),a("div",{key:"7acec8b0a4b14d44c993d27e9972ce424cded911","aria-labelledby":"label",class:"action-list-section",role:"group"},a("span",{key:"b44a649448a5317d7047098ece65d455d7da34de",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),a("swirl-stack",{key:"259331672891860273deeaa0b21e633dd3ad18aa",spacing:this.spacing,align:"stretch"},a("slot",{key:"d08ae1429c8f4ed5079ebba44216952e0e5fec52"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((e=>{switch(e){case"swirl-action-list-section":customElements.get(i(e))||customElements.define(i(e),l);break;case"swirl-separator":customElements.get(i(e))||r();break;case"swirl-stack":customElements.get(i(e))||c()}}))};export{o as SwirlActionListSection,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(a,{key:"783ead35780725c3448e67b29d8514c1878ac776"},this.hasSeparator&&t("swirl-separator",{key:"56569148428e9c2c84d8b6b98f84303cb4bcb6a7",spacing:this.separatorSpacing}),t("div",{key:"6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"f259d0ffea93d5e663d96af7a404edb861c891ab",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"1b64ecbc112ef03a63df681ad9f12a2cd392808f",spacing:this.spacing,align:"stretch"},t("slot",{key:"ea6b73395b035990f4806926a61699d55dcacabb"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}"}},[257,"swirl-action-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-action-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-action-list-section":customElements.get(i(s))||customElements.define(i(s),l);break;case"swirl-separator":customElements.get(i(s))||c();break;case"swirl-stack":customElements.get(i(s))||r()}}))};export{o as SwirlActionListSection,n as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"5442b552f660a65607f637d1e658ce03cc0102df"},i("div",{key:"163eb820320b9013cfcdc8853c147aacdbd77e50","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"0056a5e3b7f6d6e9723fee4e5fb00d8bb9ed10e5",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"b69904ae0892ff3583235cbf1256d7599cd8c3bb"},i("div",{key:"ef00e5cac280ebdd0e586ba0789df7c834a5175e","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"4771ca68fcb87dc96d44b78d9f3715440e073bf8",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),t=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":t||!i&&!t});return e(s,{key:"ab8397613faf92e7bd56601e2ad84eedb742dc7a"},e("span",{key:"518c69f11b7206663037775198573e97a17086ea",class:o},i&&e("img",{key:"08de1d2e7ff432842bbc4fa35fd7758a41e71b24",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&e("span",{key:"76b4a209381c29ed208ae9a56b16080ff4a0ffb2",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),r))}))};export{a as SwirlAppIcon,c as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c}from"./index2.js";const n=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=i=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=i,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}render(){const i=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable),t=!i&&!!this.icon,o=c("app-icon",{"app-icon--has-icon":t||!i&&!t});return s(e,{key:"ca9bee5af805a836fe3f8c6d07951df0a1e388ff"},s("span",{key:"4588dc055e98aaf1e3bb3689272d118486975c96",class:o},i&&s("img",{key:"9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&s("span",{key:"6331381bf41c6651edcb884805d09cdbc57db552",class:"app-icon__icon",innerHTML:this.icon})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}"}},[1,"swirl-app-icon",{icon:[1],src:[1],imageAvailable:[32]}]),r=n,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),n))}))};export{r as SwirlAppIcon,a as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=l("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"e43be5975a5399ef11cf176d19cd3f8b5af326a3","aria-roledescription":"slide","aria-label":this.label,class:e,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"d6183581ebae542cc66340041e7c1617a4b5587d"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{a as SwirlCarouselSlide,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=l("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"602fa58e6f9a08ac21b95f0e5a6db619012a7f5e","aria-roledescription":"slide","aria-label":this.label,class:e,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"62708550e6868fd1ab2e472f635b43f6b5911a91"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),r=a,h=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{r as SwirlCarouselSlide,h as defineCustomElement}

package/dist/components/swirl-color-input.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as a}from"./swirl-box2.js";import{d as l}from"./swirl-popover2.js";import{d as c}from"./swirl-popover-trigger2.js";const h=(t,e=0,r=1)=>t>r?r:t<e?e:t,d=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,u=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?d(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?d(parseInt(t.substring(6,8),16)/255,2):1}),p=t=>{const{h:e,s:r,l:i}=(({h:t,s:e,v:r,a:i})=>{const o=(200-e)*r/100;return{h:d(t),s:d(o>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0),l:d(o/2),a:d(i,2)}})(t);return`hsl(${e}, ${r}%, ${i}%)`},b=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},m=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},f={},g=t=>{let e=f[t];return e||(e=document.createElement("template"),e.innerHTML=t,f[t]=e),e},v=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let w=!1;const x=t=>"touches"in t,k=(t,e)=>{const r=x(e)?e.touches[0]:e,i=t.el.getBoundingClientRect();v(t.el,"move",t.getMove({x:h((r.pageX-(i.left+window.pageXOffset))/i.width),y:h((r.pageY-(i.top+window.pageYOffset))/i.height)}))};class y{constructor(t,e,r,i){const o=g(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(o.content.cloneNode(!0));const s=t.querySelector(`[part=${e}]`);s.addEventListener("mousedown",this),s.addEventListener("touchstart",this),s.addEventListener("keydown",this),this.el=s,this.xy=i,this.nodes=[s.firstChild,s]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(w?"touchmove":"mousemove",this),e(w?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(w&&!x(t)||(w||(w=x(t)),0)))(t)||!w&&0!=t.button)return;this.el.focus(),k(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),k(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),v(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class _ extends y{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:p({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+d(t))}getMove(t,e){return{h:e?h(this.h+360*t.x,0,360):360*t.x}}}class E extends y{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:p(t)},{"background-color":p({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${d(t.s)}%, Brightness ${d(t.v)}%`)}getMove(t,e){return{s:e?h(this.hsva.s+100*t.x,0,100):100*t.x,v:e?h(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const $=Symbol("same"),I=Symbol("color"),S=Symbol("hsva"),z=Symbol("update"),C=Symbol("parts"),M=Symbol("css"),B=Symbol("sliders");class L extends HTMLElement{static get observedAttributes(){return["color"]}get[M](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[B](){return[E,_]}get color(){return this[I]}set color(t){if(!this[$](t)){const e=this.colorModel.toHsva(t);this[z](e),this[I]=t}}constructor(){super();const t=g(`<style>${this[M].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[C]=this[B].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const i=this.colorModel.fromAttr(r);this[$](i)||(this.color=i)}handleEvent(t){const e=this[S],r={...e,...t.detail};let i;this[z](r),m(r,e)||this[$](i=this.colorModel.fromHsva(r))||(this[I]=i,v(this,"color-changed",{value:i}))}[$](t){return this.color&&this.colorModel.equal(t,this.color)}[z](t){this[S]=t,this[C].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:i})=>{const o=Math.max(t,e,r),s=o-Math.min(t,e,r),n=s?o===t?(e-r)/s:o===e?2+(r-t)/s:4+(t-e)/s:0;return{h:d(60*(n<0?n+6:n)),s:d(o?s/o*100:0),v:d(o/255*100),a:i}})(u(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:i})=>{const o=i<1?b(d(255*i)):"";return"#"+b(t)+b(e)+b(r)+o})((({h:t,s:e,v:r,a:i})=>{e/=100,r/=100;const o=Math.floor(t=t/360*6),s=r*(1-e),n=r*(1-(t-o)*e),a=r*(1-(1-t+o)*e),l=o%6;return{r:d(255*[r,n,s,s,a,r][l]),g:d(255*[a,r,r,n,s,s][l]),b:d(255*[s,s,a,r,r,n][l]),a:d(i,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||m(u(t),u(e)),fromAttr:t=>t};class j extends L{get colorModel(){return H}}customElements.define("hex-color-picker",class extends j{});const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+crypto.randomUUID(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=n("color-input",{"color-input--inline":this.inline});return i(o,{key:"eaebb304551ee3505a7f74460c9bd5e3a6ed9e7a"},i("div",{key:"6cadb205b2706440c7e8f7c8305cf2c6fbb18fce",class:e},i("input",{key:"f2de040b5debb7b0bdd07ad596973d0236e1ac9f","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),i("swirl-popover-trigger",{key:"f3e6cf803d871526a9b1460a1c0d39119a8c66c2",swirlPopover:this.pickerId},i("button",{key:"9407e1137bb3ed0087102557962fef7bdfe18a7e",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),i("swirl-popover",{key:"3b13428dbd94c203b9786324830adf77c6b59b17",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},i("swirl-box",{key:"6b05ec734a0bee7b8a51706f40c4d4a36034294a",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},i("hex-color-picker",{key:"df0cf8f535354a57376419903f6739427ce59d8f",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}.color-input__input.sc-swirl-color-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.color-input__input.sc-swirl-color-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),F=A,q=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(s(t))||customElements.define(s(t),A);break;case"swirl-box":customElements.get(s(t))||a();break;case"swirl-popover":customElements.get(s(t))||l();break;case"swirl-popover-trigger":customElements.get(s(t))||c()}}))};export{F as SwirlColorInput,q as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as a}from"./swirl-box2.js";import{d as l}from"./swirl-popover2.js";import{d as c}from"./swirl-popover-trigger2.js";const h=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,d=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?u(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?u(parseInt(t.substring(6,8),16)/255,2):1}),p=t=>{const{h:e,s:r,l:i}=(({h:t,s:e,v:r,a:i})=>{const o=(200-e)*r/100;return{h:u(t),s:u(o>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0),l:u(o/2),a:u(i,2)}})(t);return`hsl(${e}, ${r}%, ${i}%)`},b=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},m=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},f={},g=t=>{let e=f[t];return e||(e=document.createElement("template"),e.innerHTML=t,f[t]=e),e},v=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let w=!1;const x=t=>"touches"in t,k=(t,e)=>{const r=x(e)?e.touches[0]:e,i=t.el.getBoundingClientRect();v(t.el,"move",t.getMove({x:h((r.pageX-(i.left+window.pageXOffset))/i.width),y:h((r.pageY-(i.top+window.pageYOffset))/i.height)}))};class y{constructor(t,e,r,i){const o=g(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(o.content.cloneNode(!0));const s=t.querySelector(`[part=${e}]`);s.addEventListener("mousedown",this),s.addEventListener("touchstart",this),s.addEventListener("keydown",this),this.el=s,this.xy=i,this.nodes=[s.firstChild,s]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(w?"touchmove":"mousemove",this),e(w?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(w&&!x(t)||(w||(w=x(t)),0)))(t)||!w&&0!=t.button)return;this.el.focus(),k(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),k(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),v(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class _ extends y{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:p({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?h(this.h+360*t.x,0,360):360*t.x}}}class E extends y{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:p(t)},{"background-color":p({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${u(t.s)}%, Brightness ${u(t.v)}%`)}getMove(t,e){return{s:e?h(this.hsva.s+100*t.x,0,100):100*t.x,v:e?h(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const $=Symbol("same"),I=Symbol("color"),S=Symbol("hsva"),z=Symbol("update"),C=Symbol("parts"),M=Symbol("css"),B=Symbol("sliders");class L extends HTMLElement{static get observedAttributes(){return["color"]}get[M](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[B](){return[E,_]}get color(){return this[I]}set color(t){if(!this[$](t)){const e=this.colorModel.toHsva(t);this[z](e),this[I]=t}}constructor(){super();const t=g(`<style>${this[M].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[C]=this[B].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const i=this.colorModel.fromAttr(r);this[$](i)||(this.color=i)}handleEvent(t){const e=this[S],r={...e,...t.detail};let i;this[z](r),m(r,e)||this[$](i=this.colorModel.fromHsva(r))||(this[I]=i,v(this,"color-changed",{value:i}))}[$](t){return this.color&&this.colorModel.equal(t,this.color)}[z](t){this[S]=t,this[C].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:i})=>{const o=Math.max(t,e,r),s=o-Math.min(t,e,r),n=s?o===t?(e-r)/s:o===e?2+(r-t)/s:4+(t-e)/s:0;return{h:u(60*(n<0?n+6:n)),s:u(o?s/o*100:0),v:u(o/255*100),a:i}})(d(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:i})=>{const o=i<1?b(u(255*i)):"";return"#"+b(t)+b(e)+b(r)+o})((({h:t,s:e,v:r,a:i})=>{e/=100,r/=100;const o=Math.floor(t=t/360*6),s=r*(1-e),n=r*(1-(t-o)*e),a=r*(1-(1-t+o)*e),l=o%6;return{r:u(255*[r,n,s,s,a,r][l]),g:u(255*[a,r,r,n,s,s][l]),b:u(255*[s,s,a,r,r,n][l]),a:u(i,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||m(d(t),d(e)),fromAttr:t=>t};class j extends L{get colorModel(){return H}}customElements.define("hex-color-picker",class extends j{});const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+crypto.randomUUID(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=n("color-input",{"color-input--inline":this.inline});return i(o,{key:"70609707548ea685762e228a6decf092b8529504"},i("div",{key:"58fbebbbceafe27e17f7c98fc4ae9257c2a45495",class:e},i("input",{key:"000fa1ef0f65b0d97fc108e6975c87469ac958e7","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),i("swirl-popover-trigger",{key:"8896bf2f4af94932927ebfc1e9252fd278cdcf07",swirlPopover:this.pickerId},i("button",{key:"00c99e96460bcfdbbca79fe968fa5d328b697bbb",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),i("swirl-popover",{key:"aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},i("swirl-box",{key:"328f80828841cb7e62281bb36fc1004bc41c2adb",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},i("hex-color-picker",{key:"caef801b528e9d597abf6ffd5b366f07a8173bfd",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}.color-input__input.sc-swirl-color-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.color-input__input.sc-swirl-color-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),F=A,q=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(s(t))||customElements.define(s(t),A);break;case"swirl-box":customElements.get(s(t))||a();break;case"swirl-popover":customElements.get(s(t))||l();break;case"swirl-popover-trigger":customElements.get(s(t))||c()}}))};export{F as SwirlColorInput,q as defineCustomElement}

package/dist/components/swirl-console-layout.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as n,i as d}from"./utils.js";import{d as r}from"./swirl-button2.js";import{d as c}from"./swirl-heading2.js";import{d as h}from"./swirl-text2.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||a||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}onWindowResize(){const e=d();e||this.sidebarActive?e&&this.deactivateSidebar():this.activateSidebar()}async toggleSidebar(){this.sidebarActive?this.deactivateSidebar():this.activateSidebar()}async showSidebar(){this.sidebarActive||this.activateSidebar()}async hideSidebar(){this.sidebarActive&&this.deactivateSidebar()}activateSidebar(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"15d2f52c18697e566c4dd1d3bdb9db576ad0dcec"},t("div",{key:"c054039010eae676edb7f10aad03fc7fa9a9a8c4",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"6c9a4c509e903b0e44ac05bacd9430681a64920a","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"af1b7fefeac8af4efef4958c7eb730e424752932",class:"console-layout__header"},t("div",{key:"f5db1d27aefdf046f49dfcef3a1e9a9555ec916b",class:"console-layout__logo"},t("svg",{key:"08f2f49df60a0587d260a3fc2304b7cee5ee3617",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"4d6748b153c86e5620c4e4c59ff1dc25b7c11c8e","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"970514ed57833a9529f311a5c43467c4daa672c6",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"9fb6ab4b03fb2ac61117592059cb32c103024deb","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"01a623e3e09bc87b0c602dcd2fa7da423fb07308",name:"navigation"})),t("div",{key:"976030dfa1856cc1dea4a5c5ff64fd1ea97d3089",class:"console-layout__user"},t("slot",{key:"3283d6b75520d4abf292c9a5d07e2578e9cb381b",name:"user"}))),t("main",{key:"e12320ffd46285bc10daaa7b782d776697e9ce9d","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"901d795e7ff7c56da51bd3a7dd2a0407cfa2aa82",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"78d1b2f14e1dd09d5cc2b5783dff3f7e994a73aa",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"ff530c79297f657e646af25aa83578bcaae2fbb8",class:"console-layout__app-bar"},t("span",{key:"65f29c7006a92a8fe924a8e455fa32ad0f28c4db",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"7218846d10839b1994da82ccfbc291b415077de4",swirlAriaExpanded:this.sidebarActive+"",hideLabel:!0,icon:this.sidebarActive?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-menu></swirl-icon-menu>",label:this.sidebarActive?this.hideNavigationButtonLabel:this.showNavigationButtonLabel,onClick:this.onMobileNavigationToggleClick})),t("div",{key:"fbf0b8ded8f0fa74baa5b2c9acfdcdf9bcf57183",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"d982f91e9d5beb99082187e40105785c136ee38b",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"1d63dc04cb72ba2db7ab055b3d748c59abdc379f",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"ef836c5b943a749cdcee7db1a87d5bc16f5e9a27","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"36ea5994c2837090daac583ea08623b4c3c0570a",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"7dfaddb3e368d213faa55567736979710d534742",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"adc51b4211fa79b094e80604f7d2dab126659019",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"05bbbb590b2c1fc0d495fa61c9de4bbaaf89014d",class:"console-layout__heading-container"},t("swirl-heading",{key:"31dc5f25083685e038d1d126cb594695ec20361e",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"e27d210f844ec818be9507e5f492528f575a9969",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"dde72801d7baade4b3537cb295fd427b7de8924f",class:"console-layout__heading-container"},t("slot",{key:"444c84c0e8ab0c2794b22e3fbb854ae56c7866eb",name:"heading"})),t("div",{key:"b13f0da62021e6ae9279b392b8b3c1469f30b771",class:"console-layout__content-header-tools"},t("slot",{key:"e4020c482ae5c060f62d7a5b3535d43ff8e43955",name:"content-header-tools"}))),t("div",{key:"3bef306687d7786801db4a51cc3bc42c3da7040d",class:"console-layout__integration",style:e},t("slot",{key:"bb96d82dfceb770864dae5db21d8d4c3ab560089",name:"content"})))),t("footer",{key:"50cfb94c33f2eae3823b79a2aba1961287d5129b",class:"console-layout__footer"},t("slot",{key:"ef963b0a2354e05cb1a7ccbae2db12fe9bfe102e",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"b4f047c7670949069ad5f2e4b63618d267b66a80",class:"console-layout__overlays"},t("slot",{key:"d45aacca9d750da73294745eb8a6910e372673dd",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"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"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),u=b,p=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))||customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))||r();break;case"swirl-heading":customElements.get(i(e))||c();break;case"swirl-text":customElements.get(i(e))||h()}}))};export{u as SwirlConsoleLayout,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as n,i as d}from"./utils.js";import{d as c}from"./swirl-button2.js";import{d as r}from"./swirl-heading2.js";import{d as h}from"./swirl-text2.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||a||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}onWindowResize(){const e=d();e||this.sidebarActive?e&&this.deactivateSidebar():this.activateSidebar()}async toggleSidebar(){this.sidebarActive?this.deactivateSidebar():this.activateSidebar()}async showSidebar(){this.sidebarActive||this.activateSidebar()}async hideSidebar(){this.sidebarActive&&this.deactivateSidebar()}activateSidebar(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"6848922cde9dfa1716ebd41f4c0c2f6817969400"},t("div",{key:"8cf53833d2f9485df8ed411c214d6f39e3cdf30a",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"adcad06c750716bf5de25bba5f1c96c0c21ab249","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"08ca8a1bf9454bd1bb662ef6486cadb7e74398f0",class:"console-layout__header"},t("div",{key:"5469465999f90650d2f00cd01b054dbd1128ab50",class:"console-layout__logo"},t("svg",{key:"a0811d0db3cf3e639c46cf1e872a16d27215e8c8",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"68c82bd30f9babcef401605ac4c18811ebc7bf81","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"0937f837fe82f9f478d1ca44397c0cde95f61f56",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"7192cc5db38a09053874f5d206effec7a16a32ed","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"dbe7e080ca1eca0eaff31a9c48c733f1076ca64c",name:"navigation"})),t("div",{key:"b55b594c3f362e55b52a476ce7a1f1522bba82dd",class:"console-layout__user"},t("slot",{key:"f2cc0163b8ac8bd3f089ebfe27cc841e1b122f7f",name:"user"}))),t("main",{key:"3009a9715257a5d5ba0836f3540859b4d971a4e9","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"0cf03538a1416e8ddf20ad925a5fe6c6f7734e4c",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"c318f66a2eed9a6754283e94eeb397e10d1919b6",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"d27e604792ef0fd8e44799f3fb900cbecdd75bd1",class:"console-layout__app-bar"},t("span",{key:"aa506b3c58900d90ac5f5dba3dcbea1e1ed7d1c5",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"53fb047dca7a84f98944d8bc94948096b0acfccc",swirlAriaExpanded:this.sidebarActive+"",hideLabel:!0,icon:this.sidebarActive?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-menu></swirl-icon-menu>",label:this.sidebarActive?this.hideNavigationButtonLabel:this.showNavigationButtonLabel,onClick:this.onMobileNavigationToggleClick})),t("div",{key:"87bdcd2afb6d2442edfccc63629429adb60827b1",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"ab205b556bba25d0303f4c019e3a03466fa25697",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"4f2b818e0fec8103e80cd6230927e33e2ecffba1",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"54bba94d993f8ce83c768b821743991ae27ba4d5","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"8600ee685d00c024e159261ac66c6ca3c5cfaf31",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"07ef9b90d5f793c2b6763286879625f8fd845df2",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"e18c6b9ebc66dba1ba63bdde333ece8ed01e9b45",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"41b00ee62169b50e37b5754c5464aa9a8b63631a",class:"console-layout__heading-container"},t("swirl-heading",{key:"71067ed971781005e89ec9bfc64e0d24dacec900",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"dcd6ae2eb3885bc3784a340302a04562878d653a",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"10c547a587f02eba66ffcd81755c14df52e8578c",class:"console-layout__heading-container"},t("slot",{key:"3bb324e228c50a653407b5c50abfc1c45d9455f6",name:"heading"})),t("div",{key:"779c27a365c3d5ef0578e0893b50b62493c6d84f",class:"console-layout__content-header-tools"},t("slot",{key:"b578bd3d99e54fcac63c8c3e2c80736b019b9c9f",name:"content-header-tools"}))),t("div",{key:"1bb161cd962444af20ffa4caf9de1b9aae721274",class:"console-layout__integration",style:e},t("slot",{key:"31e3c9cdd82a1d40ee5209ed6ba9f5014b0a1841",name:"content"})))),t("footer",{key:"ed85f473640f281860989f468fd43597e929651a",class:"console-layout__footer"},t("slot",{key:"468b1d1c5d644bb8e5fd858c22badbcf982619d9",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"3f8c83797badcc807085d0ae600db4b793a8da1c",class:"console-layout__overlays"},t("slot",{key:"87cadb26a9ff31d86dba3f8ecef5fd0d9fbe7680",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"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"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),u=b,p=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))||customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))||c();break;case"swirl-heading":customElements.get(i(e))||r();break;case"swirl-text":customElements.get(i(e))||h()}}))};export{u as SwirlConsoleLayout,p as defineCustomElement}

package/dist/components/swirl-data-cell-stack.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as e,h as s,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+crypto.randomUUID(),this.onSlotChange=a=>{a.target.assignedElements().filter((a=>"SWIRL-DATA-CELL"!==a.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const a=!!this.el.querySelector('[slot="cta"]'),e=!!this.label&&!this.hideLabel,l=r("data-cell-stack",{"data-cell-stack--has-cta":a}),d=e?this.headerId+"-label":void 0,i=this.description?this.headerId+"-description":void 0;return s(t,{key:"14d6213f21bb5e162342389d3e89501d529e490b"},s("div",{key:"515c84a9eda22a77b9f9b5985412d56dfb6a8e07",class:l,part:"data-cell-stack",role:"group"},(e||this.description||a)&&s("header",{key:"3da984d135c10750099a3d11e79563033da059b9",class:"data-cell-stack__header",id:this.headerId},s("div",{key:"db3b9a71276d0340dd1d1c58755b1d38cef35ab4",class:"data-cell-stack__header-content"},e&&s("h3",{key:"30da89e037e37a7fa17b66b1e435651de49a0690",class:"data-cell-stack__label",id:d},this.label),this.description&&s("p",{key:"11fb9329d4a82dbb03e145d7ac8c476eec72dfba",class:"data-cell-stack__description",id:i},this.description)),a&&s("div",{key:"6279ad312fea30a67c6b4994ca6e1affba407216",class:"data-cell-stack__cta"},s("slot",{key:"e438aa0e938642b99510734ff7aa3a5186fab10c",name:"cta"}))),s("div",{key:"5cc83894daa410486ad4b3a9b264dfb8d5599829",class:"data-cell-stack__cells",role:"list","aria-labelledby":d||void 0,"aria-describedby":i||void 0},s("slot",{key:"782785d26eeb69614af9d2c9af8a7dbd896361b7",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l)     var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-base)     var(--s-border-radius-base) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-base) var(--s-border-radius-base)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-base)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}'}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=d,c=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))||customElements.define(l(a),d))}))};export{i as SwirlDataCellStack,c as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as e,h as s,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+crypto.randomUUID(),this.onSlotChange=a=>{a.target.assignedElements().filter((a=>"SWIRL-DATA-CELL"!==a.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const a=!!this.el.querySelector('[slot="cta"]'),e=!!this.label&&!this.hideLabel,l=r("data-cell-stack",{"data-cell-stack--has-cta":a}),d=e?this.headerId+"-label":void 0,c=this.description?this.headerId+"-description":void 0;return s(t,{key:"670fbb59c699865583b950a58c620b1f239aa992"},s("div",{key:"af07d2b1f44d104f4353344efc1c3751336e19fd",class:l,part:"data-cell-stack",role:"group"},(e||this.description||a)&&s("header",{key:"9a70c3a2b2ab84015e20b9ba1d403366d506b196",class:"data-cell-stack__header",id:this.headerId},s("div",{key:"2fd51c9fea60b899550e8c81a7713ab670f0bc85",class:"data-cell-stack__header-content"},e&&s("h3",{key:"ca34247fb200698b307ed63bf3320ce614407489",class:"data-cell-stack__label",id:d},this.label),this.description&&s("p",{key:"008bdbd5dcf03a10bf5dbedf049aed4040533213",class:"data-cell-stack__description",id:c},this.description)),a&&s("div",{key:"4a717454049bc64bd55b5f3d9164b97b29e91709",class:"data-cell-stack__cta"},s("slot",{key:"a32f796e685712382d3c5038d8da1f60824aef51",name:"cta"}))),s("div",{key:"32c2167942e103ff24c0b32b3043763fa738e055",class:"data-cell-stack__cells",role:"list","aria-labelledby":d||void 0,"aria-describedby":c||void 0},s("slot",{key:"ab839d643c79152fe79921d6ac0fd79ccfc693cb",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l)     var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-base)     var(--s-border-radius-base) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-base) var(--s-border-radius-base)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell[size="s"]:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-base)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}'}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),c=d,i=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))||customElements.define(l(a),d))}))};export{c as SwirlDataCellStack,i as defineCustomElement}