@getflip/swirl-components 0.395.0 → 0.397.0

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

@@ -8,6 +8,7 @@ import { DesktopMediaQuery } from "../../services/media-query.service";
  */
 export class SwirlButton {
     constructor() {
+        this.cursor = "pointer";
         this.iconPosition = "start";
         this.intent = "default";
         this.size = "m";
@@ -76,9 +77,13 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '49d43aafbfefa72d23f1fb0bec48dcb7333d0610', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'a7cf0739cf899b6736693ec45604bf06960f42be', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
-                ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: 'a48af7d78a53bb7efd90df4f8df886a7a8c59dc8', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'c3c70eab6feabaa93cf1599e662aa37706f52757', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '69a451895b40ee9decfd817e9f2d015c4a76dde6', name: "icon" }))), !hideLabel && h("span", { key: 'cd1669aeccd8cc518b252a48e95b7e8c978b2548', class: "button__label" }, this.label), hasTag && (h("span", { key: '40de97546408ff28cd03b4cfd6e216044ea89088', class: "button__tag" }, h("slot", { key: 'e69c28a98e3bdc1d6c8c6d5f6fef04330b9e64f7', name: "tag" }))), hasTrailingSlot && (h("div", { key: '6306ba16fbf752aa11c34a3aa3a190c8094d79fc', class: "button__trailing-slot" }, h("slot", { key: '4d17a8b0f819b95ae7a0908bff23648280a84dce', name: "trailing" }))))));
+        return (h(Host, { key: '1573a4e272a1b62d465a1e8b80277af1831f9857', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '89735f5fbfc754c86dfb33419838820137a2a559', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+                cursor: !this.disabled && this.cursor !== "pointer"
+                    ? this.cursor
+                    : undefined,
+                fontSize: this.inheritFontSize ? "inherit" : undefined,
+                lineHeight: this.inheritFontSize ? "inherit" : undefined,
+            } }, Boolean(this.icon) && (h("span", { key: '36d73a47b7cf5073a1cc55d38637735c1be55c35', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '4ab65105a67da14690e989d1e6e18c7b24fe1e14', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '6f67cbaba7cc556fec3fc4ac6ed6c44fa6912e7b', name: "icon" }))), !hideLabel && h("span", { key: '60e78db85d5932f88fa0d025d5ac67ef1afbac0b', class: "button__label" }, this.label), hasTag && (h("span", { key: '3178f0b6833fd1b0c4d8a392a1bfc7a841025b51', class: "button__tag" }, h("slot", { key: '0ddc0d9cf92d363825c2b9863da39c690382564a', name: "tag" }))), hasTrailingSlot && (h("div", { key: 'a0fab6b3cb5ad5f84c73755afeba7d18b64417b6', class: "button__trailing-slot" }, h("slot", { key: 'f7badc86eeb813254aa48733910d5ac477b972cc', name: "trailing" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }
@@ -94,14 +99,20 @@ export class SwirlButton {
     }
     static get properties() {
         return {
-            "elevated": {
-                "type": "boolean",
-                "attribute": "elevated",
+            "cursor": {
+                "type": "string",
+                "attribute": "cursor",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "SwirlButtonCursor",
+                    "resolved": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+                    "references": {
+                        "SwirlButtonCursor": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -111,7 +122,8 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"pointer\""
             },
             "disabled": {
                 "type": "boolean",
@@ -151,13 +163,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaControls": {
-                "type": "string",
-                "attribute": "swirl-aria-controls",
+            "elevated": {
+                "type": "boolean",
+                "attribute": "elevated",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -170,9 +182,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaCurrent": {
+            "form": {
                 "type": "string",
-                "attribute": "swirl-aria-current",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -189,13 +201,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaDescribedby": {
-                "type": "string",
-                "attribute": "swirl-aria-describedby",
+            "hideLabel": {
+                "type": "boolean",
+                "attribute": "hide-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -208,9 +220,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaExpanded": {
+            "href": {
                 "type": "string",
-                "attribute": "swirl-aria-expanded",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,9 +239,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaHaspopup": {
+            "icon": {
                 "type": "string",
-                "attribute": "swirl-aria-haspopup",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -246,33 +258,46 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaLabel": {
+            "iconPosition": {
                 "type": "string",
-                "attribute": "swirl-aria-label",
+                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "SwirlButtonIconPosition",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {
+                        "SwirlButtonIconPosition": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIconPosition"
+                        }
+                    }
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"start\""
             },
-            "form": {
+            "intent": {
                 "type": "string",
-                "attribute": "form",
+                "attribute": "intent",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "SwirlButtonIntent",
+                    "resolved": "\"critical\" | \"default\" | \"primary\" | \"strong\"",
+                    "references": {
+                        "SwirlButtonIntent": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIntent"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -282,11 +307,12 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"default\""
             },
-            "hideLabel": {
+            "inheritFontSize": {
                 "type": "boolean",
-                "attribute": "hide-label",
+                "attribute": "inherit-font-size",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,17 +329,17 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "href": {
+            "label": {
                 "type": "string",
-                "attribute": "href",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
-                "optional": true,
+                "required": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -322,9 +348,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "icon": {
+            "name": {
                 "type": "string",
-                "attribute": "icon",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -341,23 +367,61 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "iconPosition": {
+            "pill": {
+                "type": "boolean",
+                "attribute": "pill",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "pressed": {
+                "type": "boolean",
+                "attribute": "pressed",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
                 "type": "string",
-                "attribute": "icon-position",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonIconPosition",
-                    "resolved": "\"end\" | \"start\"",
+                    "original": "SwirlButtonSize",
+                    "resolved": "\"l\" | \"m\"",
                     "references": {
-                        "SwirlButtonIconPosition": {
+                        "SwirlButtonSize": {
                             "location": "local",
                             "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIconPosition"
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonSize"
                         }
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -365,22 +429,16 @@ export class SwirlButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "\"start\""
+                "defaultValue": "\"m\""
             },
-            "intent": {
+            "swirlAriaControls": {
                 "type": "string",
-                "attribute": "intent",
+                "attribute": "swirl-aria-controls",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonIntent",
-                    "resolved": "\"critical\" | \"default\" | \"primary\" | \"strong\"",
-                    "references": {
-                        "SwirlButtonIntent": {
-                            "location": "local",
-                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIntent"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
@@ -390,20 +448,19 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "\"default\""
+                "reflect": false
             },
-            "label": {
+            "swirlAriaCurrent": {
                 "type": "string",
-                "attribute": "label",
+                "attribute": "swirl-aria-current",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -412,9 +469,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "name": {
+            "swirlAriaDescribedby": {
                 "type": "string",
-                "attribute": "name",
+                "attribute": "swirl-aria-describedby",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -431,13 +488,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "pill": {
-                "type": "boolean",
-                "attribute": "pill",
+            "swirlAriaExpanded": {
+                "type": "string",
+                "attribute": "swirl-aria-expanded",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -450,13 +507,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "pressed": {
-                "type": "boolean",
-                "attribute": "pressed",
+            "swirlAriaHaspopup": {
+                "type": "string",
+                "attribute": "swirl-aria-haspopup",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -469,20 +526,14 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "size": {
+            "swirlAriaLabel": {
                 "type": "string",
-                "attribute": "size",
+                "attribute": "swirl-aria-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonSize",
-                    "resolved": "\"l\" | \"m\"",
-                    "references": {
-                        "SwirlButtonSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonSize"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
@@ -492,8 +543,7 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "\"m\""
+                "reflect": false
             },
             "target": {
                 "type": "string",
@@ -610,25 +660,6 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "\"ghost\""
-            },
-            "inheritFontSize": {
-                "type": "boolean",
-                "attribute": "inherit-font-size",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
             }
         };
     }

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

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

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '5e6db39b5c84b34e154cae8e564ab73a407a1d7c' }, h("div", { key: '8eb73dd3f68bb8303969b77471f730b7271dba92', class: className }, h("input", { key: '5af4c98339a682eae0426df37cfbcfc217eb31e2', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: '40bda2c628b4ac88e245a154d1e5468bb0696f2b', swirlPopover: this.pickerId }, h("button", { key: 'cb93e8d96865e6c6163ff525f501c34e2f0bda97', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'c0c04b9abf5c2e340a0ac5d1624e2ae7e527e7dd' }, h("div", { key: '95f5ec8e01a73489acb00a4a604fd0d796be0e14', class: className }, h("input", { key: 'd88ff31c8fa3c8d9708cf7ceb4abf49454f7d0d6', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: '492291366d2914f168cb76dc253477757bbf9b3d', swirlPopover: this.pickerId }, h("button", { key: '602763bcc593e31260a9f3d6eeafb39aec13b70d', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '9985d37e25e0d4f41896f465950e622dbcf72306', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7a262eb1c3b52155999b75927064fa9fdd05eb9e', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '1d5b911a77861bdf62365bfe067decf3f7208620', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '1be04659f6b485c2704244f25317c227d6447f11', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '35bbd11b6dbedd0202f13d65b5b753ac152af11c', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'bbd5c1d1e5f33a859ee9f52eaa33d38e4ef1a541', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -157,11 +157,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'c4bb7622b2ee0433c6b8a7434541fce75d51d205' }, h("div", { key: '6ccd864b94b8d063a0a472049db005a305c70b35', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'f27d75e8d97d973bd5032d0b73bd941adbfb913c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b836befbeb50c0f02ab0c4293fee3ba788f638b7', class: "console-layout__header" }, h("div", { key: 'fe16e41151db1724fd0335d728fdff815eb5d4d2', class: "console-layout__logo" }, h("svg", { key: 'dd266eee0191f2e6b9d8cd1e351e648045ed8459', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3009ef5009ff330ea326fb4249dbfaa33b42fef5', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '09a619121e8c6bfcfb6ff9a1263f6e4419e39f92', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '90260371a237963da4d8556c10763fab72d8f073', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '094f85b803d5d686b000864438b57708f4adfeb4', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '35f7c35dd5d82fa78880c2dba3284ca5f737e63e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '2abdab3d376707ff1f76cf5c7f5a6141a1b31484', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '77e74beba65b40a059fd3053e787c78549947ff0', name: "navigation" })), h("div", { key: '745ce9dc8437a5e5fbf0edd213d55a159735822e', class: "console-layout__user" }, h("slot", { key: '7517b73a92eb269ebc9e8022c3a0e611a59d3a1f', name: "user" }))), h("main", { key: '6a4d089363ec5b057f2695959fc36c40d2f113ed', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'd414031567e62d5069e38e522a28a448ff5d23a9', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'eea42dfb73960c9f1252f25dad8617b1a27c5e2e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'dfcd6b43dd8fc6067ee2637fac4bf0c685c56ff8', class: "console-layout__app-bar" }, h("span", { key: 'ff7f569f5452804495d765cca986aa4485cda40a', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '80df2d27793a191a2388999d39f33bb4174a3203', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'e0982ef1c6673239076b6fb2e4109955f9140c6d' }, h("div", { key: '3a9d17422c619bfb4bbe042c2bc85300b7f94e04', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '39807c1440bcee82e102368950d17a40047ed00e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f1c424be5583f77202f193b618fafc7dca5136a4', class: "console-layout__header" }, h("div", { key: 'd6437c395526b5fa2035f336f1a113c293ddc569', class: "console-layout__logo" }, h("svg", { key: '610f516b9d2832490e7ad50a44288d0edf528f99', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e1c57d16932e450b94ccaa104040239a061f0126', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '66f909682ccfd611bd51306b716199e66aad720c', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '7290322fd33d8368d31bd8756aebcccb6f232cd1', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'c96ceba1401831d510f5c3d9cc1db56ea770a493', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'a947fa87292668aec8e4c09b124934a761db5830', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'b23e35155922e38fab0c128684f369b425fde2fa', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7e158bdb7f169d313eb433ee29841730ec234e3b', name: "navigation" })), h("div", { key: 'd631c5d647fc86091ac0357d0849115bda794a7f', class: "console-layout__user" }, h("slot", { key: '1e3205d895e83cda1a31156a9c24d5f41902fca1', name: "user" }))), h("main", { key: 'a4d77c27a16e3416e22abd559840b53923263f55', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'a6f93541bbbe596fa15fb7582d40345ea1982e93', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'ec570123c2412699c95be7a140339c8a70125768', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '60f3add9684a0acb0b8f9ab3c1921b6ad50b4185', class: "console-layout__app-bar" }, h("span", { key: 'd82ce859d12bc45cc5cfa0b5bf28073f1172fc9b', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '64f7ce37f09a9927af3edcd770401ef0030b3299', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '8095d171d112679d7b4d77db9465903f6ecd573d', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '04e064d24ea9e3112a4e340e432860e356334a01', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ccbaf6207aa2b59f49cbdb878764845f070bfb0e', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'b9334768a643e11595864c865b2201ae182f5ef8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'ac328fa9ee617ef81e006b38b76157420305ce12', class: "console-layout__content-container" }, h("header", { key: '5919b55a84ffc2d0ae3d69519990142abde6cc53', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'b3c40e32cb775b0f1d5eb1aade71f8246ca975ba', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: 'adac825237e638e008fce447209da88e7392dcad', class: "console-layout__heading-container" }, h("swirl-heading", { key: '95ace528862aad32412b358e4bc985949c79116a', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '3153b246314c1072ee38934cf2f3078643bb1892', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'c34fff5a6aca636957600ab3a2306513b561b31d', class: "console-layout__heading-container" }, h("slot", { key: 'c1be68cf75fad5b7b8bb3edc3df4dc2e82acf357', name: "heading" }))), h("div", { key: '6cfc7a39891476a5cfca2adacfd2bdde6b04995c', class: "console-layout__content-header-tools" }, h("slot", { key: 'bffc2509bd5c29a7a25965e0b2406ffa08f76543', name: "content-header-tools" }))), h("div", { key: '2d238f23b909d7b0ec4aa50a3d469949974ed862', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '40d67b287bc87040fbd727812360c2b9a11f0b56', name: "content" })))), h("footer", { key: '6e3df2f6b5018eac04571d2d631c0dad5ee47a3a', class: "console-layout__footer" }, h("slot", { key: '23c69311f05921b1ab12d5a34a74fbfffa022959', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '3017d0aae5c4e781d8baf3507097038cc312b04a', class: "console-layout__overlays" }, h("slot", { key: '6373ad5c068a412ed8d35c5fa08a4311d1d25348', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '71e7bcc36b5dd43fa94b18a648d376e759eb15a2', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '86b797e518d80dd3f82e2e0a1e84b62a0eeaa875', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'afcb6141d50f5843e005d9dcc7f366dfd49dc697', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'b01b9c1dab5ab7fff6d26ff4088ea95f5146be12', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '3e5ace98ae2149bde88e8199c2b637fea5711173', class: "console-layout__content-container" }, h("header", { key: 'c5fff9f08469ec07d8a8b2b30cb3b91a4f25be35', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '5c36e749b8ee9e71c565cd4bf7bd536a076552a3', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '19ebe1bd6bb70488496ce02063247116aa61d1c2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '3e84682353d4d0a0f48fe8fd906693bb780f9fa7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '7ebb00dde91b7a7f8f5d81ae5d73660627576567', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd879930e38a9f6e6859d25627604cd15e049c13c', class: "console-layout__heading-container" }, h("slot", { key: '31b93da5f6ea162f56f65e8b3587e9571423c390', name: "heading" }))), h("div", { key: '14bfe6ad96716382fe52bdf8d30277869c84616d', class: "console-layout__content-header-tools" }, h("slot", { key: '3958ab7d885910523df02871fdff5316b41a183b', name: "content-header-tools" }))), h("div", { key: '5c3cc7b8ba6f7f1170419958b925aaff943c69b0', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '2c1e15c7cea9f3a45ce18558ee19cc8d30bc91f6', name: "content" })))), h("footer", { key: '1bb168120b31a7e8ac0ff0372e1151856647089a', class: "console-layout__footer" }, h("slot", { key: '024140ae1f3e7d7db554711903983ec28dfb7236', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '1ad90c5d989a59a9639d09ab599d6d77a310569e', class: "console-layout__overlays" }, h("slot", { key: 'd9f8462bb8098099a2d18f7713b9e62e6be7057b', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -208,7 +208,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'e0a4bdff9dd8957136d37b38e6af5eaa01273c9a' }, h("div", { key: 'ec413420a3f131b0866006ff963f783226535553', class: className }, h("input", { key: '78671ab0259efa1d1a426c5b7e74eefb4ddd1160', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '9fb47a213e384aa59acbc5f9bfa2426a7e897ad2', swirlPopover: `popover-${this.id}` }, h("button", { key: '4ea1ca88dbfa26a5336493092e0a9321fa7becbf', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '4d73f7ad24c1ae5a7239cc0f3378e4256c461510', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '7ddf115fc002e6a40de46e54de64480a0087a460', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: 'bc46b2425b061f168ed3259eb79e8cacbf119c53', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '25b83b05dab36c56e17c1f6dcf45e705f66c1df8' }, h("div", { key: '90a6be1d15745839c0965d07b0d35b49d62f7d3e', class: className }, h("input", { key: 'af5c2d16783c14fe885caa4b25e99f802862a650', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '2dea9fed0f17648c96de50cf4fadc797cc99aebe', swirlPopover: `popover-${this.id}` }, h("button", { key: '032997153ab427ce0ee11eec6ff504a090dd3bf5', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'fbe7af7d43f80712e0dc4fe27fee5c0f6af59d6e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'f5df6b8977b7d93d9a924314da667442ee533a64', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: 'b564afaa8af674be0619050c1d4bc9d4204e7fb3', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class SwirlDatePicker {
         const className = classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: 'e145f0d045e57030972a66d0dedd4d781002e54c', onClick: this.onClick }, h("wc-datepicker", { key: 'cfe91612357f636ba8a49278f7e3c6770b8d7269', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '963136e6c0e2fda0f45e8a78f7c210a88bca43c2', onClick: this.onClick }, h("wc-datepicker", { key: 'cbf14036c3aacccbde753e850a7caaeacf8c8cb0', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: 'e694dac352c50a28b0f35dda8d4e067c9399eb17' }, h("div", { key: '9d64ffc820e098f492297af7745c9b36af5da0dd', class: "description-list", role: "list" }, h("slot", { key: 'd5573abce8e07e5240bf060c1058fed54059e5ff' }))));
+        return (h(Host, { key: '5d6336158f62af9d2dad55d22389a881e9f69966' }, h("div", { key: '1595a0fd5d3d53ae64f6689594e81a0df8014476', class: "description-list", role: "list" }, h("slot", { key: '7ca4a4d380fca7da8286262ef7f64bead5ea387c' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '8014ee8d849b95bab7ae1cc682a3d0bbe3e074e0', role: "listitem" }, h("div", { key: '6b202c77e7012ec0aca3a9b980e75480c1109065', class: className, part: "description-list-item", role: "group" }, h("div", { key: '242cfe61b946a5322b4c1ab23beb02d6dd5c3bad', class: "description-list-item__inner" }, h("div", { key: '9b76595e162cdb97f3308490af5ab0644078fd1c', class: "description-list-item__text-container" }, h("div", { key: '02db73c687ef62d819842254e2dbe8bbf8fdd69b', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '0b4837ec0bf37b8fe75cbe3242ed3a83fd8ff1bd', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'f1e6c484c32f3df6d8e6dfab19ab4ad313273ff1', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '2f3cbe85180a75972dbab80daec81c708425fd7d', size: 16, tabIndex: 0 }))))), h("div", { key: 'bdcb6c648ff3370248c4b345e8939182c8b2f6e4', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '656381c9109ae0436572945c1c48d80c483c1ea9' }))), h("div", { key: '7100d26dc8930335b1c425fc7591dcfd4ead42d4', class: "description-list-item__tools" }, h("slot", { key: '24b18f9b9543677fd051f58c8a755ec914d30495', name: "tools" }))), h("div", { key: '36ee7c5b466de605604c17ee189797f67c12451f', class: "description-list-item__additional-content" }, h("slot", { key: 'aa50290a8b8e1870308df632c88003b32d144f89', name: "additional-content" })))));
+        return (h(Host, { key: 'f4dbf9248a0853955b08461f651f8d5a71b1c8db', role: "listitem" }, h("div", { key: 'd4b0ef1a72bd6cdc80e69965e574a18d8ce226c5', class: className, part: "description-list-item", role: "group" }, h("div", { key: '7a0bd28bfeef5ec163f0b7e1fbe24f8732b5e6d7', class: "description-list-item__inner" }, h("div", { key: '16d0f2048b5d2c6629ae5099975ecb29ae8ff892', class: "description-list-item__text-container" }, h("div", { key: '1729fb70b17b2e16ac4d0f5fc3cbc07f34d03886', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'd1e65b7ee1474deda5ed9a52e8ada7f401a4a880', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'ef1e02aa208f1f5fe5ad5d7c08e4188a5547a2b9', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e50279cb728b6756ac1d6bcf479f821baa2f4650', size: 16, tabIndex: 0 }))))), h("div", { key: 'c17ed4ccf126db10f8da5f5e709e6f9c1c88af83', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c739349895efe238d6c0bbf64fbbaf71607c8fae' }))), h("div", { key: '2dec505602de8974dc19d9d7f5de634614da9e29', class: "description-list-item__tools" }, h("slot", { key: '219e9c0ab60124c888f67848efe110bd13094169', name: "tools" }))), h("div", { key: 'a2d0c32bfa015b2491e738dbb3524f4c49f1b130', class: "description-list-item__additional-content" }, h("slot", { key: 'fbf6316e1e17089626931efc4c62aaf7aebef95f', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }