genesys-spark-components 4.71.1 → 4.72.0

package/dist/cjs/{usage-17692cb5.js → usage-6426963f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.71.1";
+const version = "4.72.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/collection-manifest.json

@@ -27,6 +27,7 @@
     "components/beta/gux-selector-cards/gux-selector-cards.js",
     "components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js",
     "components/beta/gux-time/gux-time.js",
+    "components/beta/gux-time-zone/gux-time-zone.js",
     "components/beta/gux-time-zone-picker/gux-time-zone-picker.js",
     "components/beta/gux-tooltip-base/gux-tooltip-base.js",
     "components/beta/gux-tooltip-beta/gux-tooltip.js",

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

@@ -0,0 +1,117 @@
+import { h, Host } from "@stencil/core";
+import { trackComponent } from "../../../utils/tracking/usage";
+import { buildI18nForComponent } from "../../../i18n";
+import translationResources from "../gux-time-zone-picker/i18n/en.json";
+import { getLocalizedOffset, shortenZone } from "./gux-time-zone.service";
+export class GuxTimeZoneBeta {
+    constructor() {
+        this.timeZoneId = undefined;
+        this.offset = undefined;
+        this.surroundOffset = undefined;
+        this.shorten = undefined;
+    }
+    renderZoneDisplay() {
+        let localizedZone = this.i18n(this.timeZoneId);
+        if (this.shorten) {
+            localizedZone = shortenZone(localizedZone);
+        }
+        let displayText = localizedZone;
+        if (this.offset) {
+            const localizedUTC = this.i18n('UTC');
+            const localizedOffset = getLocalizedOffset(localizedUTC, this.timeZoneId);
+            displayText = `${localizedZone} ${localizedOffset}`;
+            if (this.surroundOffset) {
+                displayText = `${localizedZone} (${localizedOffset})`;
+            }
+        }
+        return (h("span", null, displayText));
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    render() {
+        return (h(Host, { key: '6ccc0cce8b25630b3a1264a2d6ed37b5bd413ae5' }, this.renderZoneDisplay()));
+    }
+    static get is() { return "gux-time-zone-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "timeZoneId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxTimeZoneIdentifier",
+                    "resolved": "\"Africa/Abidjan\" | \"Africa/Accra\" | \"Africa/Addis_Ababa\" | \"Africa/Algiers\" | \"Africa/Asmara\" | \"Africa/Bamako\" | \"Africa/Bangui\" | \"Africa/Banjul\" | \"Africa/Bissau\" | \"Africa/Blantyre\" | \"Africa/Brazzaville\" | \"Africa/Bujumbura\" | \"Africa/Cairo\" | \"Africa/Casablanca\" | \"Africa/Ceuta\" | \"Africa/Conakry\" | \"Africa/Dakar\" | \"Africa/Dar_es_Salaam\" | \"Africa/Djibouti\" | \"Africa/Douala\" | \"Africa/El_Aaiun\" | \"Africa/Freetown\" | \"Africa/Gaborone\" | \"Africa/Harare\" | \"Africa/Johannesburg\" | \"Africa/Juba\" | \"Africa/Kampala\" | \"Africa/Khartoum\" | \"Africa/Kigali\" | \"Africa/Kinshasa\" | \"Africa/Lagos\" | \"Africa/Libreville\" | \"Africa/Lome\" | \"Africa/Luanda\" | \"Africa/Lubumbashi\" | \"Africa/Lusaka\" | \"Africa/Malabo\" | \"Africa/Maputo\" | \"Africa/Maseru\" | \"Africa/Mbabane\" | \"Africa/Mogadishu\" | \"Africa/Monrovia\" | \"Africa/Nairobi\" | \"Africa/Ndjamena\" | \"Africa/Niamey\" | \"Africa/Nouakchott\" | \"Africa/Ouagadougou\" | \"Africa/Porto-Novo\" | \"Africa/Sao_Tome\" | \"Africa/Tripoli\" | \"Africa/Tunis\" | \"Africa/Windhoek\" | \"America/Adak\" | \"America/Anchorage\" | \"America/Anguilla\" | \"America/Antigua\" | \"America/Araguaina\" | \"America/Argentina/Buenos_Aires\" | \"America/Argentina/Catamarca\" | \"America/Argentina/Cordoba\" | \"America/Argentina/Jujuy\" | \"America/Argentina/La_Rioja\" | \"America/Argentina/Mendoza\" | \"America/Argentina/Rio_Gallegos\" | \"America/Argentina/Salta\" | \"America/Argentina/San_Juan\" | \"America/Argentina/San_Luis\" | \"America/Argentina/Tucuman\" | \"America/Argentina/Ushuaia\" | \"America/Aruba\" | \"America/Asuncion\" | \"America/Atikokan\" | \"America/Bahia\" | \"America/Bahia_Banderas\" | \"America/Barbados\" | \"America/Belem\" | \"America/Belize\" | \"America/Blanc-Sablon\" | \"America/Boa_Vista\" | \"America/Bogota\" | \"America/Boise\" | \"America/Cambridge_Bay\" | \"America/Campo_Grande\" | \"America/Cancun\" | \"America/Caracas\" | \"America/Cayenne\" | \"America/Cayman\" | \"America/Chicago\" | \"America/Chihuahua\" | \"America/Costa_Rica\" | \"America/Creston\" | \"America/Cuiaba\" | \"America/Curacao\" | \"America/Danmarkshavn\" | \"America/Dawson\" | \"America/Dawson_Creek\" | \"America/Denver\" | \"America/Detroit\" | \"America/Dominica\" | \"America/Edmonton\" | \"America/Eirunepe\" | \"America/El_Salvador\" | \"America/Fort_Nelson\" | \"America/Fortaleza\" | \"America/Glace_Bay\" | \"America/Goose_Bay\" | \"America/Grand_Turk\" | \"America/Grenada\" | \"America/Guadeloupe\" | \"America/Guatemala\" | \"America/Guayaquil\" | \"America/Guyana\" | \"America/Halifax\" | \"America/Havana\" | \"America/Hermosillo\" | \"America/Indiana/Indianapolis\" | \"America/Indiana/Knox\" | \"America/Indiana/Marengo\" | \"America/Indiana/Petersburg\" | \"America/Indiana/Tell_City\" | \"America/Indiana/Vevay\" | \"America/Indiana/Vincennes\" | \"America/Indiana/Winamac\" | \"America/Inuvik\" | \"America/Iqaluit\" | \"America/Jamaica\" | \"America/Juneau\" | \"America/Kentucky/Louisville\" | \"America/Kentucky/Monticello\" | \"America/Kralendijk\" | \"America/La_Paz\" | \"America/Lima\" | \"America/Los_Angeles\" | \"America/Lower_Princes\" | \"America/Maceio\" | \"America/Managua\" | \"America/Manaus\" | \"America/Marigot\" | \"America/Martinique\" | \"America/Matamoros\" | \"America/Mazatlan\" | \"America/Menominee\" | \"America/Merida\" | \"America/Metlakatla\" | \"America/Mexico_City\" | \"America/Miquelon\" | \"America/Moncton\" | \"America/Monterrey\" | \"America/Montevideo\" | \"America/Montserrat\" | \"America/Nassau\" | \"America/New_York\" | \"America/Nome\" | \"America/Noronha\" | \"America/North_Dakota/Beulah\" | \"America/North_Dakota/Center\" | \"America/North_Dakota/New_Salem\" | \"America/Nuuk\" | \"America/Ojinaga\" | \"America/Panama\" | \"America/Paramaribo\" | \"America/Phoenix\" | \"America/Port-au-Prince\" | \"America/Port_of_Spain\" | \"America/Porto_Velho\" | \"America/Puerto_Rico\" | \"America/Punta_Arenas\" | \"America/Rankin_Inlet\" | \"America/Recife\" | \"America/Regina\" | \"America/Resolute\" | \"America/Rio_Branco\" | \"America/Santarem\" | \"America/Santiago\" | \"America/Santo_Domingo\" | \"America/Sao_Paulo\" | \"America/Scoresbysund\" | \"America/Sitka\" | \"America/St_Barthelemy\" | \"America/St_Johns\" | \"America/St_Kitts\" | \"America/St_Lucia\" | \"America/St_Thomas\" | \"America/St_Vincent\" | \"America/Swift_Current\" | \"America/Tegucigalpa\" | \"America/Thule\" | \"America/Tijuana\" | \"America/Toronto\" | \"America/Tortola\" | \"America/Vancouver\" | \"America/Whitehorse\" | \"America/Winnipeg\" | \"America/Yakutat\" | \"Antarctica/Casey\" | \"Antarctica/Davis\" | \"Antarctica/DumontDUrville\" | \"Antarctica/Macquarie\" | \"Antarctica/Mawson\" | \"Antarctica/McMurdo\" | \"Antarctica/Palmer\" | \"Antarctica/Rothera\" | \"Antarctica/Syowa\" | \"Antarctica/Troll\" | \"Antarctica/Vostok\" | \"Arctic/Longyearbyen\" | \"Asia/Aden\" | \"Asia/Almaty\" | \"Asia/Amman\" | \"Asia/Anadyr\" | \"Asia/Aqtau\" | \"Asia/Aqtobe\" | \"Asia/Ashgabat\" | \"Asia/Atyrau\" | \"Asia/Baghdad\" | \"Asia/Bahrain\" | \"Asia/Baku\" | \"Asia/Bangkok\" | \"Asia/Barnaul\" | \"Asia/Beirut\" | \"Asia/Bishkek\" | \"Asia/Brunei\" | \"Asia/Chita\" | \"Asia/Choibalsan\" | \"Asia/Colombo\" | \"Asia/Damascus\" | \"Asia/Dhaka\" | \"Asia/Dili\" | \"Asia/Dubai\" | \"Asia/Dushanbe\" | \"Asia/Famagusta\" | \"Asia/Gaza\" | \"Asia/Hebron\" | \"Asia/Ho_Chi_Minh\" | \"Asia/Hong_Kong\" | \"Asia/Hovd\" | \"Asia/Irkutsk\" | \"Asia/Jakarta\" | \"Asia/Jayapura\" | \"Asia/Jerusalem\" | \"Asia/Kabul\" | \"Asia/Kamchatka\" | \"Asia/Karachi\" | \"Asia/Kathmandu\" | \"Asia/Khandyga\" | \"Asia/Kolkata\" | \"Asia/Krasnoyarsk\" | \"Asia/Kuala_Lumpur\" | \"Asia/Kuching\" | \"Asia/Kuwait\" | \"Asia/Macau\" | \"Asia/Magadan\" | \"Asia/Makassar\" | \"Asia/Manila\" | \"Asia/Muscat\" | \"Asia/Nicosia\" | \"Asia/Novokuznetsk\" | \"Asia/Novosibirsk\" | \"Asia/Omsk\" | \"Asia/Oral\" | \"Asia/Phnom_Penh\" | \"Asia/Pontianak\" | \"Asia/Pyongyang\" | \"Asia/Qatar\" | \"Asia/Qostanay\" | \"Asia/Qyzylorda\" | \"Asia/Riyadh\" | \"Asia/Sakhalin\" | \"Asia/Samarkand\" | \"Asia/Seoul\" | \"Asia/Shanghai\" | \"Asia/Singapore\" | \"Asia/Srednekolymsk\" | \"Asia/Taipei\" | \"Asia/Tashkent\" | \"Asia/Tbilisi\" | \"Asia/Tehran\" | \"Asia/Thimphu\" | \"Asia/Tokyo\" | \"Asia/Tomsk\" | \"Asia/Ulaanbaatar\" | \"Asia/Urumqi\" | \"Asia/Ust-Nera\" | \"Asia/Vientiane\" | \"Asia/Vladivostok\" | \"Asia/Yakutsk\" | \"Asia/Yangon\" | \"Asia/Yekaterinburg\" | \"Asia/Yerevan\" | \"Atlantic/Azores\" | \"Atlantic/Bermuda\" | \"Atlantic/Canary\" | \"Atlantic/Cape_Verde\" | \"Atlantic/Faroe\" | \"Atlantic/Madeira\" | \"Atlantic/Reykjavik\" | \"Atlantic/South_Georgia\" | \"Atlantic/St_Helena\" | \"Atlantic/Stanley\" | \"Australia/Adelaide\" | \"Australia/Brisbane\" | \"Australia/Broken_Hill\" | \"Australia/Darwin\" | \"Australia/Eucla\" | \"Australia/Hobart\" | \"Australia/Lindeman\" | \"Australia/Lord_Howe\" | \"Australia/Melbourne\" | \"Australia/Perth\" | \"Australia/Sydney\" | \"CET\" | \"CST6CDT\" | \"EET\" | \"EST\" | \"EST5EDT\" | \"Etc/GMT\" | \"Etc/GMT+1\" | \"Etc/GMT+10\" | \"Etc/GMT+11\" | \"Etc/GMT+12\" | \"Etc/GMT+2\" | \"Etc/GMT+3\" | \"Etc/GMT+4\" | \"Etc/GMT+5\" | \"Etc/GMT+6\" | \"Etc/GMT+7\" | \"Etc/GMT+8\" | \"Etc/GMT+9\" | \"Etc/GMT-1\" | \"Etc/GMT-10\" | \"Etc/GMT-11\" | \"Etc/GMT-12\" | \"Etc/GMT-13\" | \"Etc/GMT-14\" | \"Etc/GMT-2\" | \"Etc/GMT-3\" | \"Etc/GMT-4\" | \"Etc/GMT-5\" | \"Etc/GMT-6\" | \"Etc/GMT-7\" | \"Etc/GMT-8\" | \"Etc/GMT-9\" | \"Etc/UTC\" | \"Europe/Amsterdam\" | \"Europe/Andorra\" | \"Europe/Astrakhan\" | \"Europe/Athens\" | \"Europe/Belgrade\" | \"Europe/Berlin\" | \"Europe/Bratislava\" | \"Europe/Brussels\" | \"Europe/Bucharest\" | \"Europe/Budapest\" | \"Europe/Busingen\" | \"Europe/Chisinau\" | \"Europe/Copenhagen\" | \"Europe/Dublin\" | \"Europe/Gibraltar\" | \"Europe/Guernsey\" | \"Europe/Helsinki\" | \"Europe/Isle_of_Man\" | \"Europe/Istanbul\" | \"Europe/Jersey\" | \"Europe/Kaliningrad\" | \"Europe/Kirov\" | \"Europe/Kyiv\" | \"Europe/Lisbon\" | \"Europe/Ljubljana\" | \"Europe/London\" | \"Europe/Luxembourg\" | \"Europe/Madrid\" | \"Europe/Malta\" | \"Europe/Mariehamn\" | \"Europe/Minsk\" | \"Europe/Monaco\" | \"Europe/Moscow\" | \"Europe/Oslo\" | \"Europe/Paris\" | \"Europe/Podgorica\" | \"Europe/Prague\" | \"Europe/Riga\" | \"Europe/Rome\" | \"Europe/Samara\" | \"Europe/San_Marino\" | \"Europe/Sarajevo\" | \"Europe/Saratov\" | \"Europe/Simferopol\" | \"Europe/Skopje\" | \"Europe/Sofia\" | \"Europe/Stockholm\" | \"Europe/Tallinn\" | \"Europe/Tirane\" | \"Europe/Ulyanovsk\" | \"Europe/Vaduz\" | \"Europe/Vatican\" | \"Europe/Vienna\" | \"Europe/Vilnius\" | \"Europe/Volgograd\" | \"Europe/Warsaw\" | \"Europe/Zagreb\" | \"Europe/Zurich\" | \"HST\" | \"Indian/Antananarivo\" | \"Indian/Chagos\" | \"Indian/Christmas\" | \"Indian/Cocos\" | \"Indian/Comoro\" | \"Indian/Kerguelen\" | \"Indian/Mahe\" | \"Indian/Maldives\" | \"Indian/Mauritius\" | \"Indian/Mayotte\" | \"Indian/Reunion\" | \"MET\" | \"MST\" | \"MST7MDT\" | \"PST8PDT\" | \"Pacific/Apia\" | \"Pacific/Auckland\" | \"Pacific/Bougainville\" | \"Pacific/Chatham\" | \"Pacific/Chuuk\" | \"Pacific/Easter\" | \"Pacific/Efate\" | \"Pacific/Fakaofo\" | \"Pacific/Fiji\" | \"Pacific/Funafuti\" | \"Pacific/Galapagos\" | \"Pacific/Gambier\" | \"Pacific/Guadalcanal\" | \"Pacific/Guam\" | \"Pacific/Honolulu\" | \"Pacific/Kanton\" | \"Pacific/Kiritimati\" | \"Pacific/Kosrae\" | \"Pacific/Kwajalein\" | \"Pacific/Majuro\" | \"Pacific/Marquesas\" | \"Pacific/Midway\" | \"Pacific/Nauru\" | \"Pacific/Niue\" | \"Pacific/Norfolk\" | \"Pacific/Noumea\" | \"Pacific/Pago_Pago\" | \"Pacific/Palau\" | \"Pacific/Pitcairn\" | \"Pacific/Pohnpei\" | \"Pacific/Port_Moresby\" | \"Pacific/Rarotonga\" | \"Pacific/Saipan\" | \"Pacific/Tahiti\" | \"Pacific/Tarawa\" | \"Pacific/Tongatapu\" | \"Pacific/Wake\" | \"Pacific/Wallis\" | \"UTC\" | \"WET\"",
+                    "references": {
+                        "GuxTimeZoneIdentifier": {
+                            "location": "import",
+                            "path": "../../../i18n/time-zone/types",
+                            "id": "src/i18n/time-zone/types.ts::GuxTimeZoneIdentifier"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The id of the time zone to display"
+                },
+                "attribute": "time-zone-id",
+                "reflect": false
+            },
+            "offset": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True to display the zone's offset from UTC"
+                },
+                "attribute": "offset",
+                "reflect": false
+            },
+            "surroundOffset": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True to display surround the offset with parentheses"
+                },
+                "attribute": "surround-offset",
+                "reflect": false
+            },
+            "shorten": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True to shorten the displayed zone name: 'Europe/London' -> 'London'"
+                },
+                "attribute": "shorten",
+                "reflect": false
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

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

@@ -0,0 +1,11 @@
+import { getTimeZoneList, formatOffset } from "../../../utils/date/time-zone";
+export function shortenZone(zone) {
+    const sections = zone.split('/');
+    return (sections === null || sections === void 0 ? void 0 : sections.pop()) || zone;
+}
+export function getLocalizedOffset(localizedUTC, timeZoneId) {
+    const zoneList = getTimeZoneList();
+    const timeZone = zoneList.find(zone => zone.name === timeZoneId);
+    const formattedOffset = formatOffset(timeZone === null || timeZone === void 0 ? void 0 : timeZone.currentTimeOffsetInMinutes);
+    return `${localizedUTC}${formattedOffset}`;
+}

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

@@ -0,0 +1,24 @@
+import { getLocalizedOffset, shortenZone } from "../gux-time-zone.service";
+describe('gux-time-zone.service', () => {
+    describe('#getLocalizedOffset', () => {
+        const cases = [
+            { timeZoneId: 'Etc/GMT', expectedOutput: 'UTC+00:00' },
+            { timeZoneId: 'Etc/GMT-1', expectedOutput: 'UTC+01:00' }
+        ];
+        cases.forEach(({ timeZoneId, expectedOutput }) => {
+            it(`should work as expected for "${timeZoneId}"`, async () => {
+                expect(getLocalizedOffset('UTC', timeZoneId)).toBe(expectedOutput);
+            });
+        });
+    });
+    describe('#shortenZone', () => {
+        [
+            { timeZone: 'Etc/GMT', expectedOutput: 'GMT' },
+            { timeZone: 'Europe/London', expectedOutput: 'London' }
+        ].forEach(({ timeZone, expectedOutput }) => {
+            it(`should work as expected for "${timeZone}"`, async () => {
+                expect(shortenZone(timeZone)).toBe(expectedOutput);
+            });
+        });
+    });
+});

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

@@ -0,0 +1,24 @@
+import { getLocalizedOffset, shortenZone } from "../gux-time-zone.service";
+describe('gux-time-zone.service', () => {
+    describe('#getLocalizedOffset', () => {
+        const cases = [
+            { timeZoneId: 'Etc/GMT', expectedOutput: 'UTC+00:00' },
+            { timeZoneId: 'Etc/GMT-1', expectedOutput: 'UTC+01:00' }
+        ];
+        cases.forEach(({ timeZoneId, expectedOutput }) => {
+            it(`should work as expected for "${timeZoneId}"`, async () => {
+                expect(getLocalizedOffset('UTC', timeZoneId)).toBe(expectedOutput);
+            });
+        });
+    });
+    describe('#shortenZone', () => {
+        [
+            { timeZone: 'Etc/GMT', expectedOutput: 'GMT' },
+            { timeZone: 'Europe/London', expectedOutput: 'London' }
+        ].forEach(({ timeZone, expectedOutput }) => {
+            it(`should work as expected for "${timeZone}"`, async () => {
+                expect(shortenZone(timeZone)).toBe(expectedOutput);
+            });
+        });
+    });
+});

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: 'a53d35958224e45956079f8373a3a001b46cab7d', class: {
+        return (h("gux-dropdown", { key: 'e7269ca7f2756dc8554b5898c2ef9a0d10def291', 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: '6cdfd9f42835c70df92b1992dddc0fe277bd5b69', "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: 'e67ad005d7ad2979ce77604bcbe9a37af551cf3a', "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: '13fd60f21e1f4d7aa097b00eff2be7236708eebe', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'a2c163353db94c7c33afee6a18c26982b6d16c7b', class: {
+        return (h(Host, { key: '5d604f035ff09b11a9988fb2cd07f64295bb5f2e', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'eda79ee14789a5f853a24fe5d78d79e1c603bf96', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'dbbe379e4f410b29e36cdc69512eb95ae55703bd', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '288d540686ffdc316efc1cfc8888a5c8c4857569', 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: '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' }))))));
+        return (h(Host, { key: 'b5178ebf17e5693ab8db31a7f28b4fbe52bd22b9', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'b02dc1fdf2963b08dc9c62367dc9256527c0b93d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '11dbf20035dc599ab12b7ee8b511077c254f244d', slot: "content" }, h("slot", { key: '3d97868478eae5d2f8737df2f7eac3ce4e509c22', name: "content" }, h("slot", { key: 'c56094a3a632234f557e6fb571e6082e1faeb550' }))))));
     }
     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: '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" })))));
+        return (h(Host, { key: 'af136a9885999cccdbdc8690c7c02b797ca5dcd4' }, h("div", { key: '9c7299137339a879a0554755c8dc6d6b68bb221d', class: "gux-header" }, h("div", { key: '9b5b6bb50e40351bc501c9c51cc3b85f3e3d9710', class: "gux-icon" }, h("slot", { key: 'efe924bd541c04b47229797f4a2ae473dcb9309e', name: "icon" })), h("div", { key: 'b61a8cf1bf34249e2923dbd0f76526fc65cbdd45', class: "gux-title" }, h("slot", { key: 'd06a69056f2ef93fc5fae29f6029b671334db287', name: "title" }))), h("div", { key: '2e3a6ffc37a21eafe2f1b2c1bdc07150a5f88404', class: "gux-message" }, h("slot", { key: '2ccdc460690d19b5f6cba599e263cb492beab9a4', name: "message" })), h("div", { key: 'f0c9f0279cb97b0e275e055dc519396cf0d8f4e3', class: "gux-action-buttons" }, h("div", { key: '7c0c0fe61ce1326b504e51e53ef2adb117bb2bd3', class: "gux-positive-button" }, h("slot", { key: '854221d761125bb2ec95ab790da675c82901b99f', name: "positive-button" })), h("div", { key: 'a26a8e9733ebc110ce8474247deae91c9f8e855b', class: "gux-negative-button" }, h("slot", { key: '74198f3fa2448029ee7da523c3ae247a731cbe4d', 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: '921a3bd8b7343fd388107b5092f72c891345837b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '08a4fc54561065af5a7771536dd940997acf4724', 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: '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) => {
+        return (h("gux-popup", { key: 'b1ed0d948a717023a174fce66eb8e7ab956fda9e', expanded: this.opened, disabled: this.disabled }, h("div", { key: '7713343b259cb9055a7d01c5221ba19de782f62d', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '7451633bff5436adf1b96603e499ac92c5457176', 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: 'b28b98cf45eb39d24d89ff7453924bb74874e87f', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e37cd0b8b8abb85c2a3be120895c60dcb00cea82', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'c7dbe1e09bcf01c93aba4d9e050cf434e18424c0', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '6d92efdd680103ebf1be0d4518add7e826f06d91', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4ec46eff060a1bf1f32d3679c7cd48ba95de12ae', "label-position": "screenreader" }, h("label", { key: '21d53aa47bc183e2c0858e6f983eb6dbec8fdbd5', slot: "label" }, this.i18n('searchAria')), h("input", { key: '86d847f7ef985cdc2b0a3beddad4a956c9eb16c5', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, 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' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'fe2a51e57e14bb2273ce26ab2d6b219b79382a52', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'f861237c880630e2db9539a2e6a42453571875d4' }))))));
     }
     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: '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: {
+        return (h("div", { key: 'ffc8f32169a0a4c4728950839c51d7a2561d934d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '94f3e64b73b606200397245a5b17702f4347ba47', 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: '5aa898ae60e866e699ab7ac10114c46feefe179c', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '149f1d381c3cef6a2be96c120144c259b6612256', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '538d391baef455af4da22b59baf68b54d7e73363', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'e6f5aa81b7b9cf488aba2a4caf6e191a39b353d6', 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: '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: {
+        return (h("div", { key: '9a16807e6e0c105a71d9a6beae23f0b6cf8562ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9bffe5f595358ea8b8d2ba6da3d395b79bffb540', 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: 'e3c64ff9a89bd4d4aa0bb9fb23f829c2ef4acb62', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8b087f57d3d764b90e51cded53d9b664e5cdf144', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, 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())));
+            } }, h("p", { key: 'adbb48bc1fad4234f0e537cd5ef56d13ee003081' }, h("slot", { key: 'e38a4dc040385ad162ce8a79e04c8b69dd98968a', 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: '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) })));
+        return (h(Host, { key: '978b1d23bcd30f574551b2e58b63cccfffc097d3' }, h("div", { key: '7f5dfd3ee78527cb320bcdde8fec800f0127a5fa', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '8a0f5e9e1551804fe77405705f5c4f88d9b2c58a', name: "icon" })), h("div", { key: '97ca93fc9cdc7381c86f43b92b3628e353158886', class: "gux-content" }, h("gux-truncate", { key: 'abd6c01f9bf95b85b0f7dc21bcbd4511cbc8a85c', class: "gux-title", "max-lines": 1 }, h("slot", { key: '139d028b7826aba19a05df7894234879ef8469de', name: "title" })), h("gux-truncate", { key: '47a96015b193db99af78974cc072d21c38b86eac', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7368f74d15255824fcd7cb8ea547d08a8ac808c4', name: "message" }))), h("gux-dismiss-button", { key: '21088f5d0d3bcfd8510ae85b268c2b46ad749f7a', 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: '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" }))))));
+        return (h("div", { key: '1ba9d8787e480c7021c17300467bd8439cfaebb2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1ee5bb3e2077867292f78d04a62fa9e1e7a31305', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '45ceb944e2c801b924c83e10ff9877cf7656278f', accent: "ghost" }, h("button", { key: '4abc9326de1c1ee2e61425a6c7af95812d1e0f99', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bd76234d0a1624fad7f573aef2db43a7080ef810', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ddda5017fa14cab941d75134a7b9afba2151173f', accent: "ghost" }, h("button", { key: '641d7f306ce8a1b6a4ec27a98c46cbc5db21ac11', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd1dd39d206038d611a4c3ddc4ad057f9a2544964', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '940f377147a7e686d497145caacff2bc8230deec', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7014ee3ca1e09d9e696f933559d4b392dc396733', accent: "ghost" }, h("button", { key: 'b49f45246377101d3a2cd8bafb5aa81791ac296c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '6e865485f7294c4514ac0acdb0f466af1f333029', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b54fe3061e234266558b6819bb0f46ccd23988d6', accent: "ghost" }, h("button", { key: '049fbe63c206697a3d963229260d36672b5c3e1c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'efa7910f4c07919e48505d8f3fbf97dd60591790', 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: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9304ff0a9db8b65d2511944cad916bcba67d4376', class: "gux-pagination-item-counts-container" }, h("span", { key: '3da01bf6c035582d09f55a8d92d00da25ce4d175', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '1350e0c3bd2a3511794bd2deca9d7a028406a09f' }, 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: '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'))));
+        return (h("div", { key: 'c3377da39459bbc3d6004183e9d89440da52cc9f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0b78effdcc262e2a36ed9329f704e2166dfe2197', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '481648a816b2fb47f80c3991e1937141e06b2965', 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: '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) }))));
+        return (h("div", { key: '3abd9cd00f35121bb9d6b54830ad8d022fdc585e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '61b560aeaba8051bd9db516307751245a58dd9ba', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'eb450dcca3fda823374277c3e0f93c25fa36ac39', 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: '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) })));
+        return (h(Host, { key: '552a467ee600a8568d77cf04a85c88bb6617197b' }, h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', 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: 'a971cf18da34c6fcf8ad4e9d1271a3487f15bef8', class: { 'gux-selected': this.selected } }, h("button", { key: '1f0f62e3762de85aeeafec9f51d084e7e65f8da1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '4ba0885a3237c169345e9cf9f83d123aa25f0612' }))));
+        return (h(Host, { key: '00fb2c57bc8aac76293178267566815ca424a46d', class: { 'gux-selected': this.selected } }, h("button", { key: '1253f3f431a9e8a7aebfe33bd803850253d9ce7f', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3a24e458b5f97833060acaf6c9b0d22c7997fca0' }))));
     }
     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: '8c75416ab7f49fd93de25dfabd0f8ddf0a089feb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5de5fba70c8965cb903ccff5dbca6db5af806546', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b22773f53c2513d1bee2211386c042013a7050bc', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '69c6fe16985e36c683e3af75c414078719bc0664', 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: '6bc2dbce6318f397d8d3f0eb509a3ace92556dcc', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'b6596099f2cf404fb1bc7eab29d34c7c5567f98f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'abb10a97b4b33ac91a13c2c79b8b0419cdca0239', class: {
+        return (h("section", { key: 'e17ac6e3946d8140a03bdbb1639297f0d1ec0a7f', class: { 'gux-disabled': this.disabled } }, h("div", { key: '7a9a8f7cb7a21180f86ff8b09eab6010656bf340', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'e0d8c0b268c2b1f4c45987d482b31560a16a26f9', 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", { name: "icon" }), h("div", { key: 'b6aebd9e087a3ea62f2238b7e64edf151b20ff08', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: '93a5cac45edac5440d775e0b1a14fd9a53dd2907', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'c19088779fbf0c5177f4be750da19de9ee2a8457', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'b500c02a671db3831f5351ea77dacff1949449c8', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c90e3bd6cfc6c8135d4abd000c7f3cd47bf0f56d', class: {
+            } }, h("slot", { key: '0c134faac685c4a31515e5080547adef9ae3bb89', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0e50e6b248a2b7365d179af6e47126e7fe7db4f2', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c929a69cb3740070fa8f8bf55057deda84dbaa7d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '995bcb3dc7db952ba469505552e2f689e354bcff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1cf06a1ae7e171f4cb5e0bf7666cb8a73b0de23d', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'c31848c13ad3db2d95e6b9e0929d1707341ab031', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cd1f4e7025c55c3cf5462645073bd59e2e79349c', 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: 'c0d0a8215c9751f1847b699321a55ab009f53b2d', name: "content" }))));
+            } }, h("slot", { key: 'd7f195a2f41508999deec8ec6a546676756c115f', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '4c045aa71769a45acc49beeab9bf818c55ff5a29' }));
+        return (h("slot", { key: 'dc56ec212bd493738002e610fbf5f69d4a84a321' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '236aa22b99fc42fff46e0d7db7a788db7c19cff9', class: "gux-action-button-container" }, h("gux-popup", { key: '08dcec7fdfc5aefb6c6b32c8dc069a4b0f08e12a', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'c094b186e7ca2b02205e343d44713918435d0ad6', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '31219740445d3fab33d1ad7cd58ef7c491e25e4c', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '0c049554f8175b729172202a75a898103afa6115', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '3a15d00ed18857c22a740dce49eb03c08299cf62', name: "title" }))), h("gux-button-slot", { key: '7ebf577f31e04241e3450dc331f6d392888faa47', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5d440d3bb3c99b5aa57439d3d1f6616ce5400b35', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '6ec521623b1bc73882e62204ade561bb9fbe2488', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '53f0b149489de2f3aced0bae3ffc3e572d490c6e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ed6eb4962dcf4d6b7cfd76ee12a87611a39040b2', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a1be18034b62a0295026707fb18c51112058ca6c' }))))));
+        return (h("div", { key: '35db406944257d9340a622c522875b119289b0f5', class: "gux-action-button-container" }, h("gux-popup", { key: 'aef35b2f588303b5859b277f50b997e8b5d170ca', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'cf506b4a4495f7b65526bac7793c489effa95acb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e0d60e8c889dcb1c28425f9bb894a25e6b398ec0', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '201d9670313375712594981c6bb5fbef1e82bf9b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '81653cae34cc63a6830390d30b187680db9b3abb', name: "title" }))), h("gux-button-slot", { key: 'e8ef9c8caacbc3f8077609ab6b6ad15ad89c69c8', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a4edbc69d58db50934dfe4e841d82d48c9d7034b', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '47c76dd50e8659d6cd31c6102631d3b25a9b8bde', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e3b47b5109fbf0baeaaa5bd483b1e673778f4509', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '85a72141778c8cb50986822cdf15980bd649b3ef', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '95c2763f828efbc74ec33a8ca25581a461bd98fa' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-badge/gux-badge.js

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '255622c77e97499f91576807adffc0fb5e170888', class: {
+        return (h("div", { key: '8686dd40d813d74bfc362e442fe3621040b1142c', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '6a5e9203be09fab0959f0dec947bf8ab69a26e5a', class: "gux-container" }, h("div", { key: 'c4511e0db2f9605e23f055275dd813103d58aeae', class: "gux-image" }, h("slot", { key: 'd73e935433d963002c4fd106b6156f058af95451', name: "image" })), h("div", { key: '3e5cead9db6e0de250218644a298746cfa519e4f', class: "gux-message" }, h("slot", { key: '91da6b28888872d8b7c01a989bc81e0ac0986ebb', name: "primary-message" })), h("div", { key: '7ddddc9f53283b61cbf6a412a9dbba0980f7ae77', class: "gux-guidance" }, h("slot", { key: 'd5018c40313612891f0a93041dc0086d9fc51b2e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '7e514e368c4267dafeeb7f1c6da8db6dd496ffd1', class: "gux-container" }, h("div", { key: '40b07cb4856fe789cb2f004cdaa94bee58ec9470', class: "gux-image" }, h("slot", { key: '34c73b345f050cf759202b45bffb2517aec83f4b', name: "image" })), h("div", { key: 'c13519b747979f6a449750896991e492948c57e8', class: "gux-message" }, h("slot", { key: '9265e265ff286653cd0205f2222d0859a131787e', name: "primary-message" })), h("div", { key: '329205bee7cf4be7315ec6f7ac63ee43285b30b6', class: "gux-guidance" }, h("slot", { key: 'e0a927b555b4b079fb927925bb5756c6ba93e300', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '20473ef24aa216223040e739c20038412f90aa54', role: "listitem" }, h("span", { key: '8772afe0bf03f5e34ff4fa8703b40bcd65947898', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'd924dd5f1391fd1451dfda482fb9e99c5e90d1b3', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0742dbb730e495d4d046dad103431238a1db7357' }, h("slot", { key: '9c08113326d2f4e4a94629c1a8a8348dfe19816d', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button/gux-button.js

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'c31bb1879557d9dcb1a5fc8c16cb83bb7420da4a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'b9413a30294f833a8b16cb8278b332064375c0d1', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {