@getflip/swirl-components 0.462.0 → 0.464.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -7,7 +7,7 @@ export class SwirlSymbolYoutube {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '47ccd331d689477e44963321068216d1b68cd574', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'dc2c0ed78aa7b85999478f6ed067ec9b7223b308' }, h("path", { key: '03af50dc8b814d0db73fa5eaed9bcf54e5f496a1', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: '110157c593e237b02de5d3186f7407f7f433512a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '3b8800cff6f039f6e65272817df785b994ad305c' }, h("path", { key: '5994b2778930658357fed9a6baa195982e1c2008', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '0874a160baccf77fbaffbe750be3f53327eb3e03', class: "table-cell", role: "cell" }, h("slot", { key: '69b33e3733442ccf88f6c39cb2ce23ab51b9bcd9' })));
+        return (h(Host, { key: '4de120dd8387718476f2764fd3dcb4b223660d51', class: "table-cell", role: "cell" }, h("slot", { key: '62ed01b373c8bcd9ef5df80463af3d7b33d4ed2b' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'c2a412be20276981fa31e632ebb088db37658a54', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'b6aeea4183b5897c47aaa13ff3819fc1424dbe58' })));
+        return (h(Host, { key: 'b07061945d37b4b5f9677886cd8e3bc625c06a0a', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '21822201d24de63bf698b4b16b6155c98a8b8cdd' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,10 +38,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '0c490d460bb836a4298e7a66efc141807be15d88', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'de2898ed374ba1aa8279ff76c7d82d94290121f2', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f26fe530eb325b9a7c77a89cda084287173b248d', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'e34526439ac18d284f42fcb4621d444ff72d614b', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '42681a92c1d770940865e69d1cf081c1c9b396a6', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '281025e18a6c3ecf90f1148e48e6e7c525df9ef8', content: this.tooltip, position: "top" }, h("swirl-icon-info", { key: '8dd92be1d5b344da9e4b7bc0c634fe6be78551f0', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '2f38431b527b7fc89fa271de8e39866dbd49e512', class: {
+        return (h(Host, { key: '7f58f80ac0e055482457a26a98de1930ca87d9ac', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'c29b8424a455da29b2dbe7e9af48cfdcd0218288', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '2bddce834c6a009c7fa1b67622a3c94b37209db0', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'f28d817c7198105c1e4660be78fab43a18b73215', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '59436447633b51e0176ecc9a947788de0570d5b6', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'b48fd56f7dce1164fdfab511794bd7d735f0a59c', content: this.tooltip, position: "top" }, h("swirl-icon-info", { key: '4912adb74279f4dba76dba132d24646e2ce23d57', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '85c65027567516f229ed2eb0d0007a4baca61bd4', 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) }, h("slot", { key: 'f2360ca97c7eafea32ccb0cc18f8d753d3d70683' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '9606de94326d7b1fc5f455b14584629ea3d813b2' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '1a56941404e66cdecb6dae7ff0426a566404db7e' }, h("div", { key: '913d3d7c8e92074175539405d89b8ba821d83e5a', class: "tabs" }, h("swirl-tab-bar", { key: '483e3ece1fadb458a09787a6af5ded8d922cdadf', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: '278c08997afc019f67dc3d468586c64866521557' })));
+        return (h(Host, { key: 'cc433026b5d199b463e244f64462bc6116d82d4e' }, h("div", { key: '89d3ecfa28f9e6e6e026715784913d9fdd7a8f2f', class: "tabs" }, h("swirl-tab-bar", { key: '6060172557e3ccfdca4d765e8c2da20013daf936', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'c3383ea144b1c67d9cdd966dffe170f9e06eeaaf' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -144,7 +144,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '89a5e7aeb9bd7018d61f9cc3a1208c43e401c53f' }, h("slot", { key: '478d8d8f9ea37e28cf2a1ca562886d0c00811e57' })));
+        return (h(Host, { key: 'a699db0a9484a46c83c9cd0d849b94ae917ad932' }, h("slot", { key: '1429d8ef1bd1a3995e29fecef2d1f6b688c58bb7' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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: '468eee2c0dae96522c5b6880f2294362d5ad8ed0' }, h("div", { key: '3f0dce9ae46a200c6f1262e939f7747738f0d465', class: className }, h("input", { key: 'e85d3ae135ef21befafa1e73f788b689a92ded16', "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: '34874783a9168890cc741cd97286e36b253fc7d2', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'e700dc90d81a9b8ab514ff923bbbb4d5e795ea1a', size: this.iconSize })))));
+        return (h(Host, { key: '983b02d3b7d5e489e2551a55b341e433a8377918' }, h("div", { key: '4fe9be93f0db39f0d41dd6f37a1f6e04431bc07e', class: className }, h("input", { key: '141717aa64fa4dd1d5df446b3e5f88b297d214a0', "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: '128423ca50cead9978c3a6270b732e06975c6094', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'adb1b6714798cce5c7bd53d5d67c925df99dc172', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -3,6 +3,7 @@ import classnames from "classnames";
 export class SwirlToggleButton {
     constructor() {
         this.isPressed = false;
+        this.hideLabel = false;
         this.onClick = () => {
             this.isPressed = true;
         };
@@ -11,7 +12,8 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '66db29ba083e102bbd2c2664f7192a28767a4747', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'ae9f37e6e6d5c11266906bb1aa93d0406a52f9d4', class: "button__icon", glyph: this.icon })), h("span", { key: '7bc3421ef39cb66b94075c2fb7e81d7c995345ac', class: "button__label" }, this.label)));
+        const ariaLabel = this.hideLabel ? this.label : undefined;
+        return (h("button", { key: '036efc9467190c999d0f4bd8f8e7b175c941c661', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '32b3d6ba5d9538bac5e54ecd7c21f82926ebc561', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'd6977bb4185a59b1773998aba54ffca3bd0d8713', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -103,6 +105,26 @@ export class SwirlToggleButton {
                 "reflect": false,
                 "attribute": "is-pressed",
                 "defaultValue": "false"
+            },
+            "hideLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-label",
+                "defaultValue": "false"
             }
         };
     }

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: 'f285ec061e6fe64c73d85ce05ec9509f7e6f6ef7' }, h("ul", { key: 'd6b4edfa4323c0d32989561b782c554e7dd80f99', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '53eb5696de1c3f3d1558e057c63af4c7bc1a5976' }))));
+        return (h(Host, { key: '3bb2a6596a2df4861e8aebbd37f23225275b0185' }, h("ul", { key: '4952ea2f846ecbcf737a483c11aa4b5d7bb6bd46', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '2a91e2c4b0bdbdcb71986b4faf1dfe45f3ebcc35' }))));
     }
     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

@@ -84,12 +84,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '832a5c52a3e6beeb6697d1f8f2e87841f8cfc4d6', role: "none" }, h("li", { key: 'a054c7206f13d90c3012cedcbbbe287d6af12889', class: {
+        return (h(Host, { key: '4112e73637c5c31c59a17d171c18c3207e3db8de', role: "none" }, h("li", { key: '70bef3d9e39c52e232b912c72d83f57a8e65026e', 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: '3c9970f822c286da2c740374072eb7bd96b17d30', 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: '17990df86e7e1a6904f176fe0b696f8ef5e2c205', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'b5d09dadf0cff371352202dbdfea38afb7ce3dde', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd04fe44f6068281820421e5e8580e9799d0972ba', class: "tree-navigation-item__label" }, h("span", { key: '1fb32bed311daa6ded2db51052b91dd1b6744f11', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '400d5a7fc21c592577fee8f8610f768962fdd58f', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '973ad0be477de2a8fc565b1d1902a390d803c9b7', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '36587831e91d11ea395951aa3ce9540ecd87f0bd', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '0fe57082ffadb949b807af5a4f024c8396d92c7d', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '73827acc1fbecdf35bfa77c7993a4be7ba276c22', class: "tree-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel, size: "m", variant: "default" })))), this.hasChildren && (h("ul", { key: '94039e6206a51fff95906350b703ef95ef2c5680', 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: '44e8ef513567ad7ab17fcb59a706c5537505e465', 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: '636e2e0816b0395da4bdebc2cd0c80e5acdb193e', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'c71ce633d787fec1a2ce99d346255f982e3c251e', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '486b991d2800c5480a8e5a699f601101e481ccb0', class: "tree-navigation-item__label" }, h("span", { key: '94f7c8f45722173bdeab1d3eaf21816270ed684e', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'df433f2c9838c8c6e1bc4e3298256e5d0cee9067', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'd6bc66b0fcbac3ee88022a7a978025d4118f5152', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '9d6f3c54dd1adf7860e11674dc9b294dee17541b', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '59a498a772ed2aa74d1415efe57113e0b962a48f', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '4af0392c619eeb851a1ad3d3c55bffa74d3bf6c6', class: "tree-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel, size: "m", variant: "default" })))), this.hasChildren && (h("ul", { key: '1e5b45996b40c9d28b67066a12b0ffd985692e7e', 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: '4dae0d899232c29e80d79d56232a6dd2692b4b32' }))))));
+            } }, h("slot", { key: 'd6d89e4215733442e4fcf654b8d021d5757c9b3f' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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: '6e9af54de5bcb0350f2e935821757f81fbda72f5' }, h("button", { key: 'f0363615247902055f0ee23fdf65de6893e15fcb', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'a745481184f6ca03607eabe047d510a1bb94c4a2', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'b41b6fcfcbd1824f88891461f9d67237914118e3', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'b6e6f1619cbf921ac7a0bb645d472bddd5fab193' }, this.durationLabel), this.duration)), h("svg", { key: 'f4a788c58afec33ca4295e3979fc2214e57ce32e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6738add1fe3d58c8a8d45e52aeed905b288a1c7a', 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: 'e93ad0d59475822d96159561c530eae78333c783' }, h("button", { key: '664be0aefdcccd6718c65112211546ea16274540', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f44ca2adf088898bf61dc6a73c2e1eee30d05d28', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '453d181ffe5abdf14c5edb0ddc6006579c5b1bab', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '2125b33096062edcedbc2fcfe9a27689ed47dbb4' }, this.durationLabel), this.duration)), h("svg", { key: '2d69a46c3e44c0a3928db25e6ec778cf2b92c1f6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f4591e7efa7f96b21975d006b09c3392e9ce6d88', 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: '37e99c50a63f996adf91283e7dc49f10f5b48909' }, h("slot", { key: 'b5b6b747fe8d0dc9be22a78f66c394b21db946b9' })));
+        return (h(Host, { key: '675ace52a832a1727fdb7bd26fd4e8c7a2f558b6' }, h("slot", { key: 'd5ca79264b023f00c538664c81ebd8ca4065440b' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,createEvent as o,h as i,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as p}from"./index2.js";import{D as l}from"./media-query.service.js";import{d as s,i as r,p as d}from"./utils.js";import{d as y}from"./swirl-button2.js";import{d as u}from"./swirl-heading2.js";const b=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.ctaClick=o(this,"ctaClick",7),this.mobileViewChange=o(this,"mobileViewChange",7),this.navigationBackButtonClick=o(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=o(this,"navigationExpansionStateChange",7),this.sidebarToggle=o(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarPositioning="auto",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=s((()=>{this.updateContentScrollState()}),16),this.onNavScroll=s((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=s((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;this.sidebarOpeningTimeout&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=r()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;this.sidebarClosingTimeout&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=r()||d()?0:290;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!r()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const o=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),o?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateBottomBannerStatus(){this.hasBottomBanner=!!this.el.querySelector('[slot="bottom-banner"]')}updateBottomBarStatus(){this.hasBottomBar=!!this.el.querySelector('[slot="bottom-bar"]')}updateNavigationStatus(){this.hasNavigation=!!this.el.querySelector('[slot="navigation"]')}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=!!this.el.querySelector('[slot="custom-app-bar-back-button"]')}updateSidebarStatus(){this.hasSidebar=!!this.el.querySelector('[slot="sidebar"]')}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);a&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=!!this.el.querySelector('[slot="app-bar-controls"]'),o=!!this.el.querySelector('[slot="app-bar-mobile-menu-button"]'),n=!!this.el.querySelector('[slot="custom-sidebar-header"]'),l=!!this.el.querySelector('[slot="floating-action-button"]')||!!this.ctaLabel,s=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),r=p("app-layout","app-layout--mobile-view-"+this.mobileView,"app-layout--nav-"+(this.isDesktop?this.navExpansionState:"expanded"),"app-layout--transitioning-from-"+this.transitioningFrom,"app-layout--transitioning-to-"+this.transitioningTo,"app-layout--transition-style-"+this.transitionStyle,"app-layout--sidebar-positioning-"+this.sidebarPositioning,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":o,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-banner":this.hasBottomBanner,"app-layout--has-bottom-bar":this.hasBottomBar,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":n,"app-layout--has-floating-action-button":l,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--prevent-content-overflow":this.preventContentOverflow,"app-layout--rounded-corners":this.roundedCorners,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"ead881277a155e115ebe4f6be56cbeee85dd8408"},i("section",{key:"5bc17130e3847963fcbbf98450c9eb2cc934db5b","aria-labelledby":"app-name",class:r},i("div",{key:"9d6ffbe9e8ca62cc8d1be901d41da95d05653936",class:"app-layout__grid"},i("header",{key:"b8da1969a2b9ad39886762cf1dc4afe3b0027e7c",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"84d904bfc1411a91f3095fad617dfb17c1307b34",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"a1b82a828e4ec51a9e6015426cf9ea3fc86b7fd1",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"e3c359650ce2f138a51b979868aa60a18d5e0bf2",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"1aa91b092058f60b05055d787f61cd35cb04e32b",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"ef0d16e6afbcdb638f1d2e3800e2793c743af1c6",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"9429c72b5d34efeb86239416590c0fadd389724a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"605fe675f9a4eced75c4f33f272793482086ad4b",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),s&&i("span",{key:"165a463783bd82331c99bb30eb9564d032ed4f52",class:"app-layout__navigation-controls"},i("slot",{key:"eb839a19964f70465570139fe56eb6450fcdbaa3",name:"navigation-controls"}))),i("nav",{key:"7183608b9b4ac5e13366da237f4439b0a0bdd2c1","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"de316daf0bdedd249f05249fca3a68146ad293fb",name:"navigation"})),i("section",{key:"876c052fefc7c238022519e4299f2d0e2655d939","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"6974d3eb909ea07eadee96744b7bbd17b3af4923",class:"app-layout__app-bar"},i("span",{key:"e03a998a4a7f402e5745d5ff62594287b94cbe7d",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"e79dd9bc40bfb32c598c3056bfad9b65db8e566f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"c29d0feecef2eceb40eee6a1bb4b2cd00a4d88df",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"bbd34db4e17a6fc4e617a10ca82a7748d0ff9873",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"3bfa9373facbcfad561bd4a13c102551ff9eea2d",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"f356a0915fe51b90dbbbc7e571f3a053d273c839",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"ec4a483ca7f2b1cbe1bb1baec59d825bb5bf34de",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"7a75144dca7d3f2947f3304059b213ed34c9fccb",name:"custom-app-bar-back-button"})),i("div",{key:"91a9316dff16169830a236fe564f4bb672a8f8dc",class:"app-layout__app-bar-content"},i("slot",{key:"9e716914f665e06f766be7ffc4d36a2aa8dc16d8",name:"app-bar"})),i("div",{key:"13fee72ac6a60b0dea5b17f8c2191c01e61ac9aa",class:"app-layout__app-bar-controls"},i("slot",{key:"aa87260f11d2fd9a7bec4ef8bbbc856a80205e67",name:"app-bar-controls"}))),i("div",{key:"93b5ee42206a0209873fa425f8ad2d9abff9329e",class:"app-layout__banner"},i("slot",{key:"744d17552abf2a8fe3daec33c20c3c7e35b79b37",name:"banner"})),i("div",{key:"4cefbb00696675a650c3db78764b682ad02a4a46",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("div",{key:"1be8cd073fe029f66ab5a05ac4c6e067e76bc4cc",class:"app-layout__content-inner"},i("slot",{key:"c9e1168dd0fb6d163a9075ef1608d952604d243a",name:"content"})),i("div",{key:"6968e87b6dbe665e866b3f478a057baf8754ebcd",class:"app-layout__bottom-banner"},i("slot",{key:"eb08f966b57af9c58e58ca9a3f7f7b5d7ef4caff",name:"bottom-banner"}))),i("div",{key:"88615eee9cb9f9b9a83cbcc84e09c31da30a34c6",class:"app-layout__bottom-bar"},i("slot",{key:"1ab96ca6bd2fad1dce641afa04be1989aa768aba",name:"bottom-bar"}))),i("aside",{key:"8027698ffd40319ceb4d9226cb5d17eedcb07f99",class:"app-layout__sidebar"},i("header",{key:"173cdf1294ca01a5904b36a2915bcef4355a5e10",class:"app-layout__custom-sidebar-header"},i("slot",{key:"1d95e3adb89e58c8deecff7b3117fccec0da82f2",name:"custom-sidebar-header"})),i("header",{key:"14b1db7a1fd69e3c2d2ee0121ed192d9fa838049",class:"app-layout__sidebar-header"},i("swirl-button",{key:"a3a5af8b61e3aa2a8ca6e3bcd2531f7f6cfb5c2c",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"703bcae42650587c7c0cf2593a28f48c3ee85fde",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"c9f44a945bdf0dd8fee0b04100c27751daee72c6",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"23d926e596db8d4f6d6c6757b22f0be25549f875",name:"sidebar"}))),i("span",{key:"4d2613d254b5495e6bc43264deede91b5b5b9dea",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"a0a4fc0f24a20358f80a30b032fd297decbf1e22",hideLabel:!!this.ctaIcon,icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"df28233ad76b912653430f85f0be9b85f14d27b5",name:"floating-action-button"})))))}get el(){return this}static get watchers(){return{mobileView:[{watchMobileView:0}]}}static get style(){return':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(               to right,               rgba(0, 0, 0, 0.05) 0,               rgba(0, 0, 0, 0) 80%,               rgba(0, 0, 0, 0) 100%             );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"       "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{position:static;z-index:auto;width:25rem;animation:none;box-shadow:none}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"           "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(40%, 25rem)}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--rounded-corners){border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"         "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"       "banner"       "content"       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block;padding-bottom:env(safe-area-inset-bottom, 0)}.app-layout--has-bottom-banner .app-layout__bottom-banner{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"       "content"       "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom):not(.app-layout--has-bottom-banner) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout--prevent-content-overflow .app-layout__content{overflow:hidden}.app-layout--prevent-content-overflow .app-layout__content-inner{max-height:100%}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;background-color:var(--s-background-default);grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"     "banner"     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;grid-area:content;display:flex;flex-direction:column}.app-layout__content-inner{flex-grow:1}.app-layout__sidebar{display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;grid-area:sidebar-content}.app-layout__bottom-banner{display:none;position:sticky;right:0;bottom:0;left:0;z-index:5}@media (min-width: 768px){.app-layout--rounded-corners .app-layout__grid{-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8)}.app-layout--rounded-corners .app-layout__header{border-right:none;border-radius:var(--s-border-radius-l) var(--s-border-radius-l) 0 0}.app-layout--rounded-corners .app-layout__navigation{border-right:none;border-radius:0 0 var(--s-border-radius-l) var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__body,.app-layout--rounded-corners .app-layout__sidebar{overflow:hidden;border-radius:var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__sidebar{border-left:none;box-shadow:-12px 0 32px -10px rgba(23, 23, 23, 0.12),         -8px 4px 12px -8px rgba(23, 23, 23, 0.08)}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(50%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}'}},[257,"swirl-app-layout",{appName:[1,"app-name"],backToNavigationViewButtonLabel:[1,"back-to-navigation-view-button-label"],collapsibleNavigation:[4,"collapsible-navigation"],ctaIcon:[1,"cta-icon"],ctaLabel:[1,"cta-label"],hasNavigation:[1028,"has-navigation"],hideAppBar:[4,"hide-app-bar"],initialMobileView:[1,"initial-mobile-view"],navigationBackButtonLabel:[1,"navigation-back-button-label"],navigationExpansionStateStorageKey:[1,"navigation-expansion-state-storage-key"],navigationToggleLabel:[1,"navigation-toggle-label"],navigationOverlayLabel:[1,"navigation-overlay-label"],navigationLabel:[1,"navigation-label"],preventContentOverflow:[4,"prevent-content-overflow"],roundedCorners:[4,"rounded-corners"],showNavigationBackButton:[4,"show-navigation-back-button"],sidebarPositioning:[1,"sidebar-positioning"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],sidebarHeading:[1,"sidebar-heading"],transitionStyle:[1,"transition-style"],contentScrollState:[32],hasBottomBanner:[32],hasBottomBar:[32],hasCustomAppBarBackButton:[32],hasSidebar:[32],isDesktop:[32],mobileView:[32],navScrollState:[32],navExpansionState:[32],sidebarActive:[32],sidebarClosing:[32],sidebarOpening:[32],sidebarScrollState:[32],transitioningFrom:[32],transitioningTo:[32],showSidebar:[64],hideSidebar:[64],toggleSidebar:[64],getCollapsibleNavigationState:[64],setCollapsibleNavigationState:[64],changeMobileView:[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{mobileView:[{watchMobileView:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["swirl-app-layout","swirl-button","swirl-heading"].forEach((a=>{switch(a){case"swirl-app-layout":customElements.get(n(a))||customElements.define(n(a),b);break;case"swirl-button":customElements.get(n(a))||y();break;case"swirl-heading":customElements.get(n(a))||u()}}))};export{m as SwirlAppLayout,g as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,createEvent as o,h as i,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as p}from"./index2.js";import{D as l}from"./media-query.service.js";import{d as s,i as r,p as d}from"./utils.js";import{d as y}from"./swirl-button2.js";import{d as u}from"./swirl-heading2.js";const b=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.ctaClick=o(this,"ctaClick",7),this.mobileViewChange=o(this,"mobileViewChange",7),this.navigationBackButtonClick=o(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=o(this,"navigationExpansionStateChange",7),this.sidebarToggle=o(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarPositioning="auto",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=s((()=>{this.updateContentScrollState()}),16),this.onNavScroll=s((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=s((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateBottomBarStatus(),this.updateBottomBannerStatus(),this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;this.sidebarOpeningTimeout&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=r()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;this.sidebarClosingTimeout&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=r()||d()?0:290;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!r()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const o=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),o?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateBottomBannerStatus(){this.hasBottomBanner=!!this.el.querySelector('[slot="bottom-banner"]')}updateBottomBarStatus(){this.hasBottomBar=!!this.el.querySelector('[slot="bottom-bar"]')}updateNavigationStatus(){this.hasNavigation=!!this.el.querySelector('[slot="navigation"]')}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=!!this.el.querySelector('[slot="custom-app-bar-back-button"]')}updateSidebarStatus(){this.hasSidebar=!!this.el.querySelector('[slot="sidebar"]')}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);a&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=!!this.el.querySelector('[slot="app-bar-controls"]'),o=!!this.el.querySelector('[slot="app-bar-mobile-menu-button"]'),n=!!this.el.querySelector('[slot="custom-sidebar-header"]'),l=!!this.el.querySelector('[slot="floating-action-button"]')||!!this.ctaLabel,s=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),r=p("app-layout","app-layout--mobile-view-"+this.mobileView,"app-layout--nav-"+(this.isDesktop?this.navExpansionState:"expanded"),"app-layout--transitioning-from-"+this.transitioningFrom,"app-layout--transitioning-to-"+this.transitioningTo,"app-layout--transition-style-"+this.transitionStyle,"app-layout--sidebar-positioning-"+this.sidebarPositioning,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":o,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-banner":this.hasBottomBanner,"app-layout--has-bottom-bar":this.hasBottomBar,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":n,"app-layout--has-floating-action-button":l,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--prevent-content-overflow":this.preventContentOverflow,"app-layout--rounded-corners":this.roundedCorners,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"ead881277a155e115ebe4f6be56cbeee85dd8408"},i("section",{key:"5bc17130e3847963fcbbf98450c9eb2cc934db5b","aria-labelledby":"app-name",class:r},i("div",{key:"9d6ffbe9e8ca62cc8d1be901d41da95d05653936",class:"app-layout__grid"},i("header",{key:"b8da1969a2b9ad39886762cf1dc4afe3b0027e7c",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"84d904bfc1411a91f3095fad617dfb17c1307b34",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"a1b82a828e4ec51a9e6015426cf9ea3fc86b7fd1",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"e3c359650ce2f138a51b979868aa60a18d5e0bf2",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"1aa91b092058f60b05055d787f61cd35cb04e32b",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"ef0d16e6afbcdb638f1d2e3800e2793c743af1c6",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"9429c72b5d34efeb86239416590c0fadd389724a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"605fe675f9a4eced75c4f33f272793482086ad4b",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),s&&i("span",{key:"165a463783bd82331c99bb30eb9564d032ed4f52",class:"app-layout__navigation-controls"},i("slot",{key:"eb839a19964f70465570139fe56eb6450fcdbaa3",name:"navigation-controls"}))),i("nav",{key:"7183608b9b4ac5e13366da237f4439b0a0bdd2c1","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"de316daf0bdedd249f05249fca3a68146ad293fb",name:"navigation"})),i("section",{key:"876c052fefc7c238022519e4299f2d0e2655d939","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"6974d3eb909ea07eadee96744b7bbd17b3af4923",class:"app-layout__app-bar"},i("span",{key:"e03a998a4a7f402e5745d5ff62594287b94cbe7d",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"e79dd9bc40bfb32c598c3056bfad9b65db8e566f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"c29d0feecef2eceb40eee6a1bb4b2cd00a4d88df",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"bbd34db4e17a6fc4e617a10ca82a7748d0ff9873",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"3bfa9373facbcfad561bd4a13c102551ff9eea2d",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"f356a0915fe51b90dbbbc7e571f3a053d273c839",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"ec4a483ca7f2b1cbe1bb1baec59d825bb5bf34de",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"7a75144dca7d3f2947f3304059b213ed34c9fccb",name:"custom-app-bar-back-button"})),i("div",{key:"91a9316dff16169830a236fe564f4bb672a8f8dc",class:"app-layout__app-bar-content"},i("slot",{key:"9e716914f665e06f766be7ffc4d36a2aa8dc16d8",name:"app-bar"})),i("div",{key:"13fee72ac6a60b0dea5b17f8c2191c01e61ac9aa",class:"app-layout__app-bar-controls"},i("slot",{key:"aa87260f11d2fd9a7bec4ef8bbbc856a80205e67",name:"app-bar-controls"}))),i("div",{key:"93b5ee42206a0209873fa425f8ad2d9abff9329e",class:"app-layout__banner"},i("slot",{key:"744d17552abf2a8fe3daec33c20c3c7e35b79b37",name:"banner"})),i("div",{key:"4cefbb00696675a650c3db78764b682ad02a4a46",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("div",{key:"1be8cd073fe029f66ab5a05ac4c6e067e76bc4cc",class:"app-layout__content-inner"},i("slot",{key:"c9e1168dd0fb6d163a9075ef1608d952604d243a",name:"content"})),i("div",{key:"6968e87b6dbe665e866b3f478a057baf8754ebcd",class:"app-layout__bottom-banner"},i("slot",{key:"eb08f966b57af9c58e58ca9a3f7f7b5d7ef4caff",name:"bottom-banner"}))),i("div",{key:"88615eee9cb9f9b9a83cbcc84e09c31da30a34c6",class:"app-layout__bottom-bar"},i("slot",{key:"1ab96ca6bd2fad1dce641afa04be1989aa768aba",name:"bottom-bar"}))),i("aside",{key:"8027698ffd40319ceb4d9226cb5d17eedcb07f99",class:"app-layout__sidebar"},i("header",{key:"173cdf1294ca01a5904b36a2915bcef4355a5e10",class:"app-layout__custom-sidebar-header"},i("slot",{key:"1d95e3adb89e58c8deecff7b3117fccec0da82f2",name:"custom-sidebar-header"})),i("header",{key:"14b1db7a1fd69e3c2d2ee0121ed192d9fa838049",class:"app-layout__sidebar-header"},i("swirl-button",{key:"a3a5af8b61e3aa2a8ca6e3bcd2531f7f6cfb5c2c",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"703bcae42650587c7c0cf2593a28f48c3ee85fde",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"c9f44a945bdf0dd8fee0b04100c27751daee72c6",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"23d926e596db8d4f6d6c6757b22f0be25549f875",name:"sidebar"}))),i("span",{key:"4d2613d254b5495e6bc43264deede91b5b5b9dea",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"a0a4fc0f24a20358f80a30b032fd297decbf1e22",hideLabel:!!this.ctaIcon,icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"df28233ad76b912653430f85f0be9b85f14d27b5",name:"floating-action-button"})))))}get el(){return this}static get watchers(){return{mobileView:[{watchMobileView:0}]}}static get style(){return':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(               to right,               rgba(0, 0, 0, 0.05) 0,               rgba(0, 0, 0, 0) 80%,               rgba(0, 0, 0, 0) 100%             );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation):not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"       "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{position:static;z-index:auto;width:25rem;animation:none;box-shadow:none;background-color:var(--s-background-default)}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"           "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--sidebar-positioning-overlay).app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"         "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(40%, 25rem)}.app-layout--has-navigation.app-layout--has-sidebar:not(.app-layout--rounded-corners){border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"         "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing:not(.app-layout--sidebar-positioning-overlay) .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"       "banner"       "content"       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block;padding-bottom:env(safe-area-inset-bottom, 0)}.app-layout--has-bottom-banner .app-layout__bottom-banner{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"       "content"       "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom):not(.app-layout--has-bottom-banner) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout--prevent-content-overflow .app-layout__content{overflow:hidden}.app-layout--prevent-content-overflow .app-layout__content-inner{max-height:100%}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;background-color:var(--s-background-default);grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"     "banner"     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;grid-area:content;display:flex;flex-direction:column}.app-layout__content-inner{flex-grow:1}.app-layout__sidebar{display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;grid-area:sidebar-content}.app-layout__bottom-banner{display:none;position:sticky;right:0;bottom:0;left:0;z-index:5}@media (min-width: 768px){.app-layout--rounded-corners .app-layout__grid{-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8)}.app-layout--rounded-corners .app-layout__header{border-right:none;border-radius:var(--s-border-radius-l) var(--s-border-radius-l) 0 0}.app-layout--rounded-corners .app-layout__navigation{border-right:none;border-radius:0 0 var(--s-border-radius-l) var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__body,.app-layout--rounded-corners .app-layout__sidebar{overflow:hidden;border-radius:var(--s-border-radius-l)}.app-layout--rounded-corners .app-layout__sidebar{border-left:none;box-shadow:-12px 0 32px -10px rgba(23, 23, 23, 0.12),         -8px 4px 12px -8px rgba(23, 23, 23, 0.08);background-color:var(--s-surface-overlay-default)}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}}@media (min-width: 768px){.app-layout--sidebar-positioning-overlay:not(.app-layout--has-navigation).app-layout--has-sidebar .app-layout__sidebar{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(50%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"           "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}'}},[257,"swirl-app-layout",{appName:[1,"app-name"],backToNavigationViewButtonLabel:[1,"back-to-navigation-view-button-label"],collapsibleNavigation:[4,"collapsible-navigation"],ctaIcon:[1,"cta-icon"],ctaLabel:[1,"cta-label"],hasNavigation:[1028,"has-navigation"],hideAppBar:[4,"hide-app-bar"],initialMobileView:[1,"initial-mobile-view"],navigationBackButtonLabel:[1,"navigation-back-button-label"],navigationExpansionStateStorageKey:[1,"navigation-expansion-state-storage-key"],navigationToggleLabel:[1,"navigation-toggle-label"],navigationOverlayLabel:[1,"navigation-overlay-label"],navigationLabel:[1,"navigation-label"],preventContentOverflow:[4,"prevent-content-overflow"],roundedCorners:[4,"rounded-corners"],showNavigationBackButton:[4,"show-navigation-back-button"],sidebarPositioning:[1,"sidebar-positioning"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],sidebarHeading:[1,"sidebar-heading"],transitionStyle:[1,"transition-style"],contentScrollState:[32],hasBottomBanner:[32],hasBottomBar:[32],hasCustomAppBarBackButton:[32],hasSidebar:[32],isDesktop:[32],mobileView:[32],navScrollState:[32],navExpansionState:[32],sidebarActive:[32],sidebarClosing:[32],sidebarOpening:[32],sidebarScrollState:[32],transitioningFrom:[32],transitioningTo:[32],showSidebar:[64],hideSidebar:[64],toggleSidebar:[64],getCollapsibleNavigationState:[64],setCollapsibleNavigationState:[64],changeMobileView:[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{mobileView:[{watchMobileView:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["swirl-app-layout","swirl-button","swirl-heading"].forEach((a=>{switch(a){case"swirl-app-layout":customElements.get(n(a))||customElements.define(n(a),b);break;case"swirl-button":customElements.get(n(a))||y();break;case"swirl-heading":customElements.get(n(a))||u()}}))};export{m as SwirlAppLayout,g 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 o}from"./swirl-icon-close2.js";import{d as p}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.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){if(!this.iconEl)return;const r=this.iconEl.children[0],c="s"===this.size?"16":i?"20":"24";r?.setAttribute("size",c)}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:"8441fd4d5bacd8af0852bf4cf15e6cfa4ca1442e"},s(i,{key:"191157afdfeaab3473c67ac6a83f86db2dfc6060","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:"d63ba61bb1dc4f4c324350aa37a70b5a049e5ea7",class:"chip__inner"},r&&s("span",{key:"4da4223573b8f735ef0bb303b91161ad92803964",class:"chip__avatar"},s("slot",{key:"5359c6b8704daf7e9a04b71f270d76bd1c4974c3",name:"avatar"})),c&&s("span",{key:"8f76d873765be71081b9cfffba885f7adc2858bf",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"1adc269a72b3c71101050eb549736ab00754fb85",class:"chip__label"},this.label)),void 0!==this.progress&&s("span",{key:"898d123f6aadb6a469d4fc46ea520e8c314643b2",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"9a5682df6cd28c497c4e1da7539f1e70916062e2",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"1176bebffc3ab6b04a2ca83db6999285a6342633","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"0dc3ed45a49f1f351316e9673ee4bb339cf555ad",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:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.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--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-state-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: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:hover+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{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:active+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{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--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__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"],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))||o();break;case"swirl-progress-indicator":customElements.get(a(i))||p()}}))};export{l as SwirlChip,d as defineCustomElement}
+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.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){if(!this.iconEl)return;const r=this.iconEl.children[0],c="s"===this.size?"16":i?"20":"24";r?.setAttribute("size",c)}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:"8441fd4d5bacd8af0852bf4cf15e6cfa4ca1442e"},s(i,{key:"191157afdfeaab3473c67ac6a83f86db2dfc6060","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:"d63ba61bb1dc4f4c324350aa37a70b5a049e5ea7",class:"chip__inner"},r&&s("span",{key:"4da4223573b8f735ef0bb303b91161ad92803964",class:"chip__avatar"},s("slot",{key:"5359c6b8704daf7e9a04b71f270d76bd1c4974c3",name:"avatar"})),c&&s("span",{key:"8f76d873765be71081b9cfffba885f7adc2858bf",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"1adc269a72b3c71101050eb549736ab00754fb85",class:"chip__label"},this.label)),void 0!==this.progress&&s("span",{key:"898d123f6aadb6a469d4fc46ea520e8c314643b2",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"9a5682df6cd28c497c4e1da7539f1e70916062e2",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"1176bebffc3ab6b04a2ca83db6999285a6342633","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"0dc3ed45a49f1f351316e9673ee4bb339cf555ad",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:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.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--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-state-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: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:hover+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{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:active+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{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__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"],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}

package/dist/components/swirl-emoji-clap.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"82b2eef62f607b251bfde697b77ca65e2593c045"},16===this.size&&i("img",{key:"8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"d24d8776e4342938d5ecd259e6e8dd98e832fcac",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"33260a367f4873fa3dd193b25a74ca67f72007a7",alt:this.label,class:e,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((e=>{"swirl-emoji-clap"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))};export{h as SwirlEmojiClap,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"82b2eef62f607b251bfde697b77ca65e2593c045"},12===this.size&&i("img",{key:"8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5",alt:this.label,class:e,height:"12",src:"emojis/Clap12.png",width:"12"}),16===this.size&&i("img",{key:"d24d8776e4342938d5ecd259e6e8dd98e832fcac",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"33260a367f4873fa3dd193b25a74ca67f72007a7",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"80a803469c527ee2a9f478dfe0e79ee762a98fdd",alt:this.label,class:e,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,d=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((e=>{"swirl-emoji-clap"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))};export{h as SwirlEmojiClap,d as defineCustomElement}

package/dist/components/swirl-emoji-happy.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c"},16===this.size&&i("img",{key:"2e63217f2ff389e3f0c1a519dbcd3606a841a7fa",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"3b9ed0726917c1f4dccb906f14955216eb3500bf",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"d6bd535cde6778d0c7d415e370e89e3c9bb8cfef",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"54fcec7c811a72587acb068274a54e8bf78cc2f6",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),n=h,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(c(e))||customElements.define(c(e),h))}))};export{n as SwirlEmojiHappy,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"b6ce3613d823b8ef086309e65ef47c433ad2a506"},12===this.size&&i("img",{key:"1f27d4920d4485c2d32444fc9e9198c44d5ed098",alt:this.label,class:e,height:"12",src:"emojis/Happy12.png",width:"12"}),16===this.size&&i("img",{key:"bb08f6ecc5ed936b967aad87960acd990f22a57c",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"4db438f7534285a6a9b36f457b6860f5ee5c9bf8",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"9f9d399ae59c083ee0e0f4fde2876305470e0fc8",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"86b6591f2514ad3ccd2cf14a779aae9b69002e47",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),p=h,d=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(c(e))||customElements.define(c(e),h))}))};export{p as SwirlEmojiHappy,d as defineCustomElement}

package/dist/components/swirl-emoji-idea.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return s(t,{key:"7339ed8799a4d7e9d3754a1bed2ed217dbdaa5ee"},16===this.size&&s("img",{key:"f7c1c2f3346123259f70a07cf8de094c9d360745",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"4a95f3758c56fb1390645b4f00ff2acfddff89b8",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"d7e0ea7be3acecc8c84a3e05cf10b4b7d37fb7bb",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"6faf10781efc1b6e374d046775b2835607392ac4",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),h=d,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(c(e))||customElements.define(c(e),d))}))};export{h as SwirlEmojiIdea,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}from"./index2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=c("emoji","emoji--size-"+this.size);return s(t,{key:"e2dbffa6014e4e0c63cc9a2daf17de8eda622156"},12===this.size&&s("img",{key:"b658cd56901ebaf56fb0111aa5e1d4be73260c60",alt:this.label,class:e,height:"12",src:"emojis/Idea12.png",width:"12"}),16===this.size&&s("img",{key:"fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"9a8457817455db4bced85a1276f23a026a12aaa7",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"65096936352a2fcb5a46f7b2e8936a93e543c793",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"dc9eeca1d9e10329c15243c475b2e236eb69cd9d",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),h=d,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as SwirlEmojiIdea,l as defineCustomElement}

package/dist/components/swirl-emoji-love.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=o("emoji","emoji--size-"+this.size);return i(t,{key:"09d0e75ba81401110070a6235e73b69a10cc9722"},16===this.size&&i("img",{key:"7fd2166277cef666b5adaea710f5c9efe0230f70",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"7b622b06b4b92567627fe648023b4cba2240d648",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"c07c2b69710291f219d33b0ea95181024115bc87",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"2ea22e12c46ee678027850729d116f02d790e4c3",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),h=l,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))};export{h as SwirlEmojiLove,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return i(t,{key:"8edd66ddf76238c4bd6283c90d6b3e03c6b94c64"},12===this.size&&i("img",{key:"4fba64b4e73a8166d17f52dadf1d3fd21cdd33c0",alt:this.label,class:e,height:"12",src:"emojis/Love12.png",width:"12"}),16===this.size&&i("img",{key:"0520a9179dcdb5f686c29cf14c4b58b62506c0b8",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"ad7503e5958921da0485e9a35200e7947381cbd8",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"eb999f262ef797f99c3e3e8d1f0e80873aedb6aa",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"d74be088a7d466c41d3e2903545a96146577ea05",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),h=o,a=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))};export{h as SwirlEmojiLove,a as defineCustomElement}

package/dist/components/swirl-emoji-sad.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return i(t,{key:"d4184217dc660a5bde784f83a375d47df94a81c3"},16===this.size&&i("img",{key:"ba414213f99c7d3331c723fa8e3583020fe30309",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"ce71cbdf62157abe508d8a63b186859ee0ac1b2e",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"4b47e8d58648f55d38b33d65b93b68ca9dabd64f",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"5d71971fb48193edfad601a135b7ef46e3489ef4",alt:this.label,class:e,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=c,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))};export{h as SwirlEmojiSad,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}from"./index2.js";const h=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=c("emoji","emoji--size-"+this.size);return i(t,{key:"bab9726fc523da78b7777ebec6ca423b70770bfc"},12===this.size&&i("img",{key:"c8364e31c0bf76022f2a1eb370b4d97910fd9c61",alt:this.label,class:s,height:"12",src:"emojis/Sad12.png",width:"12"}),16===this.size&&i("img",{key:"f86d89a9aa58646476a45637225418307ea41218",alt:this.label,class:s,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"de71a2c558060ad260b8e3d9f224c5f074900895",alt:this.label,class:s,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"3f503c3807069104a173faae5639a9604058ca01",alt:this.label,class:s,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"bed0d308c5e108cec2f1f4c3dba5c2ae236c83f8",alt:this.label,class:s,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),d=h,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((s=>{"swirl-emoji-sad"===s&&(customElements.get(a(s))||customElements.define(a(s),h))}))};export{d as SwirlEmojiSad,l as defineCustomElement}

package/dist/components/swirl-emoji-thumbs-up.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as c}from"@stencil/core/internal/client";import{c as h}from"./index2.js";const a=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=h("emoji","emoji--size-"+this.size);return t(i,{key:"25acd8397b840651178384f1583cfcebd86b92c6"},16===this.size&&t("img",{key:"5efe061a73babc48fb99a2bf6ac8f4803a5fd097",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"dab9823c4d4e5e2a674a142f703cc8afdac34b98",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"20aa8774e0a3db0bd0af2d11f2fd938d1e3ba7ef",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"2e1bf444b0277895e5862058026623fecbc5963d",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),m=a,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(c(s))||customElements.define(c(s),a))}))};export{m as SwirlEmojiThumbsUp,n as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,h as e,Fragment as i,transformTag as c}from"@stencil/core/internal/client";import{c as h}from"./index2.js";const m=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=h("emoji","emoji--size-"+this.size);return e(i,{key:"2dd62d87b8743d3df94cd8682bdff5113486d84e"},12===this.size&&e("img",{key:"b05b50df43c505010c1f2c7728033419f3425c10",alt:this.label,class:s,height:"12",src:"emojis/ThumbsUp12.png",width:"12"}),16===this.size&&e("img",{key:"4f0e5b24a89acfe6ff66fb8cda8969c94f306630",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&e("img",{key:"723101b53f097876b4981cc27a4dc64e0b35dc99",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&e("img",{key:"0461d69961d56b2a5465276653594c3a6c9a64ad",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&e("img",{key:"adea9ad53835445f0e6c95de324c1379573b3ae2",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),d=m,a=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(c(s))||customElements.define(c(s),m))}))};export{d as SwirlEmojiThumbsUp,a as defineCustomElement}

package/dist/components/swirl-emoji.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"209852dfda7f393517bc8578cbaaca8af6001b8e"},s("swirl-emoji-"+this.name,{key:"e32b5d1a648e72f51bd21fbad53070f79b27717a",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),r=l,o=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{r as SwirlEmoji,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"e080ea7151f1be83880dee47ec668dca692de9ea"},s("swirl-emoji-"+this.name,{key:"15a4ee6e7087af5fdeed4cfc8c230ea78f8fe0e5",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),r=l,c=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{r as SwirlEmoji,c as defineCustomElement}