genesys-spark-components 4.166.0 → 4.167.0

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

@@ -1,75 +1,202 @@
+export const minimalPanel = `<gux-side-panel-beta>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+    </gux-side-panel-beta>`;
+export const maximumPanel = `<gux-side-panel-beta>
+          <gux-side-panel-header slot="header">
+      <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+      <gux-icon
+        slot="icon"
+        decorative
+        size="medium"
+        icon-name="user-add"
+        screenreader-text="Screenreader text"
+      ></gux-icon>
+      <div slot="description">This is a description</div>
+      <gux-badge slot="badge">New</gux-badge>
+    </gux-side-panel-header>
+    <gux-tabs slot="tabs">
+      <gux-tab-list slot="tab-list">
+        <gux-tab tab-id="1-1">Tab Header 1</gux-tab>
+        <gux-tab tab-id="1-2">Tab Header 2</gux-tab>
+      </gux-tab-list>
+      <gux-tab-panel tab-id="1-1">Tab content 1</gux-tab-panel>
+      <gux-tab-panel tab-id="1-2">Tab content 2</gux-tab-panel>
+    </gux-tabs>
+          <div slot="content">Test content</div>
+          <footer slot="footer" aria-label="Side panel footer">
+      <gux-cta-group>
+        <gux-button slot="primary">Primary</gux-button>
+        <gux-button slot="secondary">Secondary</gux-button>
+        <gux-button slot="dismiss">Dismiss</gux-button>
+      </gux-cta-group>
+    </footer>
+        </gux-side-panel-beta>`;
 export const renderConfigs = [
     {
         description: 'Should render basic side panel',
-        html: `<gux-side-panel-beta>
-      <gux-side-panel-heading slot="heading">Panel Title</gux-side-panel-heading>
-      <div slot="content">Panel content goes here</div>
-    </gux-side-panel-beta>`
+        html: minimalPanel
     },
     {
-        description: 'Should render small size side panel',
-        html: `<gux-side-panel-beta size="small">
-      <gux-side-panel-heading slot="heading">Small Panel</gux-side-panel-heading>
-      <div slot="content">Small panel content</div>
-    </gux-side-panel-beta>`
+        description: 'Should render side panel with header',
+        html: `<gux-side-panel-beta>
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render medium size side panel',
-        html: `<gux-side-panel-beta size="medium">
-      <gux-side-panel-heading slot="heading">Medium Panel</gux-side-panel-heading>
-      <div slot="content">Medium panel content</div>
-    </gux-side-panel-beta>`
+        description: 'Should render side panel with header and description',
+        html: `<gux-side-panel-beta>
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+            <div slot="description">This is a description</div>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render large size side panel',
-        html: `<gux-side-panel-beta size="large">
-      <gux-side-panel-heading slot="heading">Large Panel</gux-side-panel-heading>
-      <div slot="content">Large panel content</div>
-    </gux-side-panel-beta>`
+        description: 'Should render side panel with header and icon',
+        html: `<gux-side-panel-beta>
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+            <gux-icon slot="icon" decorative size="medium" icon-name="user-add"></gux-icon>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render with description',
+        description: 'Should render side panel with header and badge',
         html: `<gux-side-panel-beta>
-      <gux-side-panel-heading slot="heading">Panel with Description</gux-side-panel-heading>
-      <div slot="description">This is a description of the panel content</div>
-      <div slot="content">Panel content goes here</div>
-    </gux-side-panel-beta>`
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+            <gux-badge slot="badge">New</gux-badge>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render with footer',
+        description: 'Should render side panel with header and tabs',
         html: `<gux-side-panel-beta>
-      <gux-side-panel-heading slot="heading">Panel with Footer</gux-side-panel-heading>
-      <div slot="content">Panel content goes here</div>
-      <div slot="footer">
-        <gux-button accent="primary">Save</gux-button>
-        <gux-button accent="secondary">Cancel</gux-button>
-      </div>
-    </gux-side-panel-beta>`
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <gux-tabs slot="tabs">
+            <gux-tab-list slot="tab-list">
+              <gux-tab tab-id="1-1">Tab Header 1</gux-tab>
+              <gux-tab tab-id="1-2">Tab Header 2</gux-tab>
+            </gux-tab-list>
+            <gux-tab-panel tab-id="1-1">Tab content 1</gux-tab-panel>
+            <gux-tab-panel tab-id="1-2">Tab content 2</gux-tab-panel>
+          </gux-tabs>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render with heading icon',
+        description: 'Should render side panel with header and footer',
         html: `<gux-side-panel-beta>
-      <gux-side-panel-heading slot="heading" icon-name="settings">Settings Panel</gux-side-panel-heading>
-      <div slot="content">Settings content goes here</div>
-    </gux-side-panel-beta>`
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+          <footer slot="footer" aria-label="Side panel footer">
+            <gux-cta-group>
+              <gux-button slot="primary">Primary</gux-button>
+              <gux-button slot="secondary">Secondary</gux-button>
+              <gux-button slot="dismiss">Dismiss</gux-button>
+            </gux-cta-group>
+          </footer>
+        </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render side panel size small',
+        html: `<gux-side-panel-beta size="small">
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     },
     {
-        description: 'Should render with all slots',
+        description: 'Should render side panel size medium',
         html: `<gux-side-panel-beta size="medium">
-      <gux-side-panel-heading slot="heading" icon-name="info" level="2">Complete Panel</gux-side-panel-heading>
-      <div slot="description">This panel demonstrates all available slots and features</div>
-      <div slot="content">
-        <p>Main content area with multiple elements</p>
-        <ul>
-          <li>Item 1</li>
-          <li>Item 2</li>
-          <li>Item 3</li>
-        </ul>
-      </div>
-      <div slot="footer">
-        <gux-button accent="primary">Apply</gux-button>
-        <gux-button accent="secondary">Reset</gux-button>
-      </div>
-    </gux-side-panel-beta>`
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render side panel size large',
+        html: `<gux-side-panel-beta size="large">
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
+    },
+    {
+        description: 'Should render side panel with large heading',
+        html: `<gux-side-panel-beta>
+          <gux-side-panel-header slot="header">
+            <gux-side-panel-heading slot="title" size="large">The Heading</gux-side-panel-heading>
+          </gux-side-panel-header>
+          <div slot="content">
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,
+      tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
+      Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+    </div>
+        </gux-side-panel-beta>`
     }
 ];

package/dist/collection/components/beta/gux-status-indicator/gux-status-indicator.js

@@ -27,7 +27,7 @@ export class GuxStatusIndicator {
         }
     }
     render() {
-        return (h("div", { key: '7573c135018829be3e0cbd6080266bd026226982', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '1e6b7a9e96ca7d30afe3dcf4623ef2b786842d94', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '404abb18d01e7bfd48e2babd11f39e5378868505', class: "gux-status-indicator-text" }, h("slot", { key: '962a7efea78d39534d6cda16972de3a334907349' })), this.renderTooltip()));
+        return (h("div", { key: 'ad1f1e6a860c831567d34ad5bba3dd95a5a9334c', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'ade6bc682959ad174431d6572966261f7c104350', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'c057ddfe0f5515d3b691f738e88263454fb17847', class: "gux-status-indicator-text" }, h("slot", { key: 'e62a87ec29e45b8800d41054ca1ab1b561a313d3' })), this.renderTooltip()));
     }
     static get is() { return "gux-status-indicator-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step-title/gux-step-title.js

@@ -18,7 +18,7 @@ export class GuxStepTitle {
         trackComponent(this.root);
     }
     render() {
-        return (h("button", { key: '43f7184f1214d8ce864073c0f558d8f8e983d17a', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'e68cb592fe0e5ec932643e4a21ef399976432408', maxLines: 2 }, h("slot", { key: 'e176f70b979743a4dd7526b896a29140a72b744b' }))));
+        return (h("button", { key: '443c523c63f29b42d4a6cbc6adf848bfb2ae867b', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'a1b508617900a426091baec4cf119d40ce3cc692', maxLines: 2 }, h("slot", { key: '97385de2d7b2fc9c9962a7d03cfcf23af85dd226' }))));
     }
     static get is() { return "gux-step-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -34,14 +34,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '89b4de1cb466de091fe0513c7c1428988d7d74c0', class: {
+        return (h("div", { key: '138bd81c011392e0b69f478b12056c0720bed45c', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '4866e4b9289b677e861a382028fe3a7a62709882', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'be271cf4a3ac8162f6395e57e8a318e35b316af2', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'f878cbc856da5ebbbeb31155dcf9521fc2250ea2', class: "gux-step-information" }, h("slot", { key: 'debc8de445a27170b585a344a9fad7ad6217ef95', name: "title" }), h("gux-truncate", { key: 'f8c5de3e7ad38b126dbef2532131b99a7abb5a85', maxLines: 2 }, h("slot", { key: '8d95dd1dcae8702f635259066c7daf8fd4661583', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'e756b08441febaa061e3a42bc5ea44aba03a5823', class: "gux-step-information" }, h("slot", { key: 'd108baaf0263d9b89b9132726bcc2b2733d0d8e5', name: "title" }), h("gux-truncate", { key: '73fea785882b6ad73c56d2b37c64ef6536130897', maxLines: 2 }, h("slot", { key: '571d98d8af9c7313713c132f056e3e72410e0b00', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: 'f3381adb68c7e5d794123ccf9e4ffc37a52e5649', class: {
+        return (h("div", { key: 'e47f240d69e16893425a93471aa31c1cb3195285', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '20860bd4416c31389ce3c728902e636d1a2496c9', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '11e714afac97055cc38a7f9f8f606045d64ad962', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -25,7 +25,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '37c85f60ec7b27300bfd305cbbb8b3b92732939b' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '305b2895b6e1a43dc0f9e6b9684777b76af07c29' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -143,11 +143,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '2fb8b801765a731480bd0892873bcb48d26e80fa', class: {
+        return (h("gux-dropdown", { key: '5678c0115e471da7d88dfe17a706e41731f2ed62', 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: '8fa0bc50185d8f2f78b3d470f5788393b91a3921', "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: 'bce0d5e03122db54277328cce178149c4481d2ff', "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

@@ -173,10 +173,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'ef97b161493a3bf62745dc699471cdbc80b70ea3', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'ec29c296c48cfcc30bc239962953eaafdea898aa', class: {
+        return (h(Host, { key: 'bb54225b89f361f12820f1912fcf81db8cf8fec4', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'a148f0b42be2986acfa4b38237a75d268c05aced', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '0b61c0f84af64d78ca87f1314e1d4e1ec8623619', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'b8a603426f079657827293ec48ca849e1e6bf1bc', 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

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '93889256bca77adc277200902584ddd9149bca79', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '85daa4b066b2c61878cb046f7785dc82b172b6ca', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'fa021d26bf97cf75348693219eebdea0d8a9dec7', slot: "content" }, h("slot", { key: 'adc1fb09673be048fafb51e1dd7692bc8ebe83e8', name: "content" }, h("slot", { key: '0ea7762bf3f489e73aa4849d08b6fbc4472823f3' }))))));
+        return (h(Host, { key: 'd0b2e3181a2588558f7ec6e6dce60db9f4ba7011', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'a43ed8e1a405842c2a0a18e7c376d8651aeb581d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '4d6464a3bbc979aac5149e41e44925e071aed157', slot: "content" }, h("slot", { key: 'be4cefbcf70e6e0ba729bd0083ec4f55f5268d3a', name: "content" }, h("slot", { key: '9faabb31c6ba49e5f4162b8f2e4c93568ee08c08' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: '2221c8e91e45704e0871e177628af99e6d845e4a', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '9c8cdcf27fe72053f537532a5a8608f33579a420', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'aae6ee218366be44bbc89f78fcf59947996bb276', slot: "content" }, h("slot", { key: '96fba8d8e09a74f27ca61aa9b6c17d6daef22ec0', name: "content" }, h("slot", { key: '36a1e5b824b251a596ec70dbfe081dc7ad48e953' }))))));
+        return (h(Host, { key: '63644551b967d0ac9845a6666f59a811239d0237', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '362c5ff0ed2605b11d75cef9d9603e63bf0f600f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '7710ecc8942e0c50370395f24d2456b8e34a4c28', slot: "content" }, h("slot", { key: '238564d49e4436d6631cbe3850a5b196e99c6641', name: "content" }, h("slot", { key: '0d87d1a053c7698ca323e84b305339673991a08f' }))))));
     }
     static get is() { return "gux-tooltip-pointer-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: '6f652e2c1e10a9900b766a3a61bc09935c599412' }, h("div", { key: '0870a23d3cb5ed97026bb3306bfcb2f754a94468', class: "gux-header" }, h("div", { key: '9ed779d26be60c2792b62dad6143b5d55ee40bde', class: "gux-icon" }, h("slot", { key: '6f53081650e1dd8917482c928edc4116f92837a6', name: "icon" })), h("div", { key: 'c3fc73c262673a5dcf02360b7a72c4bf4cf5a71f', class: "gux-title" }, h("slot", { key: '0feeec5bb2cb59cd75c4b6b3444667f32ea11ffc', name: "title" }))), h("div", { key: '53e049bc20bf947ea1837ced9d9e7c623a79a54c', class: "gux-message" }, h("slot", { key: 'd8a50da4dba28792183ce00985ca780e958a223a', name: "message" })), h("div", { key: '4489a8db4b21e631ebc4589c6da4e0f076fa5a72', class: "gux-action-buttons" }, h("div", { key: 'd5b615df285e72af23438c771c0882d84ec8e0cb', class: "gux-positive-button" }, h("slot", { key: '9232de5e29300867506817c1df715698fef34d5c', name: "positive-button" })), h("div", { key: '169af2e2c8333f261fef33ff023ce932a0e950bb', class: "gux-negative-button" }, h("slot", { key: '2a823d8defd2073029300e9755ae777baf291261', name: "negative-button" })))));
+        return (h(Host, { key: '1506992246aa83217b6d73cfdd0e8c85631e8278' }, h("div", { key: 'e51d40ec1cc3650da7a8c56b44886e19af8f5c82', class: "gux-header" }, h("div", { key: 'b82beceef04d6c3826865501295278cdd42eb59b', class: "gux-icon" }, h("slot", { key: '113bdb46f8e908f2ba692c61cbd004bd1dbcd68e', name: "icon" })), h("div", { key: 'd82f9009a6dc984f4b510f2afff51baacc7ad262', class: "gux-title" }, h("slot", { key: '572c9821793787350bf4794cdafa52578178e873', name: "title" }))), h("div", { key: 'bb9fdfeb5cc2c5e0b6ce799ae5c73f44e0377e99', class: "gux-message" }, h("slot", { key: '4b5224ff6c9b8d9d89599fb3844764caa02977a5', name: "message" })), h("div", { key: 'cb928aaca6ee3b28daef8650359d9fe081e53a2e', class: "gux-action-buttons" }, h("div", { key: '3031f0c0b5111bac18d42cd65c4086a26838fc15', class: "gux-positive-button" }, h("slot", { key: 'dde475930730886bea30537ace45997f091ca576', name: "positive-button" })), h("div", { key: '99c2f76f71099fce3a21e40fc51f920305d2a1aa', class: "gux-negative-button" }, h("slot", { key: '9ab48c1cbc8c92087b7427aedba720cd60eb2073', 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

@@ -50,7 +50,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '89414e60388609b46a93be11df7c6145d62a4f02', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', 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

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '8400f53e175bf9e92eaf745e8cf0ded8d9cfc90d', expanded: this.opened, disabled: this.disabled }, h("div", { key: '5e1f23fcf8641b7d3f874a2ee8bd12f5acb66c2c', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '89ae30adb36ad90fa4e141fb373bcfb6fb0c8072', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'c8dd208a96640eef3123126ddc1a5d2cd0690c1a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '2c057b1a959f8cea58ea14f81e38b12720b492d3', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ab2fa6ed676081d87905f92e0085f457908d3b72', class: "gux-icon-wrapper" }, h("gux-icon", { key: '957fa7ce2599fdf0222b4909d0c584d813bd2f23', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'e4713f03f4bf705608bd0d8ee159c20bb9e247f9', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '34a7f18fe2c03baf3cb9fc36d0b67585bf862d5e', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '7f92741207e3ec552b74808ad1c27d233f6c98d5', "label-position": "screenreader" }, h("label", { key: 'b6271e829cbdc8d9752216a6f1068bfafd4737d9', slot: "label" }, this.i18n('searchAria')), h("input", { key: '75bc35575ed2ab10d6a66957914995a961c373b1', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'f35ff963ea0936273394396e3433763ab1133aeb', expanded: this.opened, disabled: this.disabled }, h("div", { key: '1e34ff4b82be18a74ffd1f37233012e43f7fc18f', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'd49396581273df932ad86c71cc69d4ece2de0f5a', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '0f56eb0c5b7939573073b35aef386399e4c05bf9', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '6a93a48248890c16faf8a570786547d312f3118c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '876190acca853f1a7e1c01c1a4776c3f79096a61', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a8003e1eeebcc46fe533067a172a229518298326', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'eb4a9ba587e2c8495eaf8606cd1f9fbfc82b8a62', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c189b3f246e2e28ce4c0f44102e05b1deecdb4fa', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '249a443171cfa09a43f5a1fec2866fb96dba28dd', "label-position": "screenreader" }, h("label", { key: '270c3b22e776955348e945596f879ebaa71bd17f', slot: "label" }, this.i18n('searchAria')), h("input", { key: '0ec79593819d6196ffe1a4edf8fb0a583101d097', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'ddd05e144cf5dd0c7a0db3efbddc0cf76448a3b2', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '34c188f76b3331d648930035b159f3432b4bc554' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '42703d008e5454a339e46aa2c46c8306133f8f67', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'efd0d1d6d48d81da4ef16acf1ff29c6bbb2d24be' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '4111dd3b43059be6a0ffed715aa2fee476bdd875', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f2770836b77a6a1ba7db0e82c7dd4674870e4108', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'd87de125ed9716410b2de09d715e55481de92d73', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '0d1182b2d272a6a343b444b31c2f73ca194dccb7', id: this.panelId, class: {
+        return (h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'b940282ff6f990fc9617492ca1c75ddd19ac1906', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', 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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '4943e4abe8cf53e185586732a53edf2826b43a25', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8a72ccf3cf74527777d5d55ef99b1a7dd52a30fa', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3674335efe9c6df18013ca7119858781370eb419', class: "gux-modal-header", id: titleID }, h("slot", { key: 'cbb6a015145bbd934f31cc98866453bcd29bb999', name: "title" }))), h("gux-dismiss-button", { key: '27512c961be2dc0387803ac02cb273bf28a6ac01', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '4ddee32c31cb5f36dc4dcaaa9bebe9d200afc9fe', class: {
+        return (h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '2120ed7d06d32bb06f17550d72ff2633e5c6c076' }, h("slot", { key: '129acab722a226de61acb9431cddef03b24ce22b', name: "content" }))), hasFooterButtons && (h("div", { key: '0fc06c3ae09caa5f8eeeecfde27c90db7332c1bc', class: "gux-button-footer" }, h("div", { key: '7ef032ea9521743c9ad84e99339023f49c0f69e5', class: "gux-left-align-buttons" }, h("slot", { key: '49e2d01a764b8825c19a300db607c52fdf2ba310', name: "left-align-buttons" })), h("div", { key: '99390fab0605b28c1966657a35422f4c4cc495f2', class: "gux-right-align-buttons" }, h("slot", { key: 'be2e298b249200f41018991df6cda8ae602f0806', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', 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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '3f9c6596dfa7489c92a5f9bed9f1205d10fb05ea' }, h("div", { key: '763775725a68e23fe739518d5a1d0fd9ec3b7334', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '194ba15ef63348ed561e3afb2e96c43e9ed22589', name: "icon" })), h("div", { key: '9b0b9ace835af0c261bacaca7dc20dd50fdab804', class: "gux-content" }, h("gux-truncate", { key: '41f29cb452108f6e10a0563d911083968b585642', class: "gux-title", "max-lines": 1 }, h("slot", { key: '3ef80222ed16d9bfb0f252477c9ac8d47354ce4d', name: "title" })), h("gux-truncate", { key: '3214218397a9da6521a5fe961ac479e082f578e1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '4d5a74089ad8a513cc2ff01688aeca47525eb421', name: "message" }))), h("gux-dismiss-button", { key: '261e39d73cab9dc6c8a89deddb61b2a0329e7e02', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', 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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'c63c417569563759db37d6483d8cfca8615206a9', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7e6175e629a2b67ec50958918f191019d3681756', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '423b940f7830d2615ee94274505a7c1158cc77cb', accent: "ghost" }, h("button", { key: '34d109b24144cdb8f73a208ab0c34004105d5c22', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '582d8b855dd028b030c7fac4696693a5c2f91b7e', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '24efadcd4d0d91b16a9533dda3bf788c3fe8ede7', accent: "ghost" }, h("button", { key: 'b4c58d350cd88572728c0eed47e2f703cd4e4897', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'ea2a8d6f160161901fe7688243dd0f6d7e45d0ba', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '19804b13229fc763267ef3408f32d912102da998', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ad029532d9f25b97b54bce413761509fd7524544', accent: "ghost" }, h("button", { key: '46a9fcef0169ffd46053d06f6c414b15d90acc54', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8cecfd0d62e3170531fdcdad165f5ed83af0985b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3445d2476bd8b40167d9f68f5e7a0c0326d932a1', accent: "ghost" }, h("button", { key: '9a74ffeac3c254c839552a982111d8adc5ff33e8', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'bb5b20a9ad4554330b8b2b7808f09521791ab94a', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', 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: '0ad78813461f30f32bbbdfb70dacd194b735db29', class: "gux-pagination-item-counts-container" }, h("span", { key: '384f455df6c7ef74f1acac9cf376c095410456f0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7ce75a7a7aa1d6cbfd02ecbb5535344e7e5e75a1' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, 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: 'c4693f5500113693cab8f0dd00436924d9995bfd', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7575f2981b017e7ef42fad9c68b0693edd20af43', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd02a6b636ac9470d9388707913ffeb0134a6394a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', 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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '37591a531bb1a96437371d02454c868bedaa325d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '54c36c03f01dc685fef79d7e32e3f880b63f03a8', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'ce21ae938020b86eb2052f3cb57a7f27a3a903b6', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', 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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'ac3db000001021b486efd4c47cb68db317e7d3da' }, h("div", { key: 'c370eddb7240e6a70c8fdd5ee692e627ee0e2510', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c272ba5ac7233a1e13192f30f47cbb0078882158', name: "icon" })), h("gux-truncate", { key: '328717858c5420cd3d3232099b5644035a586614', class: "gux-message", "max-lines": 2 }, h("slot", { key: '29d6720645dff50f03bb257ea46ce8f41b965e98', name: "message" })), h("gux-dismiss-button", { key: '04140db2f38d422988f19da211eac3b5c1ca9e78', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', 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

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '6f7e73b2298772c74e952461c55d946c4b1f1d61', class: { 'gux-selected': this.selected } }, h("button", { key: '87f40b708e5e63ac42386e101fe01bf28201942e', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3443680e7f7b9512bb634782c0941fb93dfdc12e' }))));
+        return (h(Host, { key: '473d91b23d91706de57cd54e5bbb4cf37643aeda', class: { 'gux-selected': this.selected } }, h("button", { key: '9b47a44b1d319d18c193cd25375b3a56a44505cd', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ee5d1ecd3dce5be749976abe85047bd0b5511f5e' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '118b470d4eb5b7494144eff699bfa0c6c78ead34', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5a4639144f2ce30b1f1b5893d6001359913e31c8', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }