genesys-spark-components 4.109.0 → 4.110.0

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-link/gux-rich-text-editor-action-link.js

@@ -0,0 +1,148 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h, Host } from "@stencil/core";
+import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
+import { trackComponent } from "../../../../../utils/tracking/usage";
+import { buildI18nForComponent } from "../../../../../i18n/index";
+import translationResources from "../i18n/en.json";
+import { afterNextRender } from "../../../../../utils/dom/after-next-render";
+export class GuxRichTextEditorActionLink {
+    constructor() {
+        this.disabled = false;
+        this.isOpen = false;
+    }
+    onClickOutside() {
+        this.isOpen = false;
+    }
+    handleKeydown(event) {
+        const composedPath = event.composedPath();
+        switch (event.key) {
+            case 'Escape':
+                this.isOpen = false;
+                this.actionButton.focus();
+                break;
+            case 'ArrowDown':
+            case 'Enter':
+                if (composedPath.includes(this.actionButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusTextToDisplayInputElement();
+                }
+                break;
+        }
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    emitLinkOptions() {
+        const linkOptions = {
+            textToDisplay: this.textToDisplayInputElement.value,
+            href: this.linkAddressInputElement.value
+        };
+        this.linkOptions.emit(linkOptions);
+        this.textToDisplayInputElement.value = null;
+        this.linkAddressInputElement.value = null;
+        this.isOpen = false;
+    }
+    togglePopover() {
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.focusTextToDisplayInputElement();
+        }
+        else {
+            this.actionButton.focus();
+        }
+    }
+    focusTextToDisplayInputElement() {
+        afterNextRender(() => {
+            this.textToDisplayInputElement.focus();
+        });
+    }
+    renderTooltip() {
+        if (!this.disabled) {
+            return (h("gux-tooltip", null, h("div", { slot: "content" }, this.i18n('link'))));
+        }
+    }
+    render() {
+        return (h(Host, { key: '166f87e1bb3c3565cb3dd4e05099a83cfa23f80a' }, h("gux-button-slot", { key: '15b8d3f16c91c7d601e3859cabc7fb71871f4533', accent: "ghost", "icon-only": true }, h("button", { key: '8349fa9d8d15f1f820035d1669ef60d10829022d', id: "popover-target", class: { 'gux-is-pressed': this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled, "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'c98e7654129a3160adbc03b9c08c4109122fff21', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: 'd9c70c9f4ad55ebb955751d349d9242b88a16ab1', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '156f243b70d8cf32e237ea751dd274cb7b764176', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '819c53504c6e99da78637c9a0cdebac0c19cccb2' }, h("input", { key: '7e11f6f5c0032c99cda31355b0b8b757dccbea47', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '3f66bb54612a3cac364a8f43025bcd7f095656f7', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '842113a08dbcc053ac64726c87fb5a2d89b259de' }, h("input", { key: '836db888c19706a4b14dc7d35eb55e902fcd45a5', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'aaf0d14cccb4b44bf1a7c32bad1302975244fc5b', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '8e3a45cb60f5b7d99504518ccc88f0d6a57e4d53', align: "end" }, h("gux-button", { key: 'a8893b5a2265d48e07eeb154d19b4ccebc6e7147', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '34855e70fa26628fd9f64420acb6b654bdbaf9ab', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+    }
+    static get is() { return "gux-rich-text-editor-action-link"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-rich-text-editor-action-link.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-rich-text-editor-action-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "linkOptions",
+                "name": "linkOptions",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ textToDisplay: string; href: string }",
+                    "resolved": "{ textToDisplay: string; href: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "root"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeydown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+__decorate([
+    OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxRichTextEditorActionLink.prototype, "onClickOutside", null);

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-rich-style/gux-rich-text-editor-action-rich-style.js

@@ -163,7 +163,7 @@ export class GuxRichTextEditorActionRichStyle {
                 : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') }))));
     }
     render() {
-        return (h("gux-popup", { key: 'ead5e0b9266ba91cb3d455621081794c3439cd4f', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'f08a0a259e66577c1d0efd652ef0ade412b54963', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-rich-style"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action-group/gux-rich-text-editor-action-group.js

@@ -12,7 +12,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '2422c0033a6a55bf6f24e13b17423a694055a3c1' }, h("div", { key: '55abdcfe3509f92b5fc7f59fd74c7231ba2092aa', class: "gux-action-group-container" }, h("slot", { key: 'a9012112cc1a1b3909be863466102ed6079131c6' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: 'ffe8dc89c851b4d23b95039a658ce5ac6d7c19f8' }, h("div", { key: 'bf21c1a4977b2635d7f04e30be05b110de52d1b6', class: "gux-action-group-container" }, h("slot", { key: '49e7caf93ceb05b11ddddf5a64696782e2d04577' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-style-list-item/gux-rich-style-list-item.js

@@ -28,7 +28,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '6dc607e4a0056690a26c91a6331de686902859c0', role: "listitem" }, h("button", { key: '0cdfdd84992f119f429daff01062ae3c07a8e49b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a9f637910c0a06ab2030e16bc3abfbc692391014' }))));
+        return (h(Host, { key: '4bd7d026d50812a706946d470dbb4e1ef9a6f7b8', role: "listitem" }, h("button", { key: 'ef5f0873f68c1645897c3ba0e616c018042c8561', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c0ec924cb8797c5d154e3337ce9ab3df7fcbdd16' }))));
     }
     static get is() { return "gux-rich-style-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-list.js

@@ -61,7 +61,7 @@ export class GuxRichTextEditorList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '61bed89946e7b346628a8dd15ac69c81dd5461d3', role: "list" }, this.renderFocusTarget(), h("slot", { key: '8db5456231fa27cc4792c06ab644d0361af38f3e', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '7157211c43c642991e48acb643a307180692b689', role: "list" }, this.renderFocusTarget(), h("slot", { key: '86a09fcf4cd759973b4c256356890800ecea5945', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'ce8ede9051231911b586257f541ae6ae1f499b9c', class: "gux-sr-only" }, h("slot", { key: '33f9ba5bdd85f33e249ac48d4d6a7fe9d8d7e39b' })));
+        return (h("span", { key: '45a49c75e52bbc4c7bcaf8870118fdaf50b48f25', class: "gux-sr-only" }, h("slot", { key: 'c1cc69187d4562bfde469ce092fb11bab7869c59' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -48,19 +48,19 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '2a9206eda1a4fbfc42ef3c81f126460092b67a56', class: {
+        return (h("div", { key: 'c8996164a4408dc94091f51e370ae642ee176f1b', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: 'b362ff0967b164a564fefeedb23886a76014b489', class: {
+            } }, h("button", { key: '732bb008028e2bd3eea43b72913aa449aab750ea', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '7113f8d8a800330fc6cbc1d6173247f53dbdaddb', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: 'c454e906a3c90f59adbfee0639b3493540021164', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'a1c4f88098ef9611c9c36bcb0ccdc903222c7556', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'be804d2c015dc75e438fecf5736e311678beee44', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -31,7 +31,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '607f885b5a78b63b8c8fda2c8d58bad988b792cc', role: "group" }, h("slot", { key: '23747d2307246856b1b85fad90b57b2876ccfb24', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '2526cd5365bf0134665fc26199079ef80654ffa0', role: "group" }, h("slot", { key: 'e9ab9cde7338bdb2a21fa473094025aa34b70231', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: 'a8b8ef0346f5ce4da260b0c539fc4cb67b9e48df', class: {
+        return (h("div", { key: '15bb201be48f8b5e0ea8130b8f571a342ec6e768', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'effffae5174fdaaa2a4e76fa5fb77d2c147ffad3', class: "gux-content" }, h("div", { key: '975b1baadd6fe6228ba043718ae849babe44af16', class: "gux-icon" }, h("slot", { key: '9067ce345a39dc8d7a98b80e173e535a1a75f224', name: "icon" })), h("div", { key: '5b75385861ce4aab688ce2a03d2ca7c583c4a2e2', class: "gux-label-container" }, h("slot", { key: '250af4340ac66396b5eb5e1e644971d368e8f936', name: "label" })), h("slot", { key: 'b48c03e8b28fdebc7edaa25f51a5544f75cca6c8', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'ee44e33a9b94c112161a1e44ea5d252d269082b6', class: "gux-content" }, h("div", { key: 'fcd3bc9d28281a9a4fa12dd0b3d0c12fa5441fa8', class: "gux-icon" }, h("slot", { key: '542a0ec6a7c218e36edab8d73fe7f1d45fec5b57', name: "icon" })), h("div", { key: 'c242c933b45b05bcdbd94c24ebb2200d4f6c0743', class: "gux-label-container" }, h("slot", { key: '873201da7e0ddeefc56bd2ea6d23e240d08473d7', name: "label" })), h("slot", { key: '953ef926caa01e09dd695232df7c49271aac855e', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '28d954d69949d8b6a5a0490d7aa2d46eeebd2cc6', class: "gux-selector-cards" }, h("slot", { key: '205af7961226792ac7ceecfcfa3101e02090b1c2' })));
+        return (h("div", { key: '5fa8e13dd7c5a6c681cd098d652d3804e74148ed', class: "gux-selector-cards" }, h("slot", { key: '7e7822a514bc74deb4335a779592cb380d51d7c1' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -46,7 +46,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'c992d49593c00ce7335f19954d13ab66338d315d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '7dfc2eeb59dbc0c45878805586319a58e88599a4', size: this.size }, h("div", { key: 'e7427a86193c56d0f1200df4cc48d7c326e7dd3e', slot: "heading", id: titleID }, h("slot", { key: 'af4c30fec90f887da6f834d3573126e0990645b8', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'b4296be7e5b393872c5d17db83d9cea3ae0f53c0', slot: "description" }, h("slot", { key: '5817ef5d3c7b0dbaafae7159ec5f8f38e8d682fb', name: "description" }))), h("div", { key: '716cdbaf3f5cf43b4b965a44aceecb69a050d41f', slot: "content" }, h("slot", { key: 'e22c441441f5ece23b3dde8548b4523382370aa9', name: "content" })), h("div", { key: 'f36f2f216e59539333f3026aeeb781742e333c8a', slot: "footer" }, h("slot", { key: '6811443efe597acf31b78e739c94be88e8ea3614', name: "footer" })))));
+        return (h("dialog", { key: 'a042d52c8c52e8b20433cd50eb16eb9ad1ca903a', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '443af3aa0cf374dff1ab2473f68b2b250d400e49', size: this.size }, h("div", { key: '7760524151fc29f97378790c663739b622fb4202', slot: "heading", id: titleID }, h("slot", { key: 'f179879278ca143a8aeec5b67c0b0b7b4e2aa039', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'e7a557c185cfb02635b85ba6f180739d7d7f0aba', slot: "description" }, h("slot", { key: '0abc48e56d6fbad1ceb6e82fdc0fdbec349ef543', name: "description" }))), h("div", { key: '84ffb0d9772db212974c5e64291bd665a8320334', slot: "content" }, h("slot", { key: '3ab18e6239389e79f7af652e20402530b7c7595b', name: "content" })), h("div", { key: 'aa9df45e4d3cd5fc05ac3fd2890f4073bfd200ce', slot: "footer" }, h("slot", { key: 'dad47d95365f2c00451bc95c23fcf55f2bca563d', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -13,7 +13,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: 'ed1f9f21620f8b0c97db279e1761d85ac98131ba' }, this.iconName && (h("gux-icon", { key: 'f5dab3c3008a99d9f4c4420cabe4544c902125db', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '959e8f86b385e067fb607b5b003fbc9c16a204fd' }, h("slot", { key: '3068e6c69dfb361b8d73f75ba65c1e73a1e65944' }))));
+        return (h(this.headingTag, { key: 'ff53c59d253918dfbcd0cce3753b685848219228' }, this.iconName && (h("gux-icon", { key: '8afa45c317bc351515410454d9df2521c0c4ed2d', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'a8fc9bcca8822d879120ba30ce5f10b3781293b8' }, h("slot", { key: '94b3a0995967f7cd135448f5d42ba53e4b9dd6a5' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -24,10 +24,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("div", { key: 'ceca7e10b604a619bb385e0619913bf1fa7b3b24', class: {
+        return (h("div", { key: 'af77c2638a4012bb9014eb781e4f1ddbeb470524', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'cb2c914299013c93bbada6751a39d1b6fdf9bf36' }, h("gux-dismiss-button", { key: '13615da20e162f08135cd13e71e9c5aadc9dd6ed', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '8ea7cfe36f4e612754a1f5e7e788b4c15a64b3fa', name: "heading" })), this.renderDescription(), h("div", { key: '6d94ca8ba56886026e8e32ac2062063849e60875', class: "gux-side-panel-content" }, h("slot", { key: 'ee16b473aae7cc512934a238d4e9109ac5f35d31', name: "content" })), h("footer", { key: '11b8cbe1e90b8d24065f438021d6af1a09590a3e' }, h("slot", { key: 'ce5f280c7c98176df5b9ef0c3dbebdd718fafbbf', name: "footer" }))));
+            } }, h("header", { key: 'bf503719a742bcbfdf413d5484b642bf94aa01da' }, h("gux-dismiss-button", { key: 'b2c863f556557fb9610506914704db7df3aa1aa4', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'fec67433e32f8a04d0967c01e428fc3cd685956f', name: "heading" })), this.renderDescription(), h("div", { key: '84a5ce20f69e6c72d6720b9d9f23e45f5319f9ed', class: "gux-side-panel-content" }, h("slot", { key: '385b27ec2ff15d5600bc6e3cfe5e8b3ba74bc3f0', name: "content" })), h("footer", { key: '6f68ecac5d92194128ac63cb25cfe9fea08417ef' }, h("slot", { key: '74cba793bd0ed40eb39033691c74b220852ba86f', name: "footer" }))));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'e6c779ece02ed376c4c4794804bbd4d015d20696' }, this.renderTime()));
+        return (h(Host, { key: '43c7c866135cbebace2970bbebe11b05441c3ee4' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '8d744864b32da1834546404860b5da5304b67ef8' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '5eafcc1916f6da3125bc00954fb3da7fc56b176a' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '8ee50f8dce21ffc958c2accb69c99ea7b9bf518e', class: {
+        return (h("gux-dropdown", { key: '33641a828f459deffb7975c9929945fe90aec792', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '858e8f406fc20a27fa608ba488dc13199858cf3c', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: 'b00d07842824650a0e067a6efc7398f10d6a839d', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -123,10 +123,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'f2b0ee3ae072b09d945a854bc21f3c429825afe5', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '2918c83579efdc7a5a9291c2e00bfd9ae46c1d74', class: {
+        return (h(Host, { key: 'ccd91353ad277bb3b4b96086b4cbe9e7ca8e9ed3', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '84b6c22e2c8a11cf713550fa673ebd6898297d34', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'f6b0cbae2da4b31f148fa4787fc23625420cb18f', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '3c20323b2eed951d4040722100405ad3d6c985f6', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '1efe3574ef51f34c970824dc523572779ff060c2', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '6cc3640d633cc015f7d54de48903bdba997aacab', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '356ef52cd1e79655c8a13139aebfc1a5c103f311', slot: "content" }, h("slot", { key: '5046704ad8c157c5f605eaf441c8b653fa6fa071', name: "content" }, h("slot", { key: 'ae8f1e7334a28c820487c1c377982642c5a6d745' }))))));
+        return (h(Host, { key: '08e49dbbbb3c16871d42e52ef97e5daeeb17cadc', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e11aeaa54f8ce949f3ea26c8d990c996f01ab99d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '1f7b298af19124e2f7036371bb289fff08e83ac5', slot: "content" }, h("slot", { key: '87fe210b8ad3f6655da9054e7ffd62c6d9b401ea', name: "content" }, h("slot", { key: 'cd4fb634e795dfaf0aa7a38514396493d185638f' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e93b08fa885b7a132c76e6d7fcbc47f24e0d1f5e' }, h("div", { key: 'c7d42d33e24f87c8e11f7b9546b4e941ddcdcd45', class: "gux-header" }, h("div", { key: '0a77deae50bbad97172bf063496a6400315f7f1e', class: "gux-icon" }, h("slot", { key: '6b970320a96b68e18d828506c9dbac40e1405c18', name: "icon" })), h("div", { key: 'a0c010d799cc8b3fd866736a9b9ee9fa12befb44', class: "gux-title" }, h("slot", { key: 'e38879da1a79890c4a4d12eb7571d5b656d57a4e', name: "title" }))), h("div", { key: '194f1b32b32f87ba06e97744deef293dd9b6c872', class: "gux-message" }, h("slot", { key: '3c06a40c28961bc1d1225365dd26bf90b105199c', name: "message" })), h("div", { key: '0121e78981eb75efcda9c81419bdfae06f72f5ca', class: "gux-action-buttons" }, h("div", { key: '571db7d4a6a718ce7954b8f7335a152ce4de6b12', class: "gux-positive-button" }, h("slot", { key: '0e0eabdfcdc8d31988df9d8a90594f6aaee5cd10', name: "positive-button" })), h("div", { key: '45ed079f00654934b6cbfe6122ca8aee116ea0f4', class: "gux-negative-button" }, h("slot", { key: 'dbe63a71c6a6367b57bb908934d18dbc60bfd779', name: "negative-button" })))));
+        return (h(Host, { key: '16c9cc58c496d07996b88b75124124cf4ad3c8e3' }, h("div", { key: '729211a7883e24826eb283de47b544a7fd9726ab', class: "gux-header" }, h("div", { key: '99ba7dc18707da73876d2a2b6058573197248c7c', class: "gux-icon" }, h("slot", { key: '324967fd8298060778b38098d741d7456df6ebde', name: "icon" })), h("div", { key: 'ee0fef0f4ae34a129b59987323ce784aeafa35c7', class: "gux-title" }, h("slot", { key: '3d9979ce64c6e95ef2c77b40e28337889db27f99', name: "title" }))), h("div", { key: '3e01f41428f38259a956da3f47efe65cc0ce973c', class: "gux-message" }, h("slot", { key: 'a69c103b51f9826c7cea71a106d4ec2c9c834d19', name: "message" })), h("div", { key: 'b7079ca3d1229733172caaaea98ff532630c27d3', class: "gux-action-buttons" }, h("div", { key: '53adbf1158a767836c3f82fc198b92f4acdc57f6', class: "gux-positive-button" }, h("slot", { key: 'a3e754c1df3cdbe58dbdbe12e53cde292e0e1e96', name: "positive-button" })), h("div", { key: 'dcfd5e5290fb5d3e314523c969f1aa28f09b45e3', class: "gux-negative-button" }, h("slot", { key: '2790d9a4794ecb7d65ea1543fe3b37aa11081d0f', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: 'f014654cde2859554494c85f46fdb72c89c49dfc', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '889ab6c9eb5920f4dd8cba42bf598374e79300c6', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'a82f4745b2c7c6550397aefad0d676af4087e14b', expanded: this.opened, disabled: this.disabled }, h("div", { key: '8f2b71aee845459a8541ae145f3bac1f280dc9a9', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'f6a5dbdf2757da4285c16f25c958a3edcc73a8af', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '8d158447cfb4141a01f67e310d5de98508643e3f', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'dbe8e669501e218a2ef0877787f3fccce1ff4cb9', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ccf527af0c74c776c4b5177c64612e6becd7156b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e0a76ae8e2d0a3d665c1a283384dac3340815587', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'c1a209774fcbfa39f4414fcaca11204203231376', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'ef1b1a7244fbdb2cdb64122db36a2b60f8b2e3a2', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3f54e6bcbba11672e64762a2f163b296a35e47a2', "label-position": "screenreader" }, h("label", { key: 'ea612ac67bdb3d7176ba1e57be7316a870f7adcb', slot: "label" }, this.i18n('searchAria')), h("input", { key: '594ad351217e46eead62a7dff475f6e37df4ebf3', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ee664d613ac151f1184ed0f196a4a935c94639a6', expanded: this.opened, disabled: this.disabled }, h("div", { key: '74ccf017080969f4fc5735e9324f61da6f47d5db', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'c413b625c4955edd99a7612f160e1368c3bc1c03', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'ca1cd3d5c8fd84d27b16956d0777ad32e28258d1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '53dca66bf1240bbd3b270d95a7654ac4b70df7bb', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '6e350da6793c01d2eddb15b45d92e30145b4b6cd', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a919112c2726de5495bd1c1026c743ff2243939f', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '98309cd1d77c14578bfa0ea6154c6a302f697502', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f244db5f7e0f6d7ea4bed6b993d2b012e3ee7021', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c9d5c36058c383126615de15701d7ab154fba219', "label-position": "screenreader" }, h("label", { key: '6f7f3f50d19e283321e9d8c6ed829e6584f452d3', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8d3b8cf735c2e77ecbac9c841947173c2df471d', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '078606d001dad7cd2c80c014088c054aabf9bbd6', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '60d6202d9c3505f6902c148d22c0ececfc66d7f7' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '993903a1d88b873595356b1d980e13e575d72b9c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a5a3e6e66c701193bbc7d9409c62e90bf0a3c643' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '121eb5004265d470d90959c35544124b08e37d86', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c71e8cc822865d788150d95468dfba7d2357ac89', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'd37c9c6544f531986ead7cb3cc50d964c6e97ff5', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f91f879967bf1c4207d4fe7a2aa3a3498a026138', id: this.panelId, class: {
+        return (h("div", { key: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '3ee8faa9f4f5cb02e2c724cab5e176d276b47d0b', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
+        return (h("div", { key: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '33d359780243876e2f51c3b02a3aaee55ee9c365' }, h("div", { key: '8cc8012cb88e54d1f52fd74659f269eabff6fb12', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66963e36d3e7b4d394c734b2b0bbbfbac4b5847f', name: "icon" })), h("div", { key: '24162748c68b78bdb1ee0f17ec2a58f5b533065d', class: "gux-content" }, h("gux-truncate", { key: '31a5876a10e4600e8fea903f7b08f12f59db3a5c', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'b0ff23b2b70fef69d2a42f644ac2f89feae366ed', name: "title" })), h("gux-truncate", { key: '55dacfe0f14df4832c799f96b0b67ef84c4e1259', class: "gux-message", "max-lines": 2 }, h("slot", { key: '61f893b6cd88585bb23f260ba0d8a8c6ecc6d581', name: "message" }))), h("gux-dismiss-button", { key: 'f50d78cb4f25d427cc5f824fd01a16e2e7dc0d0a', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '9f2bd9649f9dbf1adad5c2e5af2ae4cc517e7b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '784acf253d8110f96ce36216a7f3ed60769f5c26', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2139a1acc7bdc41b8f5506f50864e473f6ee5c52', accent: "ghost" }, h("button", { key: 'ac642652b7b15e214e51fdf25ff36156776640a2', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '5c2c571d8a39f434155ff71e0e3a22ceb2515116', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68aa9a87fcf3affd4a4b8111e543f8bf502dce56', accent: "ghost" }, h("button", { key: '841e0e44daffd0b28ae66df8d72f159334e4ebba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd71bc0104eedb84b08a993211f92e37cc45b354a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7aa70c174d4fd2746011887cacacfd8901c09511', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'be952617540e24a113b21152bc09a348dcc15b3a', accent: "ghost" }, h("button", { key: 'e328a6ae3f1bf760089efa72b8e37259b761c402', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '95289e49f374425aec8eb83b192df5df51c52d48', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a82ce1f47ba4b3f9e618dd8e8227b7d5236acd53', accent: "ghost" }, h("button", { key: '21952e434281d5a6c458f9b94217b5042331c4e4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b9d1beab1f81d6554fb331f2d0ebb31ae2552a37', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '186d0333cabb408b04b55af543ed8524521a8319', class: "gux-pagination-item-counts-container" }, h("span", { key: '2f7388cc5aa3f7430ce2176b1228917e2ea531f2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'ea59f281231bbb159e1c41e8d3bc0f191ed859be' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd7ac2f5b5d16d16051ddb415f5d0a8ee8198ce32', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b0ed2f2d4209b6ae9135a1889a30be358a51f21e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '489251a5f5ebb706944cc9dabdc2e6169a85fc56', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'd6c03ef698ab13d8f0dcbf044462aaf24c1e86d4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ba58e1096bb6dcc20f0fe24acb444e2ed936099b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '5c8ba4cb17c85bf335d86b41c51e0753317a0fca', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '2f948e0514aca2b83c360e201e9a3f5c6630ec53', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'd2c35f56284d8f75d4af89531b8a42209d59775a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e63ded3325eef567010e039d6707b46709049be0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
+        return (h(Host, { key: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'b11cf9247918cee3ee0e0e40ca73f6654de0c462', class: { 'gux-disabled': this.disabled } }, h("div", { key: '58912ea558af3b42583d904b1146b549058a2c19', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '23834f623990240fbde35d4216d0e4f3c26aab95', class: {
+        return (h("section", { key: 'be2099dcc3608f60dd8b4e6db68e048d544dbf2b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '047eff2d0b67c8259748089b2b9b1874c77bcb5a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '63630baa8d2f4eff2fe29328664f08c6ec8ac0ac', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '4640f4f7d87b98790d9225a6a092e37faa18ec2c', name: "icon" }), h("div", { key: '6336199e798d04e6032480c4cbceeccfa7f5bae0', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'dc646c6e2b316765a4f3fc1aa13d5d1840fc4150', name: "icon" }), h("div", { key: '83b7fdd7dbb859f3aa37ad9779aecd815dd7a820', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'b4afc9eb11656337febddfbb33d0f3249d295cde', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'cfde821a2db9018d0320991ee84e3323519db26c', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '275702816abef08f68d433b8364c9db6eefbf105', class: {
+            } }, h("slot", { key: 'ab6ae2506eb7f00cf1167ec74030861635b1b091', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c297a364a95dfa3af3ca953d4b5e66c2f8ad4aba', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e70506cf22060d89862a76c3c0802700898c072a', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '6b3669eebfaa9bbbca21aa2d31c54a9589c80f6f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f4d9aea80e2d376ea5928f2072f45978c0fb733', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '2f9e7ffc3c7e8e7795ed657ce5f9f4d2fb078fac', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '406f671e27bc979369ce9d1d6ff8f9e17c68c64f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'f959e9bb2daedddf3f92343e6c29708c2ef3cf83', name: "content" }))));
+            } }, h("slot", { key: 'bebe2c5d0cb3a1d85d7801956b9e151d880a7cac', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }