genesys-spark-components 4.65.2 → 4.67.0

package/dist/collection/components/beta/gux-icon-tooltip/tests/gux-icon-tooltip.e2e.js

@@ -0,0 +1,17 @@
+import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
+describe('gux-icon-tooltip-beta', () => {
+    describe('#render', () => {
+        it(`should render component as expected`, async () => {
+            const html = `
+          <gux-icon-tooltip-beta icon-name="fa/bell-regular">
+            <span slot="content">This is some tooltip text</span>
+          </gux-icon-tooltip-beta>
+        `;
+            const page = await newSparkE2EPage({ html });
+            const element = await page.find('gux-icon-tooltip-beta');
+            await element.hover();
+            await a11yCheck(page);
+            expect(element.outerHTML).toMatchSnapshot();
+        });
+    });
+});

package/dist/collection/components/beta/gux-icon-tooltip/tests/gux-icon-tooltip.spec.js

@@ -0,0 +1,19 @@
+import { newSpecPage } from "../../../../test/specTestUtils";
+import { GuxIconTooltip } from "../gux-icon-tooltip";
+const components = [GuxIconTooltip];
+const language = 'en';
+describe('gux-icon-tooltip-beta', () => {
+    describe('#render', () => {
+        [
+            '<gux-icon-tooltip-beta></gux-icon-tooltip-beta>',
+            '<gux-icon-tooltip-beta><span slot="content">This is some tooltip text</span></gux-icon-tooltip-beta>',
+            '<gux-icon-tooltip-beta icon-name="fa/bell-regular"></gux-icon-tooltip-beta>',
+            '<gux-icon-tooltip-beta icon-name="fa/bell-regular"><span slot="content">This is some tooltip text</span></gux-icon-tooltip-beta>'
+        ].forEach((html, index) => {
+            it(`should render component as expected (${index + 1})`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.root).toMatchSnapshot();
+            });
+        });
+    });
+});

package/dist/collection/components/beta/gux-label-info/gux-label-info.css

@@ -0,0 +1,15 @@
+.gux-label-info {
+  width: fit-content;
+  padding: 0;
+  line-height: 0;
+  background-color: transparent;
+  border: none;
+  border-radius: var(--gse-ui-formControl-label-tooltipTrigger-borderRadius);
+}
+.gux-label-info gux-tooltip {
+  padding-inline-start: 0;
+}
+.gux-label-info gux-icon {
+  color: var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);
+  vertical-align: bottom;
+}

package/dist/collection/components/beta/gux-label-info/gux-label-info.js

@@ -0,0 +1,138 @@
+import { h } from "@stencil/core";
+import { trackComponent } from "../../../utils/tracking/usage";
+import { getSlotTextContent } from "../../../utils/dom/get-slot-text-content";
+/**
+ * @slot content - Required slot for tooltip and screenreader content
+ */
+export class GuxLabelInfo {
+    constructor() {
+        this.variant = 'info';
+        this.placement = 'right';
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.variant });
+    }
+    getVariantIcon(variant) {
+        return variant === 'question'
+            ? 'fa/circle-question-regular'
+            : 'fa/circle-info-regular';
+    }
+    /*
+     * Show tooltip
+     */
+    async showTooltip() {
+        return await this.tooltipElement.showTooltip();
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.tooltipElement.hideTooltip();
+    }
+    render() {
+        return (h("div", { key: 'f56fdc67d5b30e7c016c639866ae6d5f40ec471d', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'ded370a046fb9d44e8f52b33ba01fcc6d4d87eda' }, h("slot", { key: '2c6f1f2169b4c2ef33d44775f528bad18b0ee56f', name: "content" })), h("gux-icon", { key: 'c9a6804917af87db6b31e176bb959f4069c3cc8b', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '02ad7525239d5b8d3f8586e51e09ff1fcc9c4afd', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("div", { key: 'e05d2217932b1f9bb1472a19225808a0cabe0b5b', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+    }
+    static get is() { return "gux-label-info-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-label-info.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-label-info.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxLabelInfoVariant",
+                    "resolved": "\"info\" | \"question\"",
+                    "references": {
+                        "GuxLabelInfoVariant": {
+                            "location": "import",
+                            "path": "./gux-label-info.types",
+                            "id": "src/components/beta/gux-label-info/gux-label-info.types.ts::GuxLabelInfoVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'info'"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "Placement",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "@floating-ui/dom",
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "placement",
+                "reflect": false,
+                "defaultValue": "'right'"
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "showTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "hideTooltip": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

package/dist/collection/components/beta/gux-label-info/gux-label-info.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/beta/gux-label-info/tests/gux-label-info.e2e.js

@@ -0,0 +1,17 @@
+import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
+describe('gux-label-info-beta', () => {
+    describe('#render', () => {
+        it(`should render component as expected`, async () => {
+            const html = `
+        <gux-label-info-beta>
+          <span slot="content">This is an information tooltip</span>
+        </gux-label-info-beta>
+        `;
+            const page = await newSparkE2EPage({ html });
+            const element = await page.find('gux-label-info-beta');
+            await element.hover();
+            await a11yCheck(page);
+            expect(element.outerHTML).toMatchSnapshot();
+        });
+    });
+});

package/dist/collection/components/beta/gux-label-info/tests/gux-label-info.spec.js

@@ -0,0 +1,20 @@
+import { newSpecPage } from "../../../../test/specTestUtils";
+import { GuxLabelInfo } from "../gux-label-info";
+const components = [GuxLabelInfo];
+const language = 'en';
+describe('gux-label-info-beta', () => {
+    describe('#render', () => {
+        [
+            '<gux-label-info-beta></gux-label-info-beta>',
+            '<gux-label-info-beta variant="question"><span slot="content">This is some tooltip text</span></gux-label-info-beta>',
+            '<gux-label-info-beta variant="info"></gux-label-info-beta>',
+            '<gux-label-info-beta><span slot="content">This is some tooltip text</span></gux-label-info-beta>',
+            '<gux-label-info-beta variant="invalid-variant"><span slot="content">This is an information tooltip</span></gux-label-info-beta>'
+        ].forEach((html, index) => {
+            it(`should render component as expected (${index + 1})`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.root).toMatchSnapshot();
+            });
+        });
+    });
+});

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -128,7 +128,7 @@ export class GuxMonthCalendar {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: '7779da6a0844737396b0275636f38d2cea6e49e4', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: '387aadfc1d099c08f72a36b417dc0db683e38b29', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get is() { return "gux-month-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.js

@@ -20,7 +20,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'e9c6b86867d88fa44b26d36a97d4d25d4dc7cf2d', role: "listitem", value: this.value }, h("div", { key: '520ca63e02ee81721a24b4ae36c62a5deec3e9d4', class: "gux-container" }, h("button", { key: '0dd40d84e2390042a04d3b72d64ee611f7c8efef', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '47a91af6a384fcac1e45e1b5fa65379f596eac1a' })))));
+        return (h(Host, { key: '20264b60771afe08d5639262ac2d79b75cd105d0', role: "listitem", value: this.value }, h("div", { key: '78e37c338c9057276be144db17138fa9e049b0ad', class: "gux-container" }, h("button", { key: '45ac3509d341a2b649e92a00e685e3b56a8f0610', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c6e7143b18d0ec51d171f99c24e9cd6c87929fc5' })))));
     }
     static get is() { return "gux-month-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.js

@@ -38,7 +38,7 @@ export class GuxMonthList {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '98c8984c53ebbc2b5cc5c51420565e4559abff78', role: "list" }, h("slot", { key: '5abeb539983936671adbd78b4876aa06e30cfc1b' })));
+        return (h(Host, { key: 'f583b2aa07f86a63396a76a4b21e77a22a1fbc9d', role: "list" }, h("slot", { key: '2d5f9e86f85332b8e1f6107f2fe29dc02e765840' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -194,7 +194,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '0cec690f0cf6289c761678fe22bea1ee16de27d6', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '8b81b04549dcaee143f159327745e7eab0008f91', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -342,7 +342,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: 'd757a933268055f0d21c970964bc4f95b136bec5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '59b03638af1cf17ea4ca3f39da446242b2e91fcd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     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: 'a1984ab57adde238791ceedbf7b53924268dd044', class: "gux-sr-only" }, h("slot", { key: '7aa8337a58af16c329b365b9acfcbdb2735005dc' })));
+        return (h("span", { key: '22e14d7bc908e91d683586319c21935d1062d4a0', class: "gux-sr-only" }, h("slot", { key: 'd287096bf0d0c6b686ca7f4a3aff8d183668cd73' })));
     }
     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

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '0566c417db56e075b7515a3102f24f852d30d689', class: {
+        return (h("div", { key: '203dd1bba9f383c4081176a17cf2b0b42dc9bad7', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
+            } }, h("button", { key: '2836a544324a0606be01a36e19bfb67c3939bb52', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '90abc8d1be2947227a565a243f903423d694f906', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '3419f2a12c570f02412473e8cf8a8000fbb5acec', 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

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'bdd4c0d659f1008fa65ee9d2988a9c542b647987', role: "group" }, h("slot", { key: 'b4a966abae830574f615e90366b8357e2dbaab06', 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: '4341262b9567224c6278912198bfbe8ea5ccab5b', class: {
+        return (h("div", { key: 'ed773aa0e465771404a81c1fe175d9af75fa3b94', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '8d63394652e97233cde356ab4898881cab25b479', class: "gux-content" }, h("div", { key: '64f38300cea7bd53fd06033081fe977356f3e05f', class: "gux-icon" }, h("slot", { key: '9cbf9165b0e0b64aa67f70a2b59c1c349d8b8f26', name: "icon" })), h("gux-truncate", { key: '852cb669b67911566842b842146ecbb2987a86f6', class: "gux-label", "max-lines": 2 }, h("slot", { key: '438abf80a7a27c480dba5d247e7e9680aff69a3a', name: "label" })), h("slot", { key: 'ec2a2007157c2149f0e23c3ed5601bcae4735635', name: "input" }), this.renderDescription(), this.renderBadge())));
+            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '70c22bd552888f43a35601fed008cb15bb103f7e', class: "gux-content" }, h("div", { key: 'd6359d59ee5661f36bce0e9907062b46da860ccd', class: "gux-icon" }, h("slot", { key: '2707997b2531da69425c25f9e72261fed9b9f8f4', name: "icon" })), h("gux-truncate", { key: 'c05001a3226ffcbd7d7f7a9575af370dfb124141', class: "gux-label", "max-lines": 2 }, h("slot", { key: 'a8222025c779ca81805dfbd14a0f6d0d36d5a631', name: "label" })), h("slot", { key: '5e21cd21812ed3892d84a73e8e000fe375e65523', 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: 'f8b46d99477c52ac38d9f720e56dff88d00c3c50', class: "gux-selector-cards" }, h("slot", { key: '8e17104d749dfc32fc86db35ddb678c7accc57bb' })));
+        return (h("div", { key: '207e4b59ecc9b56c2ecd9ab3edba4689872462d2', class: "gux-selector-cards" }, h("slot", { key: '7d3fcd1c660f78538376fbb0ef92c799b204df50' })));
     }
     static get is() { return "gux-selector-cards-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: 'c76b712d05bf133d62da352d69234a84ed950fc8' }, this.renderTime()));
+        return (h(Host, { key: '1ce453ad0ae38e360844f859c7c12363e6d4cc11' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -149,11 +149,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '9aba84a9b3bb4f69ef40d8ea6f01030805b0c5b3', class: {
+        return (h("gux-dropdown", { key: 'a53d35958224e45956079f8373a3a001b46cab7d', 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: '32c95df400ad0ecd2c350793067ddb131ef54361', "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: '6cdfd9f42835c70df92b1992dddc0fe277bd5b69', "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

@@ -113,10 +113,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a2e45b563971c95f0e37e54ff7762c3ba3974dbc', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'f34102cfb85e5b5853e89c37831a84ecd5634e7d', class: {
+        return (h(Host, { key: '13fd60f21e1f4d7aa097b00eff2be7236708eebe', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'a2c163353db94c7c33afee6a18c26982b6d16c7b', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'ec4e87b9a141c6c4709e4dfe1c0c1a787d0a3dcf', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'dbbe379e4f410b29e36cdc69512eb95ae55703bd', 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

@@ -52,7 +52,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '033659dd2131163ef7e2e785b7c0913dcadc63cb', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'b212954a9046c1a68925bce619ae3998c9279423', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f4aa6a1ef2d61e7cc9b36adcc455150702cbc09f', slot: "content" }, h("slot", { key: 'fa6f543369de03166f34985f1c0ae8a2c0224cef', name: "content" }, h("slot", { key: 'ff72e008ef3bb24184a0b386dc6d695dfa0d7181' }))))));
+        return (h(Host, { key: '660ddca0b8cce1fcbc792209b807bfc14fe47317', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: '6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '2837735c42b05aece55dbfe1d886b266c22c3fa8', slot: "content" }, h("slot", { key: '8224e2af7702dbc5b5f550b67bd49ff526496e22', name: "content" }, h("slot", { key: '108a619b07b172289f1a93eae04243c519b8f39e' }))))));
     }
     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: '57f38300fffab4419c9a753efe743d202809cbb7' }, h("div", { key: 'f16f68c58d37f8f20b7a3bf45fcd84862018044a', class: "gux-header" }, h("div", { key: 'c5b52b07ab320280624b2775ef92289a27e44c22', class: "gux-icon" }, h("slot", { key: 'a9a8a183d8f8bb352443beaf41761a2851b7b2fb', name: "icon" })), h("div", { key: '4b26d426c07cb5193bacb9d18ded4a954ebe4d8a', class: "gux-title" }, h("slot", { key: 'b70271fd9475c858b6811efc369c2968832cb038', name: "title" }))), h("div", { key: '729ef9be2c7bb61e00cbab7f58f9f74edf0a6458', class: "gux-message" }, h("slot", { key: '233db2929092118ffdb8fa84aaa58651f5f09742', name: "message" })), h("div", { key: 'cc99ab8c945f4fe49c922252af04401a29024b30', class: "gux-action-buttons" }, h("div", { key: '81451056ee5c4922fe3ee9c7d03b727c36d4384c', class: "gux-positive-button" }, h("slot", { key: 'c1486c7fab07990b4119ed854afb061c7cbd4ac8', name: "positive-button" })), h("div", { key: '50b8d126d158e8811fa0cde14326fa970bdcda4c', class: "gux-negative-button" }, h("slot", { key: '37d1f81807d5b28b5ef6714c8c15d184974a9461', name: "negative-button" })))));
+        return (h(Host, { key: 'b2a01eabeea2041fb9d56176aab6890f7012c163' }, h("div", { key: 'bbf60d36e217a09baa579df1a0c49167258a895f', class: "gux-header" }, h("div", { key: 'ca88617f6df6327a0e29c2dbf5f787dfa5aaadd8', class: "gux-icon" }, h("slot", { key: '7a4761b88fa65a516f3a25c343af1fa1b15c1949', name: "icon" })), h("div", { key: 'dc08079f12498b5533aa3a53171f1b3377fdd1ea', class: "gux-title" }, h("slot", { key: 'b211d5ae6dff2e58cfdaac70baa31cc8fd6a948f', name: "title" }))), h("div", { key: '1d1df27745ca08a1409093687dbe1bafb54e6338', class: "gux-message" }, h("slot", { key: 'ef4c84331adfe77834a301f0e4002e1690141421', name: "message" })), h("div", { key: 'b66e336f22d65cb709bb0479b18c0bda7325015f', class: "gux-action-buttons" }, h("div", { key: 'dd6efee25cd4dd6f058777fb8873e6d957a8e4c8', class: "gux-positive-button" }, h("slot", { key: '21798cd99abbe206dc605cfe1f041d2386f3902e', name: "positive-button" })), h("div", { key: '3987bdfeeb2e588975a5d4d794d6d174238d1409', class: "gux-negative-button" }, h("slot", { key: '1dc3cde4c346c1703e9ab6e5f8ca86c6a9960ec6', 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: '388c35f13069f7f54bff75ea298f730862ca39fb', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '921a3bd8b7343fd388107b5092f72c891345837b', 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: '2c5de5f92f4dce1dd951db895a0ab512547985c8', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c14dafe787022b47f07aa8d737b7760472a191bd', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '3d0ec0564f68b994c679e42065d28a575a85a3ec', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '13dcc9e0862e703cf1234da0fe6ad0e4c28f9af8', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'ce3c4d155fcff7cf9d6d4db5cf6f117597206c26', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '1fcdd802c23dfa44314e0bc59cd80aabeefca46a', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'bc04ecfec978b27cba974f1c15925a20cfd687b7', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'ce05782596e319c58f2c3241b00a85337e8315ec', "label-position": "screenreader" }, h("label", { key: '2149aa815abf753ef1148eafd820028f463615b3', slot: "label" }, this.i18n('searchAria')), h("input", { key: '1c74a3fef26208f9a4150736f8b17eb8922c496e', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '73ca103ae75bd8f96e2e73eafb69727e7e3dfbaa', expanded: this.opened, disabled: this.disabled }, h("div", { key: '2cdb88414ddc108551c97e8c4200b24d97acb78e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '536260dc78ea60bc60093eacfd45df58c31fa0c8', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '191f89a3cc9f1a4123b075a4ffc4438cd7176261', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'bc3a031179285a7696a63dc1cd698b58f523f699', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '5a05915bf767d528959e088fb2df0d1278ba0f6f', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '473f430e34a02d325b765e1745fbc074e7a4acce', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '42c8bcfa8f17c208b55fd70d3e999db6fa2db724', "label-position": "screenreader" }, h("label", { key: '00cb5a6f433f46a6449a4b35fe6716f1a33abd18', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'eb92df39617e899e7d91fac7a098af4c0437ad63', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '6c1da64b7dd06cf8ccd8b16434d16f55ac4392c2', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'ca6a7bbc4924788bddc39aa2007d471430915829' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '40662d8773df3abee6b521b09aa17ce4a6d8947c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'ce42b9663e2d9a1ce0be5439da2137900c682ad6' }))))));
     }
     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: '7606631f49c7f3c4eb291776879d022712bd1fa5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a55988eeba61599f745f9bf47350a3ef50770052', 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: '284b5cb243896fbd272a21f2180e5f1d76791851', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e89f0a42b9d414a641f9464b20591376bd5c4efe', id: this.panelId, class: {
+        return (h("div", { key: '3e0cec4da3fcbe22702a372034596c769a63c052', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a3129b4a3dfb84979cfdc5772e449585dead1df5', 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: 'aa450a99d69e424c249485c254adeb82eb8192df', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '967b812694ef10822af970c373700480b6f96096', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '1b30aea14f5fd8941bdf67aeb4f567ee3ffe86be', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '538d391baef455af4da22b59baf68b54d7e73363', 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: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
+        return (h("div", { key: '77fc74b786057ebb6149abfd46a49e928640b9c4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '36b916d9151212710ae60d78b23fcc10268a482a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '0a72154aed65dfc7c712a4edc4fb658119f462ba', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '09252332710631002af73e1e1fdc4dd62446f2d1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '73fa02a2a43dbea545c5f0cbc834e5c467f2d198' }, h("slot", { key: '6bd97279379e90a57f4cfddceb4da78df019b31f', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { 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: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '0bc313de21af1a183397a7dc1d94c3eade04717f' }, h("div", { key: '3c905009c80a0252c3da38d517074c4aa1bdd6b8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66ff04aba2077e88dfdb4556305eef3f40649aed', name: "icon" })), h("div", { key: 'be7901838930d5f1f2cee6c0033a3e4979bafa90', class: "gux-content" }, h("gux-truncate", { key: '514fedddbf39d5cdce2150dba72f72a8cb4b5f14', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'bc154f35ebc48ddbe204324674e9b2410152092d', name: "title" })), h("gux-truncate", { key: '384149f5d063e1831896d935c4873fb0f70510f7', class: "gux-message", "max-lines": 2 }, h("slot", { key: '726a59aa75ad571363e08aea67b7e49d37032132', name: "message" }))), h("gux-dismiss-button", { key: 'a1e4145c7be48dc64ad1b3b35083cc983c3ce02a', 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: '3f12800f230f04b4d03969d3962bc1e256d6fed7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '655e8c81f5885547b7341e019d95a31a85363bb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '915d7eaf5af5c1e084a354301e0acb93022506f3', accent: "ghost" }, h("button", { key: '880914c04b06a46ba4f8ed6756a6bc1f6b339c50', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '17db6836528f34b06a9f32a559960acb4dc612c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '49924d632b320d4fb44ef7ac6fcbbe9a179bebde', accent: "ghost" }, h("button", { key: '24e0df793d20e37710a264c10797e58450d52e10', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '32edd56fc0741da86ba8dac60752779fa7ad778b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '75c0f5d3dc53f9fe19943c6fd5b0190fb9c126b7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '350ca54bbd358ab772a663e5a88fb7c066b48191', accent: "ghost" }, h("button", { key: '62fff40eff9224ae26ff7865a29627fa29615c33', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'aea6936702016935909b3690a8d6ce39677e2db2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '90c618887e133a6f864d86cf8554d32fb95ff7aa', accent: "ghost" }, h("button", { key: '663afe7cdb1e0af649552284a6ea986282a1306d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6dca995db947eaca51b19b2fba22c2455222c2de', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '49ab4be37df89bd3512403abfe8e7398f07e4138', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f4ae7a227d4dc37ce4d2bd97ce0786014da4bae2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dda711ca7357e01082a7ea825e9eae7d9db026ae', accent: "ghost" }, h("button", { key: '9f85e75d863dfb8d5890380ad8a943d5b79d5c3d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '7f07c56d6e18b696859ef222bd54ad3d5e138e91', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7b3b1b73e8c0e48af6820e458edf4f1cbc11d072', accent: "ghost" }, h("button", { key: 'f99a481f76caf9844cd4bd29a6e160d9caa74d28', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '217118b022913ee846414cc2a24774a676a5688b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '10ddc2ace4378104e2c9891d8d5c3ec23dcccf55', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17c978b7988493bcc8f879c025dafbc56c05a33f', accent: "ghost" }, h("button", { key: 'ac5c57c0909fde6d1980c8ea51487673a4d99dd2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c99771c3329f55e156444d6f796a76482845bf88', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a1648e574848d11b6a44ff78e5cbac316ee45c1', accent: "ghost" }, h("button", { key: '3795dcc80978d7e510b679935d05375aea36959e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd5c14110c729a940a1883d0c848efbd015c27de3', 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: 'a920e6de26c2cb94db1a74e82e30b4a5c45006f0', class: "gux-pagination-item-counts-container" }, h("span", { key: '37b5872aa3333a989778873027add3730f3318e0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'f628030166c19861f28bee6c59d37f3fd285d358' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, 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: '23d3d353904b22710db219a38c6ce9e944dc297e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cabb6c7c2b22c983ade100c97643a162c33a78f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7ea4c7573fbbfdc59f6aa3a14e86a9388c1ffd3a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '9b35345b5930b3eb6618be869d1c71109ad987e0', class: "gux-pagination-items-per-page-container" }, h("div", { key: '1ca2a511d1ee5f75bbdc8abe2eb2c9bc1c0170e3', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '69c4f9a36fa198e37bfa368c4ebfcff55db27df1', 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: '19ae9528d07f352fb7dd79694e9c1d0f2f7b056c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '47d05ca16f337e2a6f23694957cea6a65f8bf296', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3619df0b9643f75e841077134a2339e32e5a5e0e', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b687e986fb86a5e7f0b6178bc07e97c7335846e0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '18b70ca5fa00b391766e1f6f9c336a6617f18b73', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '2bebbd4cffcb517883d297b9a8c781dda8008e02', 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: 'd1b9fd4e8555b82e21ba84cc63998b8283880352' }, h("div", { key: 'e1f0c28cbd4f1f96c454ec3e62e299360440c8ec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bbe3395bad2328877b9592abc42e0a472028547d', name: "icon" })), h("gux-truncate", { key: 'a90bbb9cf6efbd33897c632caf66e101dedf98cc', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2996e99ed8a2ad6266d93cb87e846772dfbd6050', name: "message" })), h("gux-dismiss-button", { key: '1fff86b6a3d00af7f52b5626ac59dc9a3cd28fe2', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'bdf6285454181f2234d3378bc67e55b09dfb05ba' }, h("div", { key: 'c81a071a3d734f5fcee7a58e702ce18609298306', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '5eeedfd225d6898188cdada28b13828fec879705', name: "icon" })), h("gux-truncate", { key: '654dac6a3dac67cd20d559d57158b42e2f0ccc40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '6720023511d47f7e88bb828e08790a1ca64aefcd', name: "message" })), h("gux-dismiss-button", { key: 'cf638fa12c95c2651d200326647b8264a2ecff1f', 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: '5f75235b66a67bb7b015e00c25965b15d680d3c5', class: { 'gux-selected': this.selected } }, h("button", { key: '73ec71061b78f5a8e3bb22995f69dc8088c88fa7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'c16a8dd34b01e1f162a7d8efc05a3a123f17fe0d' }))));
+        return (h(Host, { key: 'a971cf18da34c6fcf8ad4e9d1271a3487f15bef8', class: { 'gux-selected': this.selected } }, h("button", { key: '1f0f62e3762de85aeeafec9f51d084e7e65f8da1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '4ba0885a3237c169345e9cf9f83d123aa25f0612' }))));
     }
     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: 'aed53e15fa09febbae8cf3950b5687110499f4db', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '608249166a81119c4d4939c404dc9b85c4987d37', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '8c75416ab7f49fd93de25dfabd0f8ddf0a089feb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5de5fba70c8965cb903ccff5dbca6db5af806546', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }