npm - @getflip/swirl-components - Versions diffs - 0.322.0 → 0.324.0 - Mend

@getflip/swirl-components 0.322.0 → 0.324.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1746) hide show

package/dist/cjs/swirl-table-row-group.cjs.entry.js CHANGED Viewed

@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: 'a5bc395f557fc04403496c3839ebd3dc6dee73df', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'b9608c865e3746e6eb4db843c4b65f5a474f7436', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '26efedad4d5b4eb84518475ca3b8ab17e45bed50', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '2129e0fcd6e94ba211972b3066ad4e89d4913189', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'f661bf1118377e21e6f45cde03c6eb7b9460c554', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '350896fab5b42661be31ee93fd7b9db365a06252', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'bbed8f246a784ec1f30c79499918b87f232d8ae7', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'be5a32fa42bb8478b943e24f71d2797bd4bd2dd5', class: {
+        return (index.h(index.Host, { key: '6f5cc2ed75e423a0c10710833c6c16210a6df582', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'e31ab317718c51b48b29b54749663026c4c8ed21', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '6396418f78cd8341e0b59916dfbfb9b6129961cd', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'f1c2873b1192a53f336cc838cc039bedd19600fd', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '1cd682fbee0a524b0b581fce0e3603c2f1d0ea1c', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '7990f2f3d8cab4666c693a24aab05dcfa9afa716', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '3b9af1f3e107ddde8a22505e41fdc664681bb616', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '5e78530835ec15f98a9c8ee72eaa5fb8cd97db34', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '7cad9f9c330f918a7002c05a19bcc4cea7034e3a' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '6a21185e923bb3f8493ab8fa25d99e95b2e939f8' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '053183aae9bc725a0385c4c523873a1a00a5882d', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '7bf46414ce28c9748289662296a98e4905a44878' })));
+        return (index.h(index.Host, { key: 'e3a648edacf958340b0e5110572848630e8e1ac3', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'cef6e5fa3dbf3bfc451c20ee445ecd18a2f0264a' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js CHANGED Viewed

@@ -540,7 +540,7 @@ const SwirlTable = class {
         const className = index$1.classnames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index.h(index.Host, { key: 'e5625a5599994aa49cde89dd4b3089c4e4be70ee' }, index.h("div", { key: '9a3782be9fd19433e40d177c72538812a02fee96', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '5b09498b3b83ecc365e6cf34d611dc725e0c9380' }, index.h("span", { key: '1c8669d438082e37a98461cbe3a891cad28b16c8', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: '0254ab703e36e344ed718692b24b7181a35c1662', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: '8bea0a0edaab0f359da5056066eeb2de2d0bd6c1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '90c368641f8d29ea1e55c8c5a74148c9c86f7dc6' }, index.h("div", { key: '717e06879bc83642ebce452e49a61a1ab0102be8', id: "caption" }, this.caption))), index.h("div", { key: '63cc6bc50f68ca4d0aca3d28fd4c7afcbe320977', role: "rowgroup" }, index.h("div", { key: '25114fb05a16198cc5a387149df3ca46e2afa93e', class: "table__header", role: "row" }, index.h("slot", { key: 'f25129b8a5c49919c18e24b92e08535113659a2a', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'e74840547f0f891959efe8c651c7589fa5a84596', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '4ae4f10734e2a31225ccde5d07a234355bf37d30', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '58b5e36698de1e9e9fd36e8dd0d247976d8dbdb0', class: "table__empty-row", role: "row" }, index.h("div", { key: '33f8e6b1c6d48dff5d0cef521f704493f9d85e7b', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'c854a3ac132935900c6150e0d90f5e1990989532', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '06e4c1b14c85f8087eff6c4c17b57b4151d2da27' }, index.h("div", { key: '0fa9a677c268ebb92b3d7becf1f53b52b0a4ff33', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'ec7fa3d2a112dd55c5a051105625f2b25a2afee9' }, index.h("span", { key: '3a320a8fa201510cc12496ef083c2141c68ae3f6', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'af6ae8d224182cdd082932fd881fe0e795d0f973', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: '4228435aadc21ce48de348c8d7bd48e808105124', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'be36a39145637066fd362d07f27a3886d896159b' }, index.h("div", { key: 'e580026d98bcd20aeeb9316c5a264186184f6a40', id: "caption" }, this.caption))), index.h("div", { key: '699109dccaf98aadb7f0279c5f0964ab38a1c05f', role: "rowgroup" }, index.h("div", { key: 'b981c5a0ead32416480a1ecc0e77fa097ccd81f0', class: "table__header", role: "row" }, index.h("slot", { key: '0a2f315e8ffca378e6597fa9a168d18277e3bbc8', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '89461021eb6ed43feadd275d62dfd5fcc1c009db', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '9a4103790373c423fca54fc8f101b0e9818cc211', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '1de4404351aaed5527d6e622673071fcdca81736', class: "table__empty-row", role: "row" }, index.h("div", { key: '8f6e316b6a22c2c81f2ef4cfa804e3c8cfb3ee48', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '402ff27d0e0f7b8c773470b160a1e82fb7246d38', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tabs.cjs.entry.js CHANGED Viewed

@@ -88,7 +88,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '5ae71570b441778b99d980b7fd6c9f99680d7d53' }, index.h("div", { key: '14ab3888ff785ec543002ccc8e322bfd5460be50', class: "tabs" }, index.h("swirl-tab-bar", { key: '1228be8ccc6d8af10f33dce8688f1b58977e15bc', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: '64c434aad2164707f2a504d7f6781bae4ff436f1' })));
+        return (index.h(index.Host, { key: '5d40d86854480a2ca07a3dd0ef65ac11b36c1275' }, index.h("div", { key: 'b0c32424103d997b19042d412b716aa8a6b5638c', class: "tabs" }, index.h("swirl-tab-bar", { key: 'ce4d3579606064e73ad32c6934204840ecccf348', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: '1077b3845717262dc80c4d561ae8a9d9a927e762' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-text.cjs.entry.js CHANGED Viewed

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '822bd6e9f4c819eb8b129830d4c06fd5d1bce2ce' }, index.h(Tag, { key: '2135b841568ff3302aef6911ffd9eaf182492bbc', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '84dbd1c071ce8545defb00bf6c182ce659bfd36f' }))));
+        return (index.h(index.Host, { key: 'fcf86b63f5415e82340941373071de1d3d500667' }, index.h(Tag, { key: '38b4bbdcc3002509bebcaae494897666729425cf', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'c58d26bb8f1fc6365bdb74e378ed37a2c9adf5d0' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '22a47f5faa215410d9827b7ee4bb3674decd4ad3' }, index.h("slot", { key: 'c3ae937e380f3b15668c084dd0cb142f35e84c88' })));
+        return (index.h(index.Host, { key: 'e1520b8d3fddb50513109c58174123f06c381a32' }, index.h("slot", { key: 'b822663975594f8579c2fc65e6944fe9e4f9da5a' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '88648b0530fdc92812cc32b2a7e8ef38ca5000ef' }, index.h("div", { key: 'e3478cee59f9f321c81cbd46609d28d128d6d58f', class: className }, index.h("input", { key: '53f0429c20f7056d6eb59b621c7c5c09c007a351', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: '2db877982247667ba0ee055bcfba1c6e534b6c8a', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '4650afc9be2cb4e35c8ffa76784ee104113fe0fa', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '78250cf1551daf268cd95f944f092e5f9048adeb' }, index.h("div", { key: '0c92c1575be04fb1ed8bb48abe514ff43b08025b', class: className }, index.h("input", { key: '227f3ddefa25f870d00d77d7189692c318fbf335', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: 'b0fa2d02d8d12a564ff2435f943b7a88359a1bb5', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '593119f620fe38e78cba6fb1c2639fefdc35bfef', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '5016a14ee953a31f67d13bf1ae1e85c15354bde0', role: "status" }, index.h("swirl-stack", { key: 'c543587f49c16ab6601bb7c6e2edaf7cbd242050', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'b89c578a32dbd961465ee23f8a4e521d10d8bbfa', role: "status" }, index.h("swirl-stack", { key: '292cbae48deafe0a76a515e2eac35f0dfb99826d', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js CHANGED Viewed

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '63b2524f2a2d1190684086bde48c934d32566c70' }, index.h("div", { key: '21920f98742a4ad51ba8d303d5ba4d3472cab259', class: className }, this.icon && (index.h("span", { key: 'da3bd02686663fc0793bc69b6d4fdd86f25f8bb4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '64e558f31a9a03ea39dc3a28b16a62096dba3cf5', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '9046dd7e88bca0a6de43ed367bf78455a240e208' })), index.h("button", { key: 'df8bd60a80ca63e77ec1e5b1e8f70e9b9c813f5a', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'e0de40c23452b0b9725947021a4e5316a92ea84f', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'c0d869b690436deacc2d3c203da75561cbabf303' }, index.h("div", { key: 'e9fa09c4d9ab4f71bbfacac56b19248ed93c30c5', class: className }, this.icon && (index.h("span", { key: '91e3a639f3f911cab2e159e20c15840c4558ff71', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '0f04c7e25e203c4ab52d9b0bef316bd587c1b31b', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'f97d934f8bf11bc623e6da6512a675eb38b7c806' })), index.h("button", { key: 'e2d60aeaca787a51e038c31a8880935808eb59cf', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'fb68588c3086cba14d95d0e48f16980da6e8f1a2', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '994f5b200cf63da321980d7aa73dbcb0fa67c11f', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'd56456b29fa6b40b635f59d69632d5e5f6fd4033', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'cbbafdc9d634e3c7d5e19d02ff9fdd9fe4a7553c', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'd2ea1bc559522750ae1b901b1ae2040a2d400d35', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '7b847da8ef94a05164b28e90dc137be9a1e15d2e', class: "button__icon", glyph: this.icon })), index.h("span", { key: '0c08e4e123efb64f7e9d6c8b0d44765494086d06', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

package/dist/cjs/swirl-toggle-group.cjs.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: 'b9dcd7dcb1dabd27227568473287bebbacd08d85', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '0d54fe748fc081ef7930aff6027a2ed460f275eb', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'ca807e7d17146a3b0de3ce1a45ca19e5d648386c', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js CHANGED Viewed

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '7a89a37bf47c2ca12422e4b69fc49c6b1478c373' }, index.h("swirl-stack", { key: '7349ee2ab52619ff8104f1fe122599178a139400', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '4c5b9382755409876bc554a7ee698ed326ec8ace' }))));
+        return (index.h(index.Host, { key: '2209c72d725863c4a00b7818f7807afec6ce9476' }, index.h("swirl-stack", { key: '28122759e485039ebd1293316115707fc0c0f4fa', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '839470d432295a35e89149203d8761e0aa5000da' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js CHANGED Viewed

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '6b15209f9e0d9cfafc7af244f1ef22cb4d7da719', onKeydown: this.onKeydown }, index.h("span", { key: '7c75a8e5d9f2e5b1099fcf7f750ef12095b58402', class: className }, index.h("span", { key: 'ed98c804d5526c58ed70705b8a63a7d6f2ff7734', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '6dcbf266cdb3521c6d8e8d37cf293149f0469190' })), index.h("span", { key: 'a2f3b747288d55f9d46c5476d100f8a230e56615', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: 'fab7025501b2b85e03b31af571bfe2556a2fbf1d', onKeydown: this.onKeydown }, index.h("span", { key: '30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979', class: className }, index.h("span", { key: 'be87c4cab59e4fd973fa9ea0da81b07d8ba056b0', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65' })), index.h("span", { key: '484c29090af80fe4acc66eee3808c75be3a16528', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: '216ff9495331d0a424c0bce32a32e52f8fb46d4c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'bf5df3af6609b7a00230f108386435283a340aa9', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'a95c884426bc39651f749305f3d16568dc0da4b1', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '9d0e50ebdb013eeba59011945ed6e559c3d3bbf9', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '85c760dc089cf71b0e43e13de679b2ad795ad97f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js CHANGED Viewed

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '976cd4e831727e7db9956829f340acd697382d25', role: "none" }, index.h("li", { key: 'e48f3bce8ed4b1d76e40732de8fc198850dc1566', class: {
+        return (index.h(index.Host, { key: 'f5be2a3692fc41ea28c78a5249e282fd4eb0ac90', role: "none" }, index.h("li", { key: 'e2ac3f5d22de042ebadea3fa1544a52f787242ce', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'c0d5c2fa3df908a434db8979852e9656f1cbafdb', 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 }, index.h("span", { key: 'ddfe2b601720f1317b68662e487af6e381c87351', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '89e00270ec0ec3de5d03eebbf33724e1daffcee1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'd6d643dd231bd76dddc62c1815ae5a093d5d8564', class: "tree-navigation-item__label" }, index.h("span", { key: 'fd86b770fdfa2da8cfd2473de91b8b77e87579d8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'e1e47f84a25d834cb998bfab78c8360599604615', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'ce81067a5db01871b2b3614fc53fe7e15f1c6dc0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '5475fc0a1564c0b075b06de429e8ec9329ebfeff', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '6d60e9fa7495b3088c4073daaba0500b3374a158', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'ba7b191668487c2929de1dea4758666b5942a427', 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 }, index.h(Tag, { key: '59768aa64bfb74b81e595c433579d56342540b8e', 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 }, index.h("span", { key: 'aa64113919148037c9b8f6b92c35003364a7962a', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'a9948f2f2aac50063b9faacdf161a4a0b322b40c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'bcd4227df99f9893b3e8dda5c874052976bc0191', class: "tree-navigation-item__label" }, index.h("span", { key: 'abd5a09ee4a63ba8ed4e911313366bd0c4bd16f0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '47a4349d3d26494cdfa844359e7636713d54eb8a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'f5e65b291427326ca0d5407d1cdfd3358fbd7030', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '83bb63db09b9d584e09c27e4da954aa9bf01b548', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'b4b6991bd9249aecb5665d1d4397af25479d72fa', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '527475602f2fae5ce2603f1ee6655f02663cd071', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '4553b9129e43d38d3f437c278a9680b23e6b02ea' }))))));
+            } }, index.h("slot", { key: 'd4a242d617109b0a882ef3f11ba160ed319db41d' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '8d146cd8f185c5ae4580e7ce354d2e949d3e6b07' }, index.h("ul", { key: '35e93effb7f45a842a9219e66e01a52a1e0fc241', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '67e52a189443e4527b27c2e3a522c8cf589587ac' }))));
+        return (index.h(index.Host, { key: '9163b6d577bfc300093480152b24765d4523d93a' }, index.h("ul", { key: '805bcc5447f1efc46537e797ce660805d709dd1e', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '8e8f61e26ac91760990398fb7f476c2b82700b62' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

package/dist/cjs/swirl-tree-view-item.cjs.entry.js CHANGED Viewed

@@ -334,13 +334,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: 'd044ae199022dcc3b022b2d4dc266d82db00a2fc', id: this.itemId, role: "none" }, index.h("li", { key: '106bc3696b6d68b5ba22badaa9d457e3e72d62f8', class: className, role: "none" }, index.h("a", { key: '0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '24aa0852201a264f2e596851d9acef1f653b669a', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: 'f23b5c4a9c0e56320e53b9da3ad55462c4f265e1', size: 20 }))), this.expandable && (index.h("span", { key: 'cd5933c4674e8095e00d66157fd646f3edc6af04', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'd8dc9940a46e7de9b2148e98f06a8b8edbbfac61' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'da21cb2a18f2755d747a854ff3d1a3ddc27d6c70' }, index.h("span", { key: '5eb18d4f3e9c9268c93f16989cce4332fe91dbf5', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '70715c356b263b1d78f20dd015ec93aaba5b271f', class: "tree-view-item__label" }, this.label), index.h("span", { key: '77fec8960d46a38e198196073841cc0cceae27c2', class: "tree-view-item__tags" }, index.h("slot", { key: '3940dae27077c4b8a71f2dcc6b82208c90d8b34a', name: "tags" }))), index.h("ul", { key: '17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: '359205749fd0fa8cdd09b902a535169cfa410031', id: this.itemId, role: "none" }, index.h("li", { key: '5e13cbe565927ba5fa14e3f99309a2c880b262b3', class: className, role: "none" }, index.h("a", { key: '776901fdfc6d1879285a3a37b131b4cc41ec7efc', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: 'c6d9ccbeca76689b7ffd72fe765c6196a6c4437d', size: 20 }))), this.expandable && (index.h("span", { key: '45873aeb8ee0ef116351e300397ff202d5950033', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fe6bdc75d7beabe8ab58687ddd07f8a461426479' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '095e710bc88d20c62cbc79aaa66993b203b70cf5' }, index.h("span", { key: 'b7a0c0b5446ce314e3bfb3778953a412d0d088f7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'bb2fced3c07abca46d4fe1542ebc310a00acfdb6', class: "tree-view-item__label" }, this.label), index.h("span", { key: '7705d52ac2befb94f0b161a0875babbaed63b891', class: "tree-view-item__tags" }, index.h("slot", { key: 'ed0d4949b0814388e305694dbc833319f215b1f3', name: "tags" }))), index.h("ul", { key: '1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '84e8e55f032818f56c1cd38d3f7949d0be2db270' })))));
+            } }, index.h("slot", { key: '173b8f94cb788699ef8ed8925084766337389409' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js CHANGED Viewed

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '51aa3a81589abb63a2d736f430ad154c7c75d9ee' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'c0a5e93d03187dc182921d0561c09b76b00382a1' }, index.h("span", { key: 'f25313f606c553ef032184a599efda8c0bd42fc4', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '6004a1690b501c446c4fadbcef7b107bb5a3ab24', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '356121cb7f5adc3b4a9627b370233916cad1ae29' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'a6f46439112356816f0f853a96a373a960b1bd14' }, index.h("span", { key: '2bab282efa908ea48a31683b6dde185cb153c1af', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ef9a99fe169c8752c982d9f0d4a02d6b091b042e', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '85a2a2c04d985d0892180c30f0c5b63bb85587fb', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'f17cffc8d4b785cd750283accc36f68442e01d32' }, index.h("button", { key: '19c37090245311db067fbcf17a7f314684bf771a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'd9b82c8d91b9df65080a9cb49ec262f621aa8bc1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '9d4916b716239f6d54fdc5d871bf51c5dc40e92c', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'a416ac442c86f2e241d4d325fdf8ab146754ab52' }, this.durationLabel), this.duration)), index.h("svg", { key: '4732e4585d157deae9abf1c5ff4a8fe0ca9c09de', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2bdc2f16cf20880c403027c9aeaba474573341b0', 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 (index.h(index.Host, { key: '0d1fdc4949d838a62c3c8b8268c5229f41fc3c60' }, index.h("button", { key: '02444d9291683335bc640b69bdcc4267e423e68a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'f4a933ab01d22b51816056b86f1a307db9a5f3ad', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '6b286644f477a85aa7976025f82476017b3833c0', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'b70d41aa916302f0ddb8b51430841091d68fa794' }, this.durationLabel), this.duration)), index.h("svg", { key: '8a3092527b6b853687102e88a2e2f246e9b571ee', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'dc88cd0978ae654fccd17ff0fbb37bc2f132a1a0', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '570b5c52a11540e704b58464a05f5235a49c5e41' }, index.h("slot", { key: '05a73d221016ef4a7f055bbb15c628186d01e5bd' })));
+        return (index.h(index.Host, { key: 'b1a9365245b42a7d28ba87dd46c35a2266aefee7' }, index.h("slot", { key: '73c3e5c3cf22857000093891903f9aa7c45f4403' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

package/dist/collection/components/swirl-accordion/swirl-accordion.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '1bc7c9ab063fecb394f94ab345097cdddaaafa03' }, h("slot", { key: '5feaf01d57896600feb8a9eee3a8301d0f601dc3' })));
+        return (h(Host, { key: 'e30443cfc009758000a3b0b2268961fa9eafb75e' }, h("slot", { key: '476ece68fa8e42d711d80e111627c4eb0edebe54' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '5abd39c9ca02720e57c37beeb7b72db0c2dd123c' }, h("div", { key: '95dd1b52fdaff21051074b3127ada00367f7e543', class: className }, h(HeadingTag, { key: '9ffb3a12040d452c5b0ee6aea4921fc67f93cd26', class: "accordion-item__heading" }, h("button", { key: '22a0dd49ebc344eeb89c95a9ace011524624f9d8', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '3c9eed167c7be689878c58d8d40c07a90a23211b', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '6b584e7f6bb7006fa5f54bfff12522f70d2a6b26', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'de1967d18f5451dae04c4f957d30e5cb1e1b2851', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '1dfb914a637071b9b3536d36895b964b41befa6b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f6de862bd5104a5c27b1d6838633fd5bfdb2efba', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '92161c918c43af090e33ca260939ec915c2a95cd' })))));
+        return (h(Host, { key: 'b83f9e2000c556d79ab910e992366d83c5829846' }, h("div", { key: 'd16691dc92dfd9e581c4d4b10e0846eadce5236b', class: className }, h(HeadingTag, { key: 'c3f9cff3e21f6012863291626cfc6c8fb3cdde72', class: "accordion-item__heading" }, h("button", { key: '38aa7c2ae8e499f0b32d5cb996aa5610b1ddaf6b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '05a45b6c2c14bc7d13890753ef08ec9f09c2a910', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '67155d6bd60b8ec1481c45aa0922107ec8a2abb5', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '93ad926798a5c593aa00a09b356294be2158a0c9', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '74f9c08addd3eda4b45ad75fa930fa3a3eab5877', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c3d2edd14173d20bb4a773716867397ea71c3393', glyph: "expand-more", size: 20 }))))), h("div", { key: '471c481565b4d40ee8164a1cde7c29bb20f9c0c8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c112664c3e25ce7e6e5270b6a3d6b3b3c0add285' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list/swirl-action-list.js CHANGED Viewed

@@ -90,7 +90,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: 'dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a' }, h("div", { key: 'd85810e0e08962a69ccd29e6993443100d84abcc', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '74d09eb289ca2822a76d470b3962991428f16011', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'fa74a3d427f124826faea04ba6acdfa7667752f1' }, h("div", { key: '5a9b9155af66b777ec716646b16527a676e26044', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'c1068047e5ccaf8184dc7773e331bcc1ada6a530', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'c637f1e8b7eb6d478a41728773886383e14f9002' }, this.hasSeparator && (h("swirl-separator", { key: '66912702c619c458441babb2c34e245248b7e37d', spacing: this.separatorSpacing })), h("div", { key: 'd0b4679175ec4a52effd68390065130803e36807', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'af591455c341f581f9ba2e8287fdc5c920a2bb8d', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03', spacing: this.spacing, align: "stretch" }, h("slot", { key: '344c6117b8ae81602d677f22a374fddda4becbc4' })))));
+        return (h(Host, { key: '4746cade99a59ab4b7d6c7d276d5bbdf2731d3ee' }, this.hasSeparator && (h("swirl-separator", { key: '2ca2301f66f43341f75a7590444fc022cdaa8bf3', spacing: this.separatorSpacing })), h("div", { key: '051cf57c2418d995fc180c32d3ba9aa7942c275e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'c64001e8c358938a084183d581f7dd19ea151efc', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '876ec9775a660ca7bdbbebad118a5dd0fb22b781', spacing: this.spacing, align: "stretch" }, h("slot", { key: '71e0d94758c25cafda3946faf1db029aa75ffc65' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-icon/swirl-app-icon.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '687598f6730d46ae81728932bc626cb9f7dab002' }, h("span", { key: 'c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe', class: className }, showImage && (h("img", { key: '3cebf8dfa8585d8b3d9df4db73650e88c3a24e93', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8f1cda723ec8cb528b7a8a4da29434463d44766e', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '90f9007428de57708504bf15c29b30909f7d6b42' }, h("span", { key: '7119b43222a0a224268ffb6ef5debc804f7bb3d9', class: className }, showImage && (h("img", { key: '1b8421ed21164b5c921733903a5cc4f3102d0c0e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '41c6eddecff32a689d81feb4d3ba9df4ff420b0b', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '07eb2c5f8ba50e042e64de92826fc16f8b939047' }, h("div", { key: 'eb4a5992625dd8a8d8f98d04c14868b3456fbb9a', class: className, role: "group" }, h("slot", { key: 'fd0f28ae05bf30f5ac973163c7aefd62c66e2837' }), this.badge && (h("span", { key: '955b59bb5425971a699380a933dea336873525c2', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '76e85ac1f2499bddae35aea6e1ce1281294a707a' }, h("div", { key: 'a2763cdee26628d8b3926af85302cc0d74a1ee60', class: className, role: "group" }, h("slot", { key: '1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09' }), this.badge && (h("span", { key: 'd6c7e9e98de8e5191f17dccfe7e662c05314dc85', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel-slide/swirl-carousel-slide.js CHANGED Viewed

@@ -14,11 +14,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '9bc4985739dc192b039b2dea6524e1d561b89c80', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'e75b302d0c27d9571444d6019cc2295ab86413f1', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '42d69c816388c933e8e7529e5eed0a7e8a65ffd9' })));
+            }, tabIndex: 0 }, h("slot", { key: '63794dea8f1ab9790b135a39eb9f84e004e4e349' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-color-input/swirl-color-input.js CHANGED Viewed

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'db984e1d6f60cd74d1b5b0b64d441e9d87e5198c' }, h("div", { key: 'b68c0b8c7c5e426959e2bcd9c6f0ecf79d8ad92b', class: className }, h("input", { key: '20a8d4adab4ce97069423829f8882c6ebff51b48', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, 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: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '3e3b890953d2f6a86491ee68f8968b81b4c152ae', swirlPopover: this.pickerId }, h("button", { key: '0a962dde3571d8b59fcb333fe944faa545f29616', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '84cc3e16101043574dd4d30f7903ce92b034309c' }, h("div", { key: '439383e3e3384bcd255bec502a2df0dd5be1a661', class: className }, h("input", { key: '59edc6b99c9cb8cfecbb4d672584a37edcbad943', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, 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: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae', swirlPopover: this.pickerId }, h("button", { key: 'aef319ab0793cc4882632d73a73ca38f9484a1ec', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '7549e1eeb25e478176999aba5fd22f8d1f7d9238', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '25ab3e99d518d2fb443ced81d7929d385e576dfe', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'ff1ad9a924e424c438d1784f8be2b6afaf939ae4', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '948eb8d67e9497014133f4bf757d5a5c900ff83d', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'c6987312e10639e16573f8129fae48aa71b2d734', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f182577c4d61d00aabb8547fa02c809ee8959243', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-console-layout/swirl-console-layout.js CHANGED Viewed

@@ -122,11 +122,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: 'b6c37854ccb689c3edb58cc2c74b05d26c4f71e3' }, h("div", { key: '66b02aba8c29cd0e86e24bee06545127b857029b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'c93dad4e20cadff5f875676d941cd0de17b7c183', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'e065c32ba61cb5df13871370e69560892d728fa7', class: "console-layout__header" }, h("div", { key: '70dc134a54356cc62176f9ec4afcaeeeeadcd476', class: "console-layout__logo" }, h("svg", { key: '92bc5dc757b45e732149533b54a0bf24ef5f6322', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '61a8966d0ef54d82e3dcea04f8da3f8e9078b26e', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '261e89fb7a5c5afc0850379db27f37f8498a7158', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: 'cb822a243a787a72da0287fec5fbaed5ed5cacbd', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'd28b0e647b92a6930bf68134b8083651ea07882b', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'b500743cdd07f8a159b72c5fbc800468d12e3aba', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3ea15df2845f22fb6a4a8be78176b0fadc8601de', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'f3500ddf88d1945fcc30e9bd16f3972903bb0bd2', name: "navigation" })), h("div", { key: 'acd68cd5b9b17d85604977c3df9b80d97b492d66', class: "console-layout__user" }, h("slot", { key: '7a2141b9c5061164cb578ae2f427e677aa68fb23', name: "user" }))), h("main", { key: '455342ae502cea23e86dbf69c43f4f07cd080f64', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '77ddeea42625f8547711f697d8d9981424205ad1', class: "console-layout__app-bar" }, h("span", { key: '8c715f504d7c667132bd291207f01a1649320616', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b52594152887ea08550336e84b55575b7dac6ff2', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '5595858078dcbf2b1fd42112fcd01ee93b9167cf' }, h("div", { key: '0a6314f7b0647616f5cd84145a6f4efb00a30d31', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'de1c401167cdb325f977557fdc3d1c960e282f00', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f01342846ba501c93c9e24987705466fb1a47788', class: "console-layout__header" }, h("div", { key: '6d0d7c0b804e7c4e7745a5b0141090b306cf2ca7', class: "console-layout__logo" }, h("svg", { key: '86e27129a81c8c973feb1931e323d30d178d3e2a', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cabedc7b728044dc009dad217a0b6cd23b3e48d7', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '50338c0502b6acfc1512f7000b28b02ff56cd965', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '6924da416478b4cb733441366d5b2850ecd522d0', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '5296e69f2bb97e4ba927b1c2f7f7717e417fc407', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9c5c6555c5e5c968a9fbf7c3c608e5e5d91eb447', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '645446cbbaaf965c34c991f256fb50b67bb62218', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '394af4d5e53f06e690016dc0349e5eb46e24a3f0', name: "navigation" })), h("div", { key: '5f492d23d18d2f03365aefcb796211ad7b12cecd', class: "console-layout__user" }, h("slot", { key: 'a4eb05fc2fe7cd6261aa378e94ced5460bc476e8', name: "user" }))), h("main", { key: 'bea6c4681f70ad6fe7952d34ef6b386173d0d8b7', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '5cd828b1a1d8f0ed5203e96ed02bca1a1f0540b8', class: "console-layout__app-bar" }, h("span", { key: '7d73db4547218b8327bf0bbd63492c6b8f25b064', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '19e341a3b45ef973393470599360fa61d2f2348b', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '0e580f60b08624956c759eddeaa5208e9390cf3b', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '555e6979eb5e7f2c3ea446e760d2593f05677926', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'bb7acdc156964784cad3dec76b2e71ac8d9593cb', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'de4bb0d7c9fc8417e6cbfccd698fb69a76d27b3e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '2e44911eaa81b99c59ec4890e612c99e21f6cdd2', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'fc86e39e3816ac1b327f225270d4447a138f1363', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '892571a15e8f488daa3e8506541c04ecccda9661', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2ab7dc20c9097cda37fe0f022a6f0953c833fb63', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'acf4e6883e81a692a6659bdd82014c56bc743f0b', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '11b2d4e531c2e899e42a7a5ef394a0360c8a2da3', class: "console-layout__heading-container" }, h("slot", { key: 'd9abb15db90103b2e2b1a67576ba6f095aed6c6b', name: "heading" }))), h("div", { key: '6e999bf25bd2dfb78a571eed6672655262b86b63', class: "console-layout__content-header-tools" }, h("slot", { key: 'e51212fb6629f4d0f2be51af60bc306f81b7641b', name: "content-header-tools" }))), h("div", { key: '9c087b00f40d083a9fda1c602254a843f42bba00', class: "console-layout__integration" }, h("slot", { key: '846711f90023403d1a4702b6740170a8f5dfd317', name: "content" }))), h("div", { key: 'f369b811e0dea712f4a683d8783ac54cb4154b7a', class: "console-layout__overlays" }, h("slot", { key: 'e5765c138375fe80f75bffe25219750b2550f252', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '7874976b0d943b6a46d949d926c71e7309b848a4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'dc9433db63038b1dba709d95024bc91b6f08b44e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'a97d75f252ee883901eca39d49cfbb445b2654ae', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'a8f810812fed7ad5e4e196df840e3d13121b028e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '3a5c83092a0b8a65bca19116cc3846e9a921dce0', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'bb9b1af9879c93c1d9a443fa48c3f1cef9a78035', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '2c3f314a9c91d78559fc76f32965d60ebade4f44', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'c8e44bbdfaf7852f34db579d00a1862eb1060506', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8ce3e7f38bf3839d809c0e09c123411d5d4fa5d2', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '10aa0dc2560370f4d30da8a5966bf0fd4b638c70', class: "console-layout__heading-container" }, h("slot", { key: '7e97de533348a07382b0df81bab78592a536d5eb', name: "heading" }))), h("div", { key: 'e0409cc3844d006bbb4e133c9ffb616b727b0c8a', class: "console-layout__content-header-tools" }, h("slot", { key: '6bcbc098a17673eb65a8c2874a8045adeeb2f1ed', name: "content-header-tools" }))), h("div", { key: '15678aa3040a39fa390e1d2e1b05348984671792', class: "console-layout__integration" }, h("slot", { key: '61c50f5ef9d62d1814f697cab41666737d55b363', name: "content" }))), h("div", { key: '739b6bb2a8495a633479817618e86bbe3766aa6c', class: "console-layout__overlays" }, h("slot", { key: '90796ad47b67ddf548fe3df282ff993b1f45c537', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-date-input/swirl-date-input.js CHANGED Viewed

@@ -148,7 +148,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'b6ddc22bcdc331f61fca4b108b4d34f4d7f4eccd' }, h("div", { key: 'd92b1daa42c5e2fb64c378621bf50b0440813252', class: className }, h("input", { key: 'a775ec1989a9e35f3dbe380e5f7f83170bb5d1fe', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '1fd79df32d35be0951b49a2ce141309b2938d4c3', swirlPopover: `popover-${this.id}` }, h("button", { key: '11680b4c3bfee66566fd895c5399b5c860f7b771', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '91563a1eb521b7beceb4f967b091c44445d04b60', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '7b7534da460943832ed5cc8d786dd316a4e442c3', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '74b13475c333443ae34d68fa7ac78e63c79c1c1e', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '3f2ae1eb77b986b7e1522d5900efcb2dc4e728f5' }, h("div", { key: '5219471c4ceafaf67020a9a7230ba5bd5130b18c', class: className }, h("input", { key: 'f05d9bff27ce73576ebc076ea64fdde9bfc9a8e4', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '61003928d32c16bb0d1326ea0afe754f090b6fc3', swirlPopover: `popover-${this.id}` }, h("button", { key: '765192c92f20b4a86a0a0b8eb0752e7f9fde6f1c', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'ff2ef9ba18ca4a712702faf5ee19bd2cbb4b1c29', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '69901e0c6aeb4552cdb913d053a667db5f72b297', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '6b3bccc77095c5b54d8dbc03207070f2be717973', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-date-picker/swirl-date-picker.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '29e154678a63e94d5cc06db022dcca7d2353b24a', onClick: this.onClick }, h("wc-datepicker", { key: 'c76249ab1251c84727c83742f34a5465aea93ac7', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '4fb20c5695f709b12aa3da8425551751659f94d2', onClick: this.onClick }, h("wc-datepicker", { key: '4b3375d033e80bc0aa3362757697e9bebd95dfde', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list/swirl-description-list.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: 'c343af31c2036e3827d0bb8541ef0b80c0349530' }, h("div", { key: 'c3638a810eca547f1adc4ccd9b7e8c8e0f9a847c', class: "description-list", role: "list" }, h("slot", { key: 'f99727cde2f547a0a5667285062e16a40121e9b7' }))));
+        return (h(Host, { key: '31f8cdf6605116227d878fcf87878c341fa4be50' }, h("div", { key: '687e9967667fc2ac99dce8620cc5d4ba59563b20', class: "description-list", role: "list" }, h("slot", { key: '00cbc2fc0f676943751b8ccf379cc3f5d688c8a3' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list-item/swirl-description-list-item.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '825332c96e3361239553afc23efd0b088c67780a', role: "listitem" }, h("div", { key: 'a7addfaf38f63125797ee43d819431d41436c010', class: className, part: "description-list-item", role: "group" }, h("div", { key: '10c4ea50963f4e75243c57cec96bbb8d8bf6a6ed', class: "description-list-item__inner" }, h("div", { key: '9b26415f442f43f487efd67bb7265297a867466d', class: "description-list-item__text-container" }, h("div", { key: '4393e5d0995dd58b7db93b0472bb80cf0559a75d', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '46c9fe804c473f23c789145902d7d0954a992883', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'e7ee07766eddba2e1187d205e7bdeca856d5cb3d', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '05037c857b152edebbcc901af7bf06790396217f', size: 16, tabIndex: 0 }))))), h("div", { key: 'bdb094bf5309a033f2704a65510a8da294362fc7', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '5b150db642db834f5403d3309624628b21d432f7' }))), h("div", { key: '131aeb2a9ac28a7625bc8c8d649365c87e835c21', class: "description-list-item__tools" }, h("slot", { key: '51a0f54c06012d72352ec75795d79fe43b41fb59', name: "tools" }))), h("div", { key: '40f95550148f9b61631fb23dcdf8074aa3208cba', class: "description-list-item__additional-content" }, h("slot", { key: '36f39caed364779571e7d2bcdc0de6023b48634f', name: "additional-content" })))));
+        return (h(Host, { key: '9f218ded01558b4884f5878fbcde683c6b80421d', role: "listitem" }, h("div", { key: '55b19904189f577d2aced0fb2626e74d2d0af61a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '497ce10a342e7059431636ee0c95504aadcc4464', class: "description-list-item__inner" }, h("div", { key: 'b75f1f31f940fd4b013f55e2c4bf653e6a7c26fc', class: "description-list-item__text-container" }, h("div", { key: '0d8fbf2cb62bb3a81e768579b73815a2fbff1535', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '3ffcf6327cea54ef69e78f5ec5813f377db1896a', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'eda1bda51e7f9ca0d7c43bf4a11cc3957c8d692f', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '2126b3db4717b4405e463ac92c96155d57139021', size: 16, tabIndex: 0 }))))), h("div", { key: 'd471e6a33966c94ce9dce45e2d49171c0883b460', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '235f8d0c47d42c2853cfadcce9e5f81a07cc5c6b' }))), h("div", { key: 'fab6b42209a7d5e307fcf9807aefd2cae3ec4366', class: "description-list-item__tools" }, h("slot", { key: 'bd418fcf86dcbcbe7111608c1dad77c36e4f283b', name: "tools" }))), h("div", { key: 'd6444c55698a0df409b87c21a09bc8ad9454d4ad', class: "description-list-item__additional-content" }, h("slot", { key: 'fbc2c75d49844c5361208125d203cb61551da0ac', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-clap.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '2adc97a54a8288c58676d930dafada52dffeeb23' }, this.size === 16 && (h("img", { key: '56c2c3eaddd2f28e29e2ce8815783c2da69fad7a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ddfd1956e6f8c3d34507bd2607b95a3ffde53c32', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '9be22498e7f4eb365f84c933139b52617419fa50', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '433aaa53dfb5797f36651b1622283cc8938f8f6f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-happy.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '225daa15191ac2dd282a8976897a727abb4005f8' }, this.size === 16 && (h("img", { key: 'ea1c41da937fbdb87a9458299a69a58f4bc363a1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '8e19960cc68a58e4465f8ac173560e7bf7e17b09', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd2276c6454368567f0e9ae86eaa40898c928e865', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fe0da11ea222cde81386534c961e781b85a2498c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '8f1990247189958db4233e13711713105526e394' }, this.size === 16 && (h("img", { key: 'f5f3d0f60b41b5483e557d964b18c45a09446be7', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4e577d0ea58ccb4cdf592b34beb67c4a24baa1db', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '338805c5cc1c325c7b16ae31eaec9e6cca5d99a0', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '227cd86cf3d2a0a27e0038b190e30a558f527c04', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-idea.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1ba03f325f8ab703c520090423eba07b7bb73e43' }, this.size === 16 && (h("img", { key: 'a207a88bd1f8a9b1387b7491bbcd29dacd246c1d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c77d700523ea42913160b26b9a33773f9f3b81b5', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '9cb84cbc881b13d5989ab8748585afe454664f5e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '712753654c2a4d716f16be007cb66334d753741e' }, this.size === 16 && (h("img", { key: 'c2709614828a1e90c203ef2422283d172706b000', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '9abcfa58681f88ec8f296ca3760678b695dfa235', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '81a577e943978c7bfcb19ffc9a1614e884ab7476', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a8f27ee63de19ca1845879f96691443d9e6b682f', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-love.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '2ded4a2bdbbfd37f80abc6f9f698106a17154c11' }, this.size === 16 && (h("img", { key: 'a2baedf0c9684d81d2dd3214c5d2e92a5b45caae', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '4b5c32a95071b1c4badcad8d34f574db062f30d1', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '96c5d2d7f7cc07ff06ef25637616dc087af1e336', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '1e2011d64fbc5f1edb9e00126ac989b053f02968', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '0ee293854401b1e53722a85c68c2f223a2cfc4f0' }, this.size === 16 && (h("img", { key: '7d8bf10f81c8eaef1f1f5e871e16f16382e9a74e', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '440e5cbfcd508aa0b6f8a4de497e2032a86c28be', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ed0e387f1168bfa0137c3a7ef7da99e7437134ba', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6a33080b56fb74c1455b42d942c2da261c8bc36', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }