@getflip/swirl-components 0.507.0 → 0.508.0

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: '01300a7dab3090876bee672231f722d7e9b1b3ea', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
+        const imageWrapper = (h(ImageWrapper, { key: 'c79d3bbc4313506b8980a81f0d44035463e940e8', 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: '6b4181803f0958fbd80f44b11520f4e27ef842e9', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-        return (h(Host, { key: 'b3ddac691ef8dbd2eea6d1b1d99d9bacfb0e8032' }, h("span", { key: '21ba583a3360c4b205c63c6ff2cc3499b6f15a85', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: '8402db4a6f89d962e9da18321bd26e298d96751c', class: isCompact
+                : undefined, type: isImageWrapperButton ? "button" : undefined }, h("img", { key: '77e9587df884043538e7689992fc072f93e46bcf', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+        return (h(Host, { key: 'a12a256f89fb87e1a37521e30212b19a81027ca0' }, h("span", { key: '3c56632d1170e232ab28a43b638b5d297111dab6', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: 'be13672dcbda481cb1d5bfde975737a92020a7cd', class: isCompact
                 ? "thumbnail__uploading-overlay"
-                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '8e66f5cfd1e71d070fdaaa0882999cd4cce72e26', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: '29765f437b57a321beb597c88445382679186486', class: "thumbnail__error" }, h("swirl-icon-error", { key: '4bab56d009a9e192df7a9fc4c37cabdf57bd1a53', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: '5232ae4ec09a2fce64c8cc6f65a4540dcf3c3a0f', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '9cac7eb2ba4789e43236183a92ebfd85f07c66c6' }, h("swirl-button", { key: '21978ab2b2e9e8a0f552f59a60aa89db391edb5f', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: 'cfe5189519759bc20c83b331869155ad8e97fad7' }, h("swirl-button", { key: 'a1f8e373c9b3deed4f04594308154556c77ca0cd', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: '7df1c011850f4cd502e988af1615d600e2a05de2', class: "thumbnail__compact-action" }, h("button", { key: 'ca867c822aa979f348a5a00d6eb929e9ea0d3e9c', "aria-label": showCompactEditButton
+                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '71b534b4dc15d8152c2ae17e2932248fb1de1a59', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: 'cb9d53f1162ecd1cfe02b9cb4202637baace318f', class: "thumbnail__error" }, h("swirl-icon-error", { key: 'ef7b6e6a828ab6965430e3453871ad96f2648866', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: 'ed5f5bdd5d9f3cda03b4f36447a56c437824883b', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '5ac9669792251e1474a99c7c00daa52d1ab9b392' }, h("swirl-button", { key: 'db72f374fdafa78f933f8ae29bd308a311b14a56', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: 'fcde89fe9758b65e65fc094efd842b5345655507' }, h("swirl-button", { key: '8292e0aa35a4dfeb4e9cb329304a339ff32b8a97', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: 'd50c7a18047612352781a6cf520009525393547d', class: "thumbnail__compact-action" }, h("button", { key: '07f1609b8f217739383f642f082f1de3c0c4ff74', "aria-label": showCompactEditButton
                 ? this.editButtonLabel
-                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: 'b0faacbf2b267f78b6684ffe69f73232df6718fd', innerHTML: showCompactEditButton
+                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: '3b7b1e764e1ed1f562a9e46d8e0124813bda799b', innerHTML: showCompactEditButton
                 ? this.editButtonIcon
-                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: 'fe3e641df9331979c4b742b985eaed98ed905f91', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: '1c347a617d503f5253820978eb875d8d61213cab', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: '023915f997d4e9e8d4ff69d27ed1146a91b4cfcf', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: 'de1176743b67835b8278cc82855ecf79dccdcb15', size: 20 }))))), showPopover && (h("swirl-popover", { key: '47e0206303004b9668a9586a340f21fc7a91bd95', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: '22262f8cc0faa658cf41900bf7f803529e65ab79' }, showOpenAction && (h("swirl-action-list-item", { key: '28719bf6e95762427d7b8faa09759716ba52d28b', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: 'da5a2f1d5c6293c34d4903225feced40ebe4eea4', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: 'e2827be07d0e583662eb643bc6723340771eded4', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '78e6053fc433384c519f8c655682417f74292196', class: "thumbnail__timestamp" }, this.timestamp)))));
+                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: '2883f4ce430e796d6c0681e7bddd68838ce0756a', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: 'cf2b31eb3da24b809433fa7ff444f793bf322a64', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: 'b2fe435ba9eff0c37b2be1b7748c56c7728ad0aa', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: 'b561fa6262e2d6ddddeb94edc223f79fc146253c', size: 20 }))))), showPopover && (h("swirl-popover", { key: '6cef76b9536709f24858543714a222ca3751bbd1', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: '45ec5a650173e9247ac906e73a01939c53902f8c' }, showOpenAction && (h("swirl-action-list-item", { key: 'c8e065ebd09b801ccbc94964e599e9f8cdf77eae', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: '9d46115a3936d23b2e72d0253c1078c0f4e077d7', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: '1a9428cb15249921076906a67e6b0f2c6b1dcbf2', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '4e2e6f37b7f4ccf22a29f2773cdea5242079de26', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -161,7 +161,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'fcdeb010b8389387eae3c9dab598f70573291ade' }, h("div", { key: '6db1744f3cde43fcdcd66ac00dbadf607e00140f', class: className }, h("input", { key: '0f8b4eb76ddd534258ddad59a0199e69f42e7747', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: 'fb1600c32a3463d3c9616f22989cb74a488bfed3', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'be3f64dca60952b040ed5087279a7490e6fe7017', size: this.iconSize })))));
+        return (h(Host, { key: '0460fd005d5efb48da2db1664ca88ed5583955fc' }, h("div", { key: 'b8a2f62da94b5a171bbdfd0300781dcf21817ee8', class: className }, h("input", { key: 'd478c579412fffb0f387116e5c75751b7b09829b', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: '4fe1beded299e657dceb3edc1667f75f7cd47982', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '3c6fd791d4973414e8376209cb339be6e9c9cf43', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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: 'd9c283fbb65d4e4852c451f6e01f72a1e370d7cf' }, h("div", { key: 'ebc4bf4ea9b9a045d8ffae9f7dd6658162850808', class: className }, this.icon && (h("span", { key: '19ebc82f03ead03209c717009f66591bf5fb339e', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '7489dafdb528c4ab87b243f832329dde8ef7ecb2', class: "toast__content-container" }, h("span", { key: '640b13aa3e74e83874dffe7a58ed584550dad8ea', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '78b80407aee882dcb151c00328de12fcbda5f4ed' })), this.actionLabel && (h("swirl-button", { key: '3617efa9ce0b7df94cd00d1033bc768c52c64747', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '9f5f5988ae22a493c019ab66956cf7eb1ebbbbe3', "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: '51993ab3017f1163c2dff4afec196b9d7d025450', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '03120b1b5f8c90929718a8dbb441cf1dc5f84ca6' }, h("div", { key: 'f10ebe1b1acd99b4064011d3f20dba725bda8bfb', class: className }, this.icon && (h("span", { key: 'b6102456acbf155ff463ae803a09fbc5215012e4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'be116a57e2778ad10ffa221b507ca5593d02a00e', class: "toast__content-container" }, h("span", { key: 'db73d1b545bb06cbbfaf4af985bd8b6005858fc7', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'cd2f756561892870d2e07012d96deaac6d50d09f' })), this.actionLabel && (h("swirl-button", { key: '5656db4a9e4545e8574d25844bacce437f58002c', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '35abf5ba0157653b8240f2b3a7225c523e8c8851', "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: '2dce87c2b3858ab572e16c24e49a065d37431b8c', 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: '034a80fe22c0d2838210c971851b86d00b55f46b', role: "status" }, h("swirl-stack", { key: 'c287c9e9d907e2b836fd13186f319f67b28f158b', 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: 'aa9704d9bcff52a7037d36cf78862c709b84f6ff', role: "status" }, h("swirl-stack", { key: '9e4a03328f4deb10b62cd00c5ee61e78a13123a7', 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-button/swirl-toggle-button.js

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
             "button--pressed": this.isPressed,
         });
         const ariaLabel = this.hideLabel ? this.label : undefined;
-        return (h("button", { key: '456fc8222c7ab1bc27dcac7caaa726d285e06047', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'c6811db2a681212afe74961a0cd3bdc021ced5a7', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: '0b843d6648ab385b9228ce5cc29cfba739d03ef5', class: "button__label" }, this.label)));
+        return (h("button", { key: '46e7ca2945f94a65c94edc1e970f9d452cb98d83', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '1dfc4f6b035070d2cce54c36e285c3eff93b9a0e', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'ab3cfa9c309ce660bff78e328845b5796de625da', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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: '04a0ad05999bbc4732a390c74b8d17bb0ea75810', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '67b2f637df74f12baf80734a27d17620acf073d5', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'd7d63a7cc5ae1b951bb5ecf1a92ae284cfd03ee9', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'dab02efe5e0c516088452c64eab6fff4da4111f2', 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: 'ede99953e343b09fdb0c0530c71d25e04ea3f25d' }, h("swirl-stack", { key: 'd25ff9e88c3cdc94f0ba2c30ac0e22f580cf94a7', 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: 'ba9a0aa2f22044820ce128da57bf669054770555' }))));
+        return (h(Host, { key: '821ec585208075ec441e9778793a6621eeb09e88' }, h("swirl-stack", { key: '6e4b9d3cdf1889405d7a077a61402996920d8fbc', 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: '4c2d53fad4f85baa6fc2332cc5367f0a0a4f19ea' }))));
     }
     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: '084b4ba8e696c3b1749b935ea8b067335ce2d745', onKeydown: this.onKeydown }, h("span", { key: '96f963ec1dad742c17dfe6f3475b0167970c6cc9', class: className }, h("span", { key: '9231163be5004120ab26d00f528f1cf4743a86ad', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: '9709d16a715bc5411299eda21673329b56932d30' })), h("span", { key: 'e0af9360a98e68999329f925920b566aefd9e71e', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1ba5c18029683623c9f8e21569e77cb4570c23fc', onKeydown: this.onKeydown }, h("span", { key: '973812b02bd7c3b9bfc892091d7a035d640c7aba', class: className }, h("span", { key: '04021b95f2b541b3e9b79b3e88f48b09e13c207b', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: 'c8ad97dd7a4315967543b186c3288ddd92dce90d' })), h("span", { key: 'e2d755c8dbfb8420f82da0429741d6244725d3ba', 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: '55cb6c63c17e9259b51d0cd7980a6c353f12f1a0', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9a3ab1789cffb4b59622d2140d0ca8c84ddb84ad', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '85f3b738f87adaf9d4fd6981085edb2f5b9bd552', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '9e01089d4cd9f4156d7a6945b9fc1a66b60f78d4', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9bc4bbb3a95f984d6dd229337c3307ad4f9d67c0', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'be4d4598a6b6848bf62fdc2fd9c4514509e2f564', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: 'a43d2c09121920ea165bc30ae82b07c0496aa9a9' }, h("ul", { key: '9754ebf36743a585568faf0dec9f3eb52ba02ad2', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '1f285a8935a3e7d1df9030bcd1267548ce31c004' }))));
+        return (h(Host, { key: '8972ae4deae3591247d66f54aa2045a105541808' }, h("ul", { key: 'c4d7cf5a043b9b0342357ee88fffb0be40f91e9e', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '6574492fbab5291bb3ab3b4fe33b872519a575be' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon),
         });
-        return (h(Host, { key: '02755f33bd6d0fde1a99e59d6686d7ec090bb656', role: "none" }, h("li", { key: '75eb85e859665dddde11f8c9224b077f3213fe2b', class: {
+        return (h(Host, { key: 'b149b2da2535fabe39c24a281842bc90d86ad038', role: "none" }, h("li", { key: '6f53224e84cb6c71796b4942d670267369c7911c', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'ecb30304d4c9497b8973124b4fba0ae0e2cbb71a', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '57429d3336ba7836598e8f8537aa203d9da21e6f', class: "tree-navigation-item__content" }, this.hasCustomIcon && (h("span", { key: '3d48a85352cf0cabdc0bcce33980bed944b9694a', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, h("slot", { key: '4943f5d8c7946ebf6675428907099db92516ea15', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (h("swirl-icon", { key: 'e609ade13e08be9f3f688b01a00445619b83a45f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '5831ed74dd49e06bcaa1102fd8a191132787fca0', class: "tree-navigation-item__label" }, h("span", { key: '84daf9b483dc66f50e14d84f6db3c67739a33b0e', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'fe8e638278a33cf1981f31c7fc04fba7bf1002bc', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '52d155b9a20ec498025a7078b22e10111d14a8bd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '6ffd17c88908597f5a4521abe5a0c295ed2c1198', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '25f92e5587c23d0bc8253c8429bf8745d79206fb', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '38de1ce6def7963b5ae4d1ffb83ce73f737bf9ca', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (h("ul", { key: '5af6e906816fb847d8db046b8a6bae048e2d0e03', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'a52fe2fffed36bf6d2522f222f78fe7cd18c7ff8', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'ad6154c2456fe6d9396ef5804e42ead62e1f14cc', class: "tree-navigation-item__content" }, this.hasCustomIcon && (h("span", { key: '4309c6ff77d4f4b1acdf43c35e97673da5803e63', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, h("slot", { key: '9d37f20006d82a6af66812fa85c8a7d8bd02ba3c', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (h("swirl-icon", { key: 'b28ecfefbbafc4105ac436ee12d640ceb04c25e1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '34c3f6c9ffbd2942e28bd582a23fe0cd063c3a19', class: "tree-navigation-item__label" }, h("span", { key: '651c9d4045acefad47fd4546c059e47d6a7510e8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '6e98a91652c478eecad5318060b442e8829e7a53', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'a27f59130daa4cff57ad054a6f54aecf48a88613', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '3b76d08fe81df06f8c3371468cc6a1e94532af66', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '64f595e1c572c87ab531780721b172d5cadb4e3a', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: 'cc44036c71478258f114e22d24cd5734e55936f2', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (h("ul", { key: '4ef4e0f2c66e335585f4f8ec84395238ad620747', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '37a64a4b8737d35cad241c1ebb3f293eac9858f3' }))))));
+            } }, h("slot", { key: 'eb847bb09b3ec411a54f0a7efc4be1b2b86ad1ae' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '3d8080354926aedd6b1844e94de79f8ffa7480d8' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '0c29f8694bfd6f8d954be4edbceb8806e2301cd5' }, h("span", { key: '2906c5b6f97653227f17b449c3901ab4188a5c90', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'e4852dcfecf3929dacc269bb340dcca82c792394', "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: 'ecd8e3bd4d714ebf305c622b0e860c5336bc0616', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '16d74aad51e57f5fc909eec33f55ee95bee94950' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '7aa7785d4b14b0b1b206fbeb4ec3406e50db7ee4' }, h("span", { key: '4cb2256c612883094d69644e00095a37ed5a9b9d', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'b7085ee5c4c9a7e14d43c025019da22da00b3e6c', "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: '0cafa4fef896d51a2fbc46ccabf02cc61522e562', 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

@@ -329,17 +329,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'f8912acc0f229191bfe626da1c41851d5b6f6b33', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'c0a4767e0b3e0dff32b1edb07bf7d215bb6e8aaf', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '5f9329c1e6998799b1678b39027349605c35593b', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '8cf5abd381089d2d67b4d04f8c7dd37c9a425104', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '16fb5ddaa65f23ee06debfdd263c189b06b64d9f', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '1005cc3067fac785b700879793ec97070fe48f18', "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.disableDrag && this.enableDragDrop && (h("span", { key: '2f37ae7089051c0ffd5421f329d001fb19713b37', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '91b90613d4ba7db306c780961028004fc44bf2a5', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '0a73184171c01bb2f77647ce778712caa798d973', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '0c124340b90edf2c5ed78dba0e71336a2dc3704c' }, expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '1267a007c3a8da309349e4a93e497334a31d478c' }, h("span", { key: 'af83f79a00e75166fa8a0dcd70b7df9a7f2494d0', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '79424ee1eb196c898476941e5bc51ed381c50bca', class: "tree-view-item__label" }, this.label), h("span", { key: '523dc1ec0f01268a60952df0f8cc90247e254b60', class: "tree-view-item__tags" }, h("slot", { key: '77fa00db58fec60dacd084c9d68bbf5ffe7a30ef', name: "tags" }))), h("ul", { key: '87969a7b2bd203710a5e31964c39b341d55656cf', "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.disableDrag && this.enableDragDrop && (h("span", { key: 'ccff29b00833ca770971896ad880fafc014f1ad9', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '8134fba6fd6ca02497ee416550a2dc219133f03b', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'e97db02e7f4cbf30d70880c749f21d423b72f390', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '2d8b864460e55ac130f11ee594fab5b74e064bf3' }, expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'ff85d76dd08e91a4f0feb0e3a7429cf3f2f25f89' }, h("span", { key: 'cee8cdca04d0a79d30af132aac01e3a7a93c7aa0', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'c047c655f57ddd32b25e53ed2895ee3a59387eb0', class: "tree-view-item__label" }, this.label), h("span", { key: 'ad951c79736e6a770bfae5d4eb0966d58d7bed12', class: "tree-view-item__tags" }, h("slot", { key: '15b80f3681a66f14e9fb86d81ad71d1c7e57a4c8', name: "tags" }))), h("ul", { key: 'b4ecc45f07511851c56c44c1f4c7c02ac94adf7e', "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: 'ad9f3e0a3a79037fa32fa6d12d07573a284e16f9' })))));
+            } }, h("slot", { key: 'beb970cb39949293f27bdf215a56e9361cd12ee9' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '2892857e49ea7971e1cc590fac0cd05dc0095f30' }, h("button", { key: 'b1601f4616b525d57f76e3d4a891fe6561dc19a6', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd285e56e43c1abb8a61393b30e595eb7c210f6f9', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '4f456dd256bf2197522928f33c7457848af4102e', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'db7dd44d51c09c7a6ad3a64087859d151e6d16c8' }, this.durationLabel), this.duration)), h("svg", { key: 'ee0241638306710be6248151d12a715b27e46abd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f0a6b49ce1cf2dc6a3cb4454fb357131559d6eaf', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '392e1c39652dbb221f1c49075e0499e013e5734c' }, h("button", { key: 'cfc02facb4088f9d8ccb8107b4a87ca5f947f848', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'fb9fadaa5a07138986e80bed9fb4031eac785f72', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '4911a27baae6bd66923c102e8893c88669176427', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'ead9127c0472680edf2dbfb5cd9167eb2b7bcdc5' }, this.durationLabel), this.duration)), h("svg", { key: '999e34f217b28700fd6fb9a759abab8a9d3b090d', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b3e40f5ac63ab35554249c687a7d925379e87056', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '0d9547cef5182a4fea95942e13e4b085fb59b6f3' }, h("slot", { key: 'c2bd03690f976118ea1cda804193abdbaef1964b' })));
+        return (h(Host, { key: '4b21f99f2877e7b08f401fa80516fca6b327ad37' }, h("slot", { key: 'c4af80ff4f52ef8ea9fd70e8500c29808d21c1d9' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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";import{v as c}from"./v4.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=c(),this.expanded=!1,this.headingId=c()+"-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:"5933848dfc0ae6a6fe4984ada99881288821de46"},t("div",{key:"12c3121f48c09070a0f0a02e59368117b7beb914",class:e},t(i,{key:"b7cb7d39fa78430371a92f8df9f6d1afdfbdf490",class:"accordion-item__heading"},t("button",{key:"a46966f870735ce49af830274f8f84fa4b80af0d","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:"cb660388d911761235efffc56bff5fab5bd40721",name:"media"}),t("span",{key:"f85ad3cf0498818aaabb48964e54a4cca1aea29f",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"cb70e0571dff7e72fe882f0453218ad1634856b8",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"e2394a9bda1e77b841210f5a883f897ee5ae347f",name:"trailing"}),t("span",{key:"a0eaf96d71b43ae37a4d902807135d74e6644f32",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"b7c4bd422fb4b7a46aba8e14ad51badd5b932f70",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"e96cd1b5930a45fb189fa11a5d89e76de9f4e2cf",glyph:"expand-more",size:20})))),t("div",{key:"5d38b2b6c0905be01fda43795d955475923ebc2b","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"1bba70f1b0cd0c7abb9130b5e50643330616be11"}))))}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]}]),m=l,h=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),l);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||r()}}))};export{m as SwirlAccordionItem,h 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 c}from"./swirl-text2.js";import{v as r}from"./v4.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=r(),this.expanded=!1,this.headingId=r()+"-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:"9eb402da9e5382bc658a3bf2bcc6a4e6fc83eb15"},t("div",{key:"baf87dc91914002c5c26dd360a11520b0059638f",class:e},t(i,{key:"a80584ad5c65a7f6a1ddbc504c456dedd4d8ae50",class:"accordion-item__heading"},t("button",{key:"2a99df8d96f34a7b7e0f9c7838e052f79881f5da","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:"f81381e388c95ba7ab3fddaf9622cf8036289dfd",name:"media"}),t("span",{key:"bc855d5d5fc262c67478d00e5b4979f9f573c465",class:"accordion-item__toggle-text"},this.heading,this.description&&t("swirl-text",{key:"e84613303533dbc57b2e8fbf78ae0b8682631fd7",as:"span",color:"subdued",size:"sm"},this.description)),t("slot",{key:"c441d88ef4e97bb0a0be9b6b79f3c2a4976bc82f",name:"trailing"}),t("span",{key:"1fd5da1543bd83149408f79521aec30d8cfea3e8",class:"accordion-item__icon"},!this.expanded&&t("swirl-icon",{key:"05616a2e22f5f9154654bac3e015bb9ad968bd79",glyph:"chevron-right",size:20}),this.expanded&&t("swirl-icon",{key:"eb1e3be7c7ef2153c195d87d9170d76b56627f24",glyph:"expand-more",size:20})))),t("div",{key:"ea15a0c40f8b32194b1acd5f1c6be4db8fbf1f82","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},t("slot",{key:"b85f37fcc199ba95c68f049bc15470dc224f5c2b"}))))}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]}]),m=l,h=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),l);break;case"swirl-icon":customElements.get(d(i))||n();break;case"swirl-text":customElements.get(d(i))||c()}}))};export{m as SwirlAccordionItem,h 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 o}from"@stencil/core/internal/client";const a=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:"758ed9674900cf1e9c0a0334930d08d14d4b5173"},i("slot",{key:"20a7d64a0bc4bb6fb4bcd7079a018640a8a55f16"}))}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]}]),c=a,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{c as SwirlAccordion,r 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:"380395f009a7fa44a47494bf0fa6aa4b36c24b74"},i("slot",{key:"0ce853754c9ec49e121cc3d07edfa860944f0909"}))}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]}]),a=c,r=function(){"undefined"!=typeof customElements&&["swirl-accordion"].forEach((t=>{"swirl-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{a as SwirlAccordion,r as defineCustomElement}

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

@@ -1 +1 @@
-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:"644e60cee7964dd641f5cda6e634bfa71c74f4f5"},this.hasSeparator&&t("swirl-separator",{key:"71a77da7dbec76d18dc6e10eca15d33dff6ea921",spacing:this.separatorSpacing}),t("div",{key:"d14b958e4d01b9cb79ff46a764edb4131ffced72","aria-labelledby":"label",class:"action-list-section",role:"group"},t("span",{key:"21396a3f8e8e5f166af7d1dc8c8ce960372e350b",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),t("swirl-stack",{key:"3c2e11cb3931c135df4f3dbc49f6bcf899a31218",spacing:this.spacing,align:"stretch"},t("slot",{key:"1a43acac00b5dbcbcce7109ca4a4bb0594bc57b2"}))))}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}
+import{proxyCustomElement as s,HTMLElement as e,h as a,Host as t,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 a(t,{key:"7a63a8a0b9832c08eadcb85533b3ec9e1e03437e"},this.hasSeparator&&a("swirl-separator",{key:"aaa33960c8a3db74b8b5df83ae3d725c603e0535",spacing:this.separatorSpacing}),a("div",{key:"3baa8270c6c9dc3de037657506c42ecdc5d4f060","aria-labelledby":"label",class:"action-list-section",role:"group"},a("span",{key:"6187f12fa3081721f2d25e360076a27649cda8bd",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),a("swirl-stack",{key:"4f3fbff155ad75167bcd5469a2df41e7679c5dd3",spacing:this.spacing,align:"stretch"},a("slot",{key:"f610b47db6a58184d18c950c975666abe890ba3b"}))))}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:"b9b6b5040dcec8f5721fcde5c5fed776291ecbd8"},i("div",{key:"97e90f5b335c4ec08af4ac1fcf2d7e023ac41eb5","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:"8da7d6a025a0c537a6a06b536baf1e4e93630a10",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:"1c75c3ab32ea63fa2f841926c7796cacca0927a7"},i("div",{key:"a1d22c1d56d559dd212da3223654bd1a8d7f173d","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:"16ca662b99182ed96909eb5ffbee2e4373a07325",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 s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const c=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=a("app-icon",{"app-icon--has-icon":t||!i&&!t});return s(e,{key:"b74e1169308c485bda65d385884dc1757f40a223"},s("span",{key:"d5a01ccd429e5771f6af3fe14a70fab8f528d594",class:o},i&&s("img",{key:"9570eaa4b6e958fc56d0ef49a207d6d0e9644a9a",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),t&&s("span",{key:"ea58f623daccef2636598ab1a3ca06786bc1b6cb",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]}]),n=c,r=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),c))}))};export{n as SwirlAppIcon,r as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";const c=i(class extends e{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),e=!i&&!!this.icon,o=n("app-icon",{"app-icon--has-icon":e||!i&&!e});return t(s,{key:"fe8d516e1120d072e2f4600ca610bc4c13fd21f5"},t("span",{key:"221e8a7f2eb9c1486b3958d81e124cf2bbe12247",class:o},i&&t("img",{key:"50a6602a09d6e1f41e218137c3bbeca0afe7954f",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&t("span",{key:"06d45bf19f89194eed5db2398fb572d6cb3125bf",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=c,a=function(){"undefined"!=typeof customElements&&["swirl-app-icon"].forEach((i=>{"swirl-app-icon"===i&&(customElements.get(o(i))||customElements.define(o(i),c))}))};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:"ab9550324b5084c27803b9988252cf3a0f539638","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:"e19fb582325d54f88aac2ba5fa589f21edfb72c3"}))}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:"bd595d626cca6ad119cfe2ad89aa639ee44e06f9","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:"dcfd8cdfa905e26eababb896a2f48413febbe51f"}))}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,c=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,c as defineCustomElement}

package/dist/components/swirl-chip.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as r,createEvent as c,h as s,Host as e,transformTag as a}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{D as h}from"./media-query.service.js";import{d as p}from"./swirl-icon-close2.js";import{d as o}from"./swirl-progress-indicator2.js";const n=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.chipClick=c(this,"chipClick",7),this.removeChip=c(this,"remove",7),this.borderRadius="pill",this.iconColor="default",this.intent="default",this.interactive=!1,this.progressBarLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m",this.variant="outline",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=h.subscribe((i=>{this.isDesktop=i,this.forceIconProps()}))}componentDidRender(){this.forceIconProps()}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(){if(!this.iconEl&&!this.trailingIconEl)return;const i="s"===this.size?"16":this.isDesktop?"20":"24";if(this.iconEl){const r=this.iconEl.children[0];r?.setAttribute("size",i)}if(this.trailingIconEl){const r=this.trailingIconEl.children[0];r?.setAttribute("size",i)}}render(){const i=this.interactive||void 0!==this.pressed?"button":"span",r=!!this.el.querySelector('[slot="avatar"]'),c=!r&&!!this.icon,a=t("chip","chip--border-radius-"+this.borderRadius,"chip--icon-color-"+this.iconColor,"chip--intent-"+this.intent,"chip--size-"+this.size,"chip--variant-"+this.variant,{"chip--pressed":this.pressed,"chip--has-progress":void 0!==this.progress,"chip--interactive":this.interactive||void 0!==this.pressed,"chip--removable":this.removable});return s(e,{key:"556b0ebe143aae953feb22d5fffb385da98331b2"},s(i,{key:"d6f2d8fdfe06e7197632a1276046f9982d88a033","aria-pressed":void 0!==this.pressed?this.pressed+"":void 0,class:a,onClick:this.chipClick.emit,type:this.interactive?"button":void 0},s("span",{key:"fd8aac7bfc2435a277df0be543d4c219483e5bec",class:"chip__inner"},r&&s("span",{key:"bf9c36ecbbb30672cb804bece5b67613a38c7602",class:"chip__avatar"},s("slot",{key:"828c82e1f0d291ef766e8dd539737555d94f5d86",name:"avatar"})),c&&s("span",{key:"5d82eee4688b3250b19f10a9c5efedda7f03e187",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"e4e65bd102603bd86031687ce843f0556431158b",class:"chip__label"},this.label),this.trailingIcon&&s("span",{key:"ae819833c08132dbf18f6a1cf26b980030f229d1",class:"chip__trailing-icon",innerHTML:this.trailingIcon,ref:i=>this.trailingIconEl=i})),void 0!==this.progress&&s("span",{key:"371d5d577137fe5f58653b6f2bf5afe6f2c75a29",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"8024a8596c0f3e2ddb983184cf69a3226dd139f5",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"be2e97f005c28e54e52d618734bbc783b495c479","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"9c59678ddc6aa518e7bc8d2618783cd7e7ee0057",size:20})))}get el(){return this}static get style(){return'.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.25rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--intent-highlight.sc-swirl-chip{border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--variant-outline.chip--pressed.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip .chip__icon.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-text-on-action-primary)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-translucent.sc-swirl-chip{background:var(--s-translucent-medium-default);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.chip--variant-translucent.chip--interactive.sc-swirl-chip:hover{background:var(--s-translucent-medium-hovered)}.chip--variant-translucent.chip--interactive.sc-swirl-chip:active{background:var(--s-translucent-medium-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--variant-plain.sc-swirl-chip .chip__icon.sc-swirl-chip,.chip--variant-plain.sc-swirl-chip .chip__avatar.sc-swirl-chip{margin-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip--has-progress.sc-swirl-chip:not(.chip--size-s)+.chip__remove-button.sc-swirl-chip{top:0.0625rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__trailing-icon.sc-swirl-chip{display:inline-flex;flex-shrink:0;margin-left:var(--s-space-8)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.1875rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}'}},[262,"swirl-chip",{borderRadius:[1,"border-radius"],icon:[1],iconColor:[1,"icon-color"],trailingIcon:[1,"trailing-icon"],intent:[1],interactive:[4],label:[1],progress:[2],pressed:[4],progressBarLabel:[1,"progress-bar-label"],removable:[4],removeButtonLabel:[1,"remove-button-label"],size:[1],variant:[1]}]),l=n,d=function(){"undefined"!=typeof customElements&&["swirl-chip","swirl-icon-close","swirl-progress-indicator"].forEach((i=>{switch(i){case"swirl-chip":customElements.get(a(i))||customElements.define(a(i),n);break;case"swirl-icon-close":customElements.get(a(i))||p();break;case"swirl-progress-indicator":customElements.get(a(i))||o()}}))};export{l as SwirlChip,d as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as c,createEvent as r,h as s,Host as e,transformTag as a}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{D as h}from"./media-query.service.js";import{d as p}from"./swirl-icon-close2.js";import{d as n}from"./swirl-progress-indicator2.js";const o=i(class extends c{constructor(i){super(),!1!==i&&this.__registerHost(),this.chipClick=r(this,"chipClick",7),this.removeChip=r(this,"remove",7),this.borderRadius="pill",this.iconColor="default",this.intent="default",this.interactive=!1,this.progressBarLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m",this.variant="outline",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=h.subscribe((i=>{this.isDesktop=i,this.forceIconProps()}))}componentDidRender(){this.forceIconProps()}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(){if(!this.iconEl&&!this.trailingIconEl)return;const i="s"===this.size?"16":this.isDesktop?"20":"24";if(this.iconEl){const c=this.iconEl.children[0];c?.setAttribute("size",i)}if(this.trailingIconEl){const c=this.trailingIconEl.children[0];c?.setAttribute("size",i)}}render(){const i=this.interactive||void 0!==this.pressed?"button":"span",c=!!this.el.querySelector('[slot="avatar"]'),r=!c&&!!this.icon,a=!!this.el.querySelector('[slot="trailing-content"]'),h=t("chip","chip--border-radius-"+this.borderRadius,"chip--icon-color-"+this.iconColor,"chip--intent-"+this.intent,"chip--size-"+this.size,"chip--variant-"+this.variant,{"chip--pressed":this.pressed,"chip--has-progress":void 0!==this.progress,"chip--interactive":this.interactive||void 0!==this.pressed,"chip--removable":this.removable});return s(e,{key:"42fb03e9b8bc0bdb5158411533822029fc2f7172"},s(i,{key:"a9353bcf8da70ba240ff50ab36d7983a51ab5d89","aria-pressed":void 0!==this.pressed?this.pressed+"":void 0,class:h,onClick:this.chipClick.emit,type:this.interactive?"button":void 0},s("span",{key:"ded71dbe3387cabb8254e279aeb9ccc3f9d6b878",class:"chip__inner"},c&&s("span",{key:"b23cb213584d989ca408a3f918b2f62dfbefd31b",class:"chip__avatar"},s("slot",{key:"4a0a97de89ce85b6a3043ba70011d389d4d8567b",name:"avatar"})),r&&s("span",{key:"908d96c06ccc0487da381b854103c9a3bc21da90",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"388a801b5e203a2dcbe9428d6d241632eb8308fc",class:"chip__label"},this.label),this.trailingIcon&&s("span",{key:"4b25f552a160cce2d9dba87dd5209b8db73ad003",class:"chip__trailing-icon",innerHTML:this.trailingIcon,ref:i=>this.trailingIconEl=i}),a&&s("span",{key:"ddc653637a58b3739c699040ba4e67439c8691e5",class:"chip__trailing-content"},s("slot",{key:"b98d5c932c275412566b46b4712a691e944b27ad",name:"trailing-content"}))),void 0!==this.progress&&s("span",{key:"4a9759a58972fc4b61458c8aeaf01aa57e4dc995",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"d8f93347e50e9e815fc6c7c6df9a3bf54df10a98",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"3823bdc2bf504ce3c292c3ff40e50125d05c92da","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"64576204b99032780f4bbf35a77fb94959a80ab9",size:20})))}get el(){return this}static get style(){return'.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.25rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--intent-highlight.sc-swirl-chip{border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--variant-outline.chip--pressed.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip .chip__icon.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-text-on-action-primary)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-translucent.sc-swirl-chip{background:var(--s-translucent-medium-default);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.chip--variant-translucent.chip--interactive.sc-swirl-chip:hover{background:var(--s-translucent-medium-hovered)}.chip--variant-translucent.chip--interactive.sc-swirl-chip:active{background:var(--s-translucent-medium-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--variant-plain.sc-swirl-chip .chip__icon.sc-swirl-chip,.chip--variant-plain.sc-swirl-chip .chip__avatar.sc-swirl-chip{margin-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip--has-progress.sc-swirl-chip:not(.chip--size-s)+.chip__remove-button.sc-swirl-chip{top:0.0625rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__trailing-icon.sc-swirl-chip,.chip__trailing-content.sc-swirl-chip{display:inline-flex;flex-shrink:0;margin-left:var(--s-space-8)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.1875rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}'}},[262,"swirl-chip",{borderRadius:[1,"border-radius"],icon:[1],iconColor:[1,"icon-color"],trailingIcon:[1,"trailing-icon"],intent:[1],interactive:[4],label:[1],progress:[2],pressed:[4],progressBarLabel:[1,"progress-bar-label"],removable:[4],removeButtonLabel:[1,"remove-button-label"],size:[1],variant:[1]}]),l=o,d=function(){"undefined"!=typeof customElements&&["swirl-chip","swirl-icon-close","swirl-progress-indicator"].forEach((i=>{switch(i){case"swirl-chip":customElements.get(a(i))||customElements.define(a(i),o);break;case"swirl-icon-close":customElements.get(a(i))||p();break;case"swirl-progress-indicator":customElements.get(a(i))||n()}}))};export{l as SwirlChip,d as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as s,Host as i,transformTag as o}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";import{v as h}from"./v4.js";const d=(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,p=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}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)*r/100;return{h:u(t),s:u(i>0&&i<200?e*r/100/(i<=100?i:200-i)*100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e||(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(i.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)||(x||(x=k(t)),0)))(t)||!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(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(),w(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 E extends _{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:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360*t.x,0,360):360*t.x}}}class $ extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({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?d(this.hsva.s+100*t.x,0,100):100*t.x,v:e?d(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const I=Symbol("same"),S=Symbol("color"),C=Symbol("hsva"),M=Symbol("update"),z=Symbol("parts"),B=Symbol("css"),L=Symbol("sliders");class j extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){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[L](){return[$,E]}get color(){return this[S]}set color(t){if(!this[I](t)){const e=this.colorModel.toHsva(t);this[M](e),this[S]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[z]=this[L].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 s=this.colorModel.fromAttr(r);this[I](s)||(this.color=s)}handleEvent(t){const e=this[C],r={...e,...t.detail};let s;this[M](r),f(r,e)||this[I](s=this.colorModel.fromHsva(r))||(this[S]=s,w(this,"color-changed",{value:s}))}[I](t){return this.color&&this.colorModel.equal(t,this.color)}[M](t){this[C]=t,this[z].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:s})=>{const i=Math.max(t,e,r),o=i-Math.min(t,e,r),n=o?i===t?(e-r)/o:i===e?2+(r-t)/o:4+(t-e)/o:0;return{h:u(60*(n<0?n+6:n)),s:u(i?o/i*100:0),v:u(i/255*100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255*s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/360*6),o=r*(1-e),n=r*(1-(t-i)*e),a=r*(1-(1-t+i)*e),l=i%6;return{r:u(255*[r,n,o,o,a,r][l]),g:u(255*[a,r,r,n,o,o][l]),b:u(255*[o,o,a,r,r,n][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||f(p(t),p(e)),fromAttr:t=>t};class A extends j{get colorModel(){return H}}customElements.define("hex-color-picker",class extends A{});const F=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-"+h(),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 s(i,{key:"76da054e32397ce65448ffab2ea6fef08a8aca4b"},s("div",{key:"c8c36f0d6827381ffc58eafac6e07cbe81b8dd21",class:e},s("input",{key:"5f64c1253b6cba9fcdd074aa085d1d34330bc8f0","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}),s("swirl-popover-trigger",{key:"095e071a8ff9611060c9b8558ea7ef2f23aa0d64",swirlPopover:this.pickerId},s("button",{key:"29822997a707a43bbae6675d7d6325b4249d231f",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),s("swirl-popover",{key:"975650e9f73b16596f4df7705ecad94a0554e803",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"3b6b404d252aeecb0ed35500afe42e55c48de7c6",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"3285212c0197205236ad39b538da9a03b5802162",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}@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}]}]),q=F,T=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(o(t))||customElements.define(o(t),F);break;case"swirl-box":customElements.get(o(t))||a();break;case"swirl-popover":customElements.get(o(t))||l();break;case"swirl-popover-trigger":customElements.get(o(t))||c()}}))};export{q as SwirlColorInput,T as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as s,Host as i,transformTag as o}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";import{v as h}from"./v4.js";const d=(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,p=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}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)*r/100;return{h:u(t),s:u(i>0&&i<200?e*r/100/(i<=100?i:200-i)*100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e||(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(i.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)||(x||(x=k(t)),0)))(t)||!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(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(),w(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 E extends _{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:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360*t.x,0,360):360*t.x}}}class $ extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({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?d(this.hsva.s+100*t.x,0,100):100*t.x,v:e?d(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const I=Symbol("same"),S=Symbol("color"),C=Symbol("hsva"),M=Symbol("update"),z=Symbol("parts"),B=Symbol("css"),L=Symbol("sliders");class j extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){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[L](){return[$,E]}get color(){return this[S]}set color(t){if(!this[I](t)){const e=this.colorModel.toHsva(t);this[M](e),this[S]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[z]=this[L].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 s=this.colorModel.fromAttr(r);this[I](s)||(this.color=s)}handleEvent(t){const e=this[C],r={...e,...t.detail};let s;this[M](r),f(r,e)||this[I](s=this.colorModel.fromHsva(r))||(this[S]=s,w(this,"color-changed",{value:s}))}[I](t){return this.color&&this.colorModel.equal(t,this.color)}[M](t){this[C]=t,this[z].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:s})=>{const i=Math.max(t,e,r),o=i-Math.min(t,e,r),n=o?i===t?(e-r)/o:i===e?2+(r-t)/o:4+(t-e)/o:0;return{h:u(60*(n<0?n+6:n)),s:u(i?o/i*100:0),v:u(i/255*100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255*s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/360*6),o=r*(1-e),n=r*(1-(t-i)*e),a=r*(1-(1-t+i)*e),l=i%6;return{r:u(255*[r,n,o,o,a,r][l]),g:u(255*[a,r,r,n,o,o][l]),b:u(255*[o,o,a,r,r,n][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||f(p(t),p(e)),fromAttr:t=>t};class A extends j{get colorModel(){return H}}customElements.define("hex-color-picker",class extends A{});const F=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-"+h(),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 s(i,{key:"2ed3d40d8b69af36b2226c911cc5dae84742f0cb"},s("div",{key:"ef197f8e0a01ddf121df8f47a99691040663f286",class:e},s("input",{key:"34f8ae5eb9aaa8e664a6b47fac63917a2f7e2039","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}),s("swirl-popover-trigger",{key:"3e11abdfdf445802e84cf3e87de2499c3a402f9a",swirlPopover:this.pickerId},s("button",{key:"e99eb09576d3843aebd5c8803e0d9235bbb0139e",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),s("swirl-popover",{key:"b60e4424b971f6f76b5e0adc9d7b155cd7a0fdac",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"756f20986aeb68b92bd03649623b64f210b1f846",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"5410df4ccf4537763171af4b15ab26898e007ff4",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}@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}]}]),q=F,T=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(o(t))||customElements.define(o(t),F);break;case"swirl-box":customElements.get(o(t))||a();break;case"swirl-popover":customElements.get(o(t))||l();break;case"swirl-popover-trigger":customElements.get(o(t))||c()}}))};export{q as SwirlColorInput,T as defineCustomElement}

package/dist/components/swirl-columns.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as c,transformTag as n}from"@stencil/core/internal/client";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.columns="repeat(3, minmax(0, 1fr))"}render(){return t(c,{key:"58dca0f53eb7169ebed52d040da35e407e939fba"},t("div",{key:"2c0cb89f1f7029da7265531cfa38d2e49b76dd30",class:"columns",style:{gridTemplateColumns:this.columns,gap:`var(--s-space-${this.spacing})`}},t("slot",{key:"3c2f0ed4c1d8a60e9e9079fe17986bbdf79468f9"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}"}},[257,"swirl-columns",{columns:[1],spacing:[1]}]),i=o,l=function(){"undefined"!=typeof customElements&&["swirl-columns"].forEach((e=>{"swirl-columns"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{i as SwirlColumns,l as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as c,transformTag as n}from"@stencil/core/internal/client";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.columns="repeat(3, minmax(0, 1fr))"}render(){return t(c,{key:"383a304c54f46f0e830f283317069a150c289a8e"},t("div",{key:"5cab61bcb8336a1addd53f67fb8935415f25c0cd",class:"columns",style:{gridTemplateColumns:this.columns,gap:`var(--s-space-${this.spacing})`}},t("slot",{key:"df0b92931bb3143b865956e9116e37dec2f2b6bf"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}"}},[257,"swirl-columns",{columns:[1],spacing:[1]}]),i=o,l=function(){"undefined"!=typeof customElements&&["swirl-columns"].forEach((s=>{"swirl-columns"===s&&(customElements.get(n(s))||customElements.define(n(s),o))}))};export{i as SwirlColumns,l as defineCustomElement}