npm - genesys-spark-components - Versions diffs - 4.66.0 → 4.68.0 - Mend

genesys-spark-components 4.66.0 → 4.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (436) hide show

package/dist/collection/components/stable/gux-pagination-cursor/tests/gux-pagination-cursor.spec.js CHANGED Viewed

@@ -5,11 +5,11 @@ const language = 'en';
 describe('gux-pagination-cursor', () => {
     describe('#render', () => {
         [
-            '<gux-pagination-cursor></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-previous has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-previous></gux-pagination-cursor>',
-            '<gux-pagination-cursor layout="advanced"></gux-pagination-cursor>'
+            '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-previous has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-previous label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor layout="advanced" label="Example label"></gux-pagination-cursor>'
         ].forEach((html, index) => {
             it(`should render as expected (${index + 1})`, async () => {
                 const page = await newSpecPage({ components, html, language });
@@ -20,7 +20,7 @@ describe('gux-pagination-cursor', () => {
     });
     describe('guxPaginationCursorchange', () => {
         it('should fire guxPaginationCursorchange(previous) event when enabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor has-previous></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor has-previous label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [previousButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -31,7 +31,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveBeenCalledWith(expect.objectContaining({ detail: 'previous' }));
         });
         it('should fire guxPaginationCursorchange(next) event when enabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor has-next></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor has-next label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [, nextButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -42,7 +42,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveBeenCalledWith(expect.objectContaining({ detail: 'next' }));
         });
         it('should not fire guxPaginationCursorchange(previous) event when disabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [previousButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -53,7 +53,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).not.toHaveBeenCalled();
         });
         it('should not fire guxPaginationCursorchange(next) event when disabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [, nextButton] = Array.from(element.shadowRoot.querySelectorAll('button'));

package/dist/collection/components/stable/gux-popover/gux-popover.js CHANGED Viewed

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '1636856365361a8e45fa477b94d6ea9acbb7b3ac', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '444c2583793aa85b86a74a37b2dcc42aa3dc9037', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '218fcaf5cfbab4d6c46c2b432fee2421a67a14b7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd6458f85deff302f3b756897ead6894603d4fd14', class: "gux-arrow-caret" })), h("div", { key: 'cbd7052f04e354070633316a3c3c5ac544442ba3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8675905dc5a471ca38c628caba7f15f46d9f2ebe', name: "title" }), this.renderDismissButton()), h("div", { key: '90289dfa658c5e425a65f5d75cada50e256be0a0', class: "gux-popover-content" }, h("slot", { key: '4c57be1cc853722f638fd63c4765db80393ae0b3' }))));
+            }, "data-placement": true }, h("div", { key: '865aacfbd91e5667682234276dcaa2a56bf77b99', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1978bd54cb3033943414aa049506f0f659f77a2a', class: "gux-arrow-caret" })), h("div", { key: '8240de5a2cd2b27ed63ed3386001f5bf01d3d565', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '319131eadce4c1d106af83c40398a7807b1e7b40', name: "title" }), this.renderDismissButton()), h("div", { key: '503d7a1ba3a294bff08451b9cdcb6c1c7bbe54f2', class: "gux-popover-content" }, h("slot", { key: '3f9d318feddcf5a0f9e6a9448ba21da628b88660' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js CHANGED Viewed

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '6386cd6a7deb7cb91c0f7391521a2e0337d91014', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '56369dcbcc379cef82bfacb99053bdf47ba3c9ec', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '7f85c0da09bb13d74cf2b2fbba398cf18e6d81e8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5775ee19dffddfc028bae3c0dea63bef5d996afa', class: "gux-popover-content" }, h("slot", { key: 'b03f47ed7d2a25a6c30623de5cd08e0b36b6ecc3' }))));
+            }, "data-placement": true }, h("div", { key: '0af764483b443ccb294f8d720ff3566cb5db8653', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '177ca9470cece727f489134d53d4bd7adddc2233', class: "gux-popover-content" }, h("slot", { key: 'b0c1dfd0335f1f5ce8d8ce572e08214d74fdd032' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popup/gux-popup.js CHANGED Viewed

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'c54a9bf9deff3f90c635ec70b403dec5e2852430', class: {
+        return (h("div", { key: 'accb08bb2adb5c0decbc1bf9f8114e4b57245e82', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b88e446596967cb7bc8935a6fd0848bee2be5bd8', name: "target" }), h("div", { key: '3e28d7b2961e9c15ecf08a71c9e861fbc00c100e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '18f414275d6f008722285cad1f3138d2f7906633', name: "target" }), h("div", { key: '091c9442146e4c6c6de45ca93fdf182371385cdb', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '01f700be2103e361ab985a65dc68984778c7b299', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'd8f27901d779874d2227ae4274bcfc63e59e0d4e', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '2044d43ad0a5e1661918f2de4cc5791392763b50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '968af7594dd93829ebe769cc7f0158c503a6c4b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.js CHANGED Viewed

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '8c45a3e67a8475372e8db0905980883f4c697b43', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '77712593c169f1d207339c5f64d470bb75449332', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '691cc337116ec6e6e42269d5a496e67433567ef3', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'f0fcb3bc30fcc6c1ff53b123e73e370bc64670ad', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'cdcaa4a476d40850b1f700f25fb721dfd98ee021', role: "listitem" }, h("slot", { key: 'a3578e9013557e84e746a04f3fce882220e2e606' })));
+        return (h(Host, { key: '5e7f6e51781f8b2f46a84cc337e667ea4363c991', role: "listitem" }, h("slot", { key: '91866ca98ae12165a473040ee1455173805dce23' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2f6cc08bc5d504bb0bb0f4905e2cf5fb169986be', class: "gux-container" }, h("nav", { key: 'bc38064f91e254b03b8dc467113479c801cf50f1', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'fa61dfdf81585391fbfc603a9e001faf459cd176', role: "list" }, h("slot", { key: 'bb6bd09759b33ea5a4758071c2affb3e39ad3205' })))));
+        return (h("div", { key: 'd4492f9e8dec93c146041f1000aabb0c13337b64', class: "gux-container" }, h("nav", { key: '2722db41475c3e2167c324f144830980013feaac', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7d687af54b14b8d0ed18fcc5e25658909adc2c4e', role: "list" }, h("slot", { key: 'dbd430db5add4954ca87d48c4b02839869158cbc' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'f7091537f134afb6dbe541e1a0edbc5e65541ed2', "label-position": "screenreader" }, h("input", { key: 'e770623b7a54b461c03efa7613abb72f6a46adfc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf0d66ac4dd2aa23ed42f7aae82abed163615fbd', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'bddc67205d44f2bcd805a7eea85da06d981d9ea1' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '3e5dafd0793cd6e3658505b6e9aa1b5acf0b500f', "label-position": "screenreader" }, h("input", { key: '022a1dd86af3c663589375f18b5624126c892261', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '100b631ce01251ff2d45f00e9c9dcf20d3a21c7a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a114849e07b2e635332a7e12a3545126a95a8eb1' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '04b29a74ef241b861f1a99ca237169c819aeb5c5', "label-position": "screenreader" }, h("input", { key: '4fb549cf638c669d35a2472b09e42e5dcd56fac0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7fcb02ac29eca8fb5c0e5c67b5155729c572285a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c4515b6bcf3e1d4974e98eed8875171475cc5896' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '4662fd97d1e4c2daa7baba26bc018683151985d5', "label-position": "screenreader" }, h("input", { key: '959f63a3ad50ddbec365639e03c7fca2b5e4a902', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f4d0410659f05206c5b050f078d6d59c781e5235', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f724a7017c7a2f25e50b76a7883024bc0aebd641' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js CHANGED Viewed

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '397f9db3cf1f7628b5378069d44081301f3ddd3a', class: "gux-container" }, h("button", { key: '4ec065ce7629a15cc25a8826e07ba14ed48b395c', class: {
+        return (h("div", { key: '44ec7eb63d0766e29220b7050392ec25acc07f50', class: "gux-container" }, h("button", { key: '758ed733a3fa3dc677f542894cc6edbeca784369', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '5a83babe4ee256974a119b8e9cc7cbc55011e213', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '0a8227b9ecb4f352034080cff9adac1dd40a499b', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '27accd8e618cd110e75178974717d5f975978507', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'd8cd6f07f90701564a1c9edfa6ff7eb7220dfbf4', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js CHANGED Viewed

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '94e4a74de88db0cf7ae8cf1a83afb83b4fe9f9e6' }, h("slot", { key: '5ff5e7ed4af9a059fa2fdf70b4451dc7fde56c16' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'b61fb204288e7ec877e554982d1e630a888eea9a' }, h("slot", { key: '75130ea7818ddae583f48720f94e152aa8c405b3' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-table/gux-table.js CHANGED Viewed

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '28f1ae08348917fe0325aeb8e2026040457e5c47', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f2b4384a3f72205afc9b024e1533081934a95ae3', class: "gux-table" }, h("div", { key: 'ea1d225bd4e636a82ba99c822ec828b18c894d42', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'b0c296117bda130a41ce2794580d7446f29d9bb1', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '640c23826326a9804fac62f1e3c949069bcb9a8a', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c15b8f39da42ab8e0ed515d897d13be27dab9005', class: "gux-table" }, h("div", { key: '44437a2bb97e9c8ae45670528cf2f4118998650e', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '457ae02bc48c90ea86ce17c7c9e4f7acac0294c9', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'f3344dc4e10393a62567fd5a145cc7707088c3b1', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '093e3cb20725824396f046430a24e5945d8a9853', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'f079f578d955e73b635658807d3550bb146d319f', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '85983c56028e5af68f976e25a605ced835eb66f6', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ee601ef0afe1d3c8db8a213cf301f7c736f7629b', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '5a5359f57ba4d0686a3943bc34577611a9cefef4', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '28a3fc9e222269eb83ddecadf3f2a103ec24cd5b', accent: this.accent }, h("button", { key: '85c5580edc1f80148e86382ec4601127366421fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '94e82fd1f393a6c534db844740bbb673161e85b4', name: "icon" }), h("span", { key: '54c7eec8e9ee852eccdc31880fbb65a9647f1357', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'bf516fa6cfa9d2485a9559d634bb0c7c18bf1566', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'fbfbf4032d111626b70dc310cf69fe3b236a67ba', accent: this.accent }, h("button", { key: '190d7decff0a8a2ef8168e98df9c84b44ffb462a', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'b88bbb89d46a797487831280d83d9a9bed6f28d2', name: "icon" }), h("span", { key: 'c91f4bd831eaddd5627e00efc6ff9c5d59cb714c', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'fa8584f8f4467e7c9a7ed722ab833fa15e2f0448', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js CHANGED Viewed

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'c7a92879e4c306e7a81b953149a4bc639e4df348', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '136c33a231f27fbc3c1a052cbaab6d567c7b8160', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '2eff53b7ee957e9f4871f8b488e0fa3e8b5c0bff', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ed16d673699e160f68693dd2e2b8d1be01067570', class: "gux-menu-button" }, h("button", { key: 'e0b1d7ce0b2cc777a6d5092146e845c4b8ea8de5', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '088e572e5d4b64b6dfa411939b831a7e4cc61396', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '411f95c4b3a7e7272e8dfd3d4d68b49b3605a601' }, h("gux-icon", { key: '5597fb028bca1d6a2c30ed8ebb2654058eb4c759', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '1a4d6f4d8fe70a2889df924e678db8166c3d8446', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3b2a88de69b63ce340773043af264e01190cc576', ref: el => (this.listElement = el) }, h("slot", { key: 'd777e5d9e23004fbfa9d83ee6cee90119fa45be9' }))))));
+        return (h(Host, { key: 'b3e8926b4d845872ac9194310cb7e00653fc5857', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dc4781a1bcb2f2fd1ac6c5d471b3060fd0d3c9c2', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '99b746f9410b27b754bd118865093fa71b6385b2', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f98a4eccdba550cc80724d379488b5d44209e2c2', class: "gux-menu-button" }, h("button", { key: 'bfc2b7c522c448579d7c812ad8d77ff093a9b4c5', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'e668438010b5e751750d5df61acc5506af876fb3', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7fd72a8a148368b9205ff7d39495d0ceb7981756' }, h("gux-icon", { key: '7edbec1bd7aba1c7fc6b0be4572eba4e5e82906e', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '7f6773295264d18125bee3c743f56f6f2ee54c5d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '003354bb43a1a2bcc9479a04401b1774d474d55b', ref: el => (this.listElement = el) }, h("slot", { key: '0fe4890ec05994c61c2a233ff17ba580dcee916a' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js CHANGED Viewed

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'cf9a4dc72eafe940aacbf8b3d9f09969ec654d2a', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '3454bfffb56b17503c06ae42d64aba33c79a3e81', class: "search-filter-container" }, h("slot", { key: 'c277d52cd2744664d70dd3dc5170ac9fa1c2d44b', name: "search-and-filter" })), h("div", { key: 'fc3fb309fd0b151b1fe6036aa703329b48fed458', class: "section-spacing" }), h("div", { key: '282731eb3487d813b89eacfa731024e55858affe', class: "gux-contextual-permanent-primary" }, h("div", { key: '79e6dc09ae2010dbb515ef1d4574293fec3edee5', class: {
+        return (h(Host, { key: 'ef083e4d8e805c0396ea4479691996d8b87471ca', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '91b493ef138435880eb5551963d7c12f53fb0d9a', class: "search-filter-container" }, h("slot", { key: '605612cf64ea0784e142f7483e26fc9b43769280', name: "search-and-filter" })), h("div", { key: '0eaa154224453549c31f79efa74ed1e3dc93744c', class: "section-spacing" }), h("div", { key: 'e9dc5a30cc5463157f52ca33fda8829a9c0c6b70', class: "gux-contextual-permanent-primary" }, h("div", { key: '02f7063e56f1efecb087b7ad26acf745358b4034', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '6aebb66e9f4d620e56142b2f26b86a5dac142fea', name: "contextual-actions" })), h("div", { key: '11350799ce8e217ca5a89fae1060c60b12b2d216', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'bb1b8ec34a05311d5ee8158cab1732c5002b664e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '256c84813e36d3e313708080477c5b06b58d486e', "show-menu": this.renderMenu() }, h("slot", { key: '195b836e14e815a99841285170b8178c6552353f', name: "menu-actions" })), h("slot", { key: '65bd6367f3d1697fe1431c8fed12f52107a925d1', name: "primary-action" })))));
+            } }, h("slot", { key: '92f650751d1d50a3e0e6ada98eaf0b260976e129', name: "contextual-actions" })), h("div", { key: 'a047f9ed773c0a1cfeeba0a68f0b7081a7b9e72f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '6f458673b413e9c702ebb67502fbc5f41bf66499', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '51bd44587c2ccb050bc9d14510f5f6398c3b074a', "show-menu": this.renderMenu() }, h("slot", { key: '542dff36e79f15198411a40f9433989d311cc1bb', name: "menu-actions" })), h("slot", { key: '3bd755dbecb96dc5bac2fa3873a7673a08c1e3fd', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js CHANGED Viewed

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '40b59bc9c079e6f580b4e18781aad0cf96117370', class: {
+        return (h("button", { key: '81bdf9447ca8ae69863bd544b1f9e73e553cc816', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'a241e0585e3b67af6d79cb17a679211bf6541451', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '91aa1685495c7282e0ba167392b661e920e71904' }, h("slot", { key: '972d7c3d736644810386da21922274b5ec301388' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'fc5e1c772687a82be564099b8108f073bc25ca5b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f33adfde825a821d70f7329ee7fa3d5d48195d16' }, h("slot", { key: '820d7cc7d7bfcbb6b873b839d3e8af5299bc3a88' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js CHANGED Viewed

@@ -247,9 +247,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'c9a91a5d89a87055002e45d1c3964912555b42d3', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '2e53d555f423c59f458e8f8bd3f1236371a1e9b3', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5bfea446c06777f71859dbca4a3cf13b6177e1e4', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5d5072277f97bb9a784458ff90b6e8d4fb9903a8' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '8c6dd7bfb1a3d82607a1aa57b8c5e55f6b98ecad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '0ceb1a7325b9e9350cb58b4754b59d4dfb0e05a2' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'e1dcadf08dbb83b0bf0d9cbc0a70c898fbcfd83b', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ef6a057a3ddba70bd0763c6f79dbf2a7e2a2d689' })));
+        return (h(Host, { key: '286d16c51085bb2a66c9896b45aae24b6c21f6d5', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'fbcfec427ffd7450eb7fc590ed6a082057d0df14' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tabs.js CHANGED Viewed

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '79c9a07f427dfb80c70c49970e8cfc7438ecbc94' }, h("div", { key: '4b17897027a5d6d2345b12171c9e550158708eac', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '1fe4fed76ea0a0dd54a3e0b70a5219febe2fdac6', name: "tab-list" }), h("div", { key: 'd4cdf6798b639f1e7332c5739379cc2bc9ccd04c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e08bcb05fbe5d5e8c0e0b7ad3a108e7cd42097c4', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'b53ec03973efabbacb8a512c283371e53c3fcae0' }, h("div", { key: '4a8734e51b6fec10d5f1758951c674b58a51bdea', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8593e90845feea760226fd736c5bab4d8ef332cb', name: "tab-list" }), h("div", { key: '878bbc1bbdfcd6ccb15885fe0c60a13e17db32ad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'df998e7506e3644378970b13e769ca93bede3a68', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js CHANGED Viewed

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '4e4f3eb23b9accf5733f12676ae217b85a411462', class: {
+            h("div", { key: 'f72fef4bcb041e433c95eacf36ff3d43b8f46e69', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'b10764e5b0dd827cfe2aacf2515b96446bd8ab6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '907fa2c3810ab970d3ceffb7ef92be8403fd485c', class: "gux-divider" }))
+                } }, h("div", { key: '0bef4042194f54439788d8b8678dd93c893b785a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '76d5fc3d31c95a43a385bc089fef860d3f652d0c', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js CHANGED Viewed

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'dfef8d9099b3d10ca51435ea52b2bee1be311fc7', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'd2ee1330137228418ff68f00ed78700bee375c60', class: "gux-scrollable-section" }, h("div", { key: 'aeea0fb1b2bbe0e0b44e8c80c6cc603dd09c2737', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'b058061a3cb63e38599ba65251b1926b2c6d44d3' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '3d8d17310c168dfaf023a1cb30f43a50277c8bc0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c59a213a334ef5fe8d3fca4a357a6785203f164d', class: "gux-scrollable-section" }, h("div", { key: '27156f10844d02d9b6ffe9122572c1664b44b755', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'eb42d2120aace4ee9f64fa0d083217078bc610a5' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '7e8e1e27e46f004bb33a17d56ada993e10513de8', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '3cf4fc3afe516bd3efe8d4b2bfce9da056525662' })));
+        return (h("div", { key: '04e9e13c546e6445349c9fd01e8646b637d6257b', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '3c3321dfff172ac1c98cfad1a47bde80e0148394' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js CHANGED Viewed

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '443e36880b478ae80d686e5e81ab7802da2f774e' }, h("slot", { key: '5bf4b176afa32d1d690907846b614cc9bd9fb6ba', name: "tab-list" }), h("slot", { key: '077f01ee7eaa856e6d19abd60455b2cef159aa8c', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '4266b6f3c71f38dfda8b84fa121ac1100e5f7a17' }, h("slot", { key: '9b89d767a0a63465a16ae9bb27b70e7fc26d7d10', name: "tab-list" }), h("slot", { key: '5bb6b307547f6dd9cd0bdec102ec955c0a89aade', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.js CHANGED Viewed

@@ -55,7 +55,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '068a02d8d6b4b64c04d4bad34603c72a19ba8338', class: {
+        return (h("div", { key: 'c7bfc2852f079f1b76e8bd03078d979350c68ac3', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js CHANGED Viewed

@@ -210,7 +210,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '0a5cff6c7c7646c518c28c733ebb83810afc4351', class: {
+        return (h("gux-popup", { key: 'c477dc43f9d65a0b9596f2bdde0d1e50e6a9cdfa', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-toast/gux-toast.js CHANGED Viewed

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (h("gux-button-slot", null, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '33cb4d322c298497ff8a594612bcd9e06f77a437', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '0b45b82bbbdc94af6555906881742e2d228a0173', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'e03727a8e5b62ee406dd14ab120e0c6e7b55f466', class: "gux-content" }, h("div", { key: 'f5e8fcf4b6b4d935a2e7ae62414dbdf5a9213633', class: "gux-message" }, h("gux-truncate", { key: '843aeee809eac4e11dc5ef26eff634200a6bb4ff', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '74c766c478ab65405716afd51b95aac5b15c3eb9', name: "title" })), h("gux-truncate", { key: 'a13a0efb5a147a22b54aecaa9dd6e55ee15b64e5', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '772b208a113e6d3df0e0e76badac7ef023a045de', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '2ff36cc627db9cd1e8299184058071cddd29772d', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ea1b4ab581190af174e87213b944051b26a72153', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '5a0fc8e801f98b8c7dc2d70e37afa44fea96c421', class: "gux-content" }, h("div", { key: '5333aafe5e9e08dab1e64bd69bf0e8f5b01204c0', class: "gux-message" }, h("gux-truncate", { key: '5e83fe7bce37531dfc9772c8841cf5b4d29c1cd0', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '388a113c86a5225444de00205f90222d2108a96a', name: "title" })), h("gux-truncate", { key: '70d33b0e613286633a923113ea66b90071a6da62', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '142f405d78ab66b329a489355fb2a72d1a816578', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '50a68ea0cf3d677d2a2d22f2d7b58fe550fd268e', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '0a81f23d1bb0caf6d8f41b782e4ad07ce767364a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js CHANGED Viewed

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'c547131566934ffc498bf6e4ccb5d8cff2b4f9f7', class: {
+        return (h("div", { key: '94c0f7c75636bcd132cf47b0100f1f22c516b34b', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '8e052ab5dd50b14f51af942aa053cbd98551d31c', class: "gux-slider" }, h("div", { key: 'cc122fed9e2d0aca680bde33f1d5ff7bd12bbace', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '7e23f5e381ab3144bd430304382593cf4586f83f', class: "gux-slider" }, h("div", { key: '63244a602d673ddbc1dff6ac09a4ca79536fa9c3', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-toggle/gux-toggle.js CHANGED Viewed

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '31b943b4ee446d9e3b0bcea4457983df32c73a76', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'e7604cbb16bd02dd4532b26fdfcabf07e06df935', class: {
+        return (h(Host, { key: 'c12c165353a00963269e9e6885186ebf8e2d34ce', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'baefa8f82fbb5c1b1532d916c73e6d3a3c2b1d7c', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '940cb4d7be467b7c9d159d19d6e25332f99ed09b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '86d1410b3ef094941ddf9cde120fa2b92344cc60', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '03eb905c880958479c64522a71d477a8554633df', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '1675924ac9cb360889e231ba78c121d1b64e364f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '545797c0360b20a29ae5eb7759be478f5b481236', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'd3ce5ae35b192aeac18b4992755e312b010080e7', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js CHANGED Viewed

@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'af78e37ba9f25700dbe177e4eb23e423769cd192', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '2c1930475146e66ccd8a22c06eebc461c945c2ea', class: {
+        return (h(Host, { key: 'd57009b6f714e81996e65eab6d0265787c6eac88', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '3198dc4aec412bf3be6f995a39ab0461316815a9', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '450f4da18aa62481118654dbd182a0da86e5b508', name: "content" }, h("slot", { key: 'e6997c8097d306de14960fa7f6775495252f11eb' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'd3dbc7e07a27a39d40a69d183f665b7b0524aa87', name: "content" }, h("slot", { key: '9354092ceb1bc503c844b8111be52fdf8d8c02a0' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js CHANGED Viewed

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '590814a2a8f0afb88bf1c942c2eb23b3491ec803', class: {
+            h("span", { key: 'c4c0daf70882a8cf330a85a7b3671e3193c1aa57', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'ff8eaa8cb1aa6035088360a235485ff054e10288' })),
+                } }, h("slot", { key: '48b2f759db1e2a3b82efffc4ad37fd49ada939ea' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js CHANGED Viewed

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '365eb81375052d7978300acde15726eeac601727', class: {
+        return (h("div", { key: 'a7f584166411c95306bd9b70b06bfc1cdd07cb82', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '44ef83a0f995779c50faf66b2a7d13fb4155d4af', class: {
+            } }, h("span", { key: 'd8882e412bd315cd36c5a2c2e882d95671190ff1', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '9713803c6aac1a66072edb0d6c2475dc3c2649c7' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'b55476299bed12aa63e8429aa5db3efc9a2c0266' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }