npm - genesys-spark-components - Versions diffs - 4.101.0 → 4.102.0 - Mend

genesys-spark-components 4.101.0 → 4.102.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 (550) hide show

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: '15f5c49b8c2946d1cb96d2ae33e16ca7483a3364', role: "listitem" }, h("slot", { key: 'b623b523806389a143fe22f25c42c2932bbff775' })));
+        return (h(Host, { key: '3cf239bac6ef3eba065bd98932ac78068ea4682f', role: "listitem" }, h("slot", { key: 'a6af5106df3bfcb31e98641ee76e6b92ae042986' })));
     }
     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: 'd55f6a785f3f477f0937a62447a99b047c8b8555', class: "gux-container" }, h("nav", { key: '0e46eeeec2e9229afac1ed08e6662f3fe227a045', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2ad3b534a666098ac66f243b4a3c3bfb0f5711ee', role: "list" }, h("slot", { key: '2bb04098ffe1493dcdff8fa68007dc7c0eb9f4d1' })))));
+        return (h("div", { key: '9abc91504e4e79581481f7f71cd3d1c7f3fa3a9b', class: "gux-container" }, h("nav", { key: '2d6f7122c6ab0dd69df810be080e19714a80001d', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2341f3691b1ca3fb85553b52eaab343a013d01e0', role: "list" }, h("slot", { key: '3f3f0432dfd21f30cd105bd325dde75a1c21fef2' })))));
     }
     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: '478e128a83e942fb6c14c3429ec892b5ea10fbb8', "label-position": "screenreader" }, h("input", { key: 'e3aae24d7c449a9faf83c50dd7c9778b2ba074aa', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '6caef63253cbfb13a3222ce7ecb7a5763bce243b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d4b3d6f738be391046eef766fdb76667fcc055f' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7c0679d5b8862635c51b025e5785b76af5807f74', "label-position": "screenreader" }, h("input", { key: '9204be53fb81ff70751b2b549ed704d3c9f2b7e8', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3258fe91fa082d8a18e22277bad5530b0791241b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6633c06bec16cb51f24ee1f7edaf2a974c3e54c1' }, 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,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '45a55fd8caee65d5cc2f2b2b3545896b0b2e604d', "label-position": "screenreader" }, h("input", { key: '6f6185eb82fd3e3889ac7fbad2f0114ed48ba145', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '9e49a0496ca642837a732ac24f2852859f590abd', "label-position": "screenreader" }, h("input", { key: '6a4fa87b050a4585721b6c9071476a1170080f68', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '93040142830bc742ae90ca5f85bf2ee4803da0f3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '04dff5a173b02eea2e3a55cdf0f7387a1c73d76b' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f7288865c1c2384a713ff156dd21f98ece6b55d1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '39d82a8218e82153780d28b3e144e29929043e88' }, 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: 'ca96badbee09803ed7df08e49bfb611eb88004b5', class: "gux-container" }, h("button", { key: '6edd32c81093ed6407aa4e4f853a347d1feab7b6', class: {
+        return (h("div", { key: '33a69ff4039ba50b83b4b3ceea8730d89bff1bc5', class: "gux-container" }, h("button", { key: 'f8599746413422b2bd01866b29c7ed415ecb6f52', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a3c1dd5097c83d89ef868c73857f544b828f1c6c', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eeabfbe9a6cdddd036d608160b9194c05e14ff03', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '90a4aabdbde527aed831495a9783c485edac59c3', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0eef282751a202b8e5b244d90a0bd5786b3e4358', 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: '9d5841b060c561260d07be0dd13642ecb74669a0' }, h("slot", { key: '28fb0869156c3f08c2aec24ff814a89c3c9352d2' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '09690939f3a8f948f114138628a447d9b3bc2d2f' }, h("slot", { key: 'abc0b94b3d767b7f93bbba63dcf872171b774529' }), 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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '49e4e604e708dccb68986bf8c636af554ca57766', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '177cececefd15a2b33f3825e56f6b6286ae40e93', class: "gux-table" }, h("div", { key: 'dd5159b0bf7630511eb4dc32d1ef89837c01f57a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'cf4c6d3c16a7cfc313083838d2285e6783e334db', name: "data" })), this.isTableEmpty && (h("div", { key: 'ecb503fe898157d37e2a06d0370a7a66e5883fab', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'cd7572a4c981643e330c4ebad539f620c294cad9', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6ddad814adfc1f97421f5290f6dcf20ef665d568', class: "gux-table" }, h("div", { key: '65aac625a34104faa6540f4ae054735f95a63f01', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a6d559f9eddec06ff82ab6e81b3b6dd1db68318b', name: "data" })), this.isTableEmpty && (h("div", { key: '28609a30088e67019e6501281876e447bd7293c2', 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: '4d899707f437785425aaefdf79fae2ebae5d84db', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2bdb3be3314e2a6065af37890fbcfbcbcff2d690', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b364fa0c4544133ac8e0e1a8e6f19c503cdaba65', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '3f1974c9845137714273501075f178ad905bd50d', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '9da623ae34eed012af27d4cb9fbbc56205215032', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b9eb6907bf69b12251ff1792baa561152b7e4c43', 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

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { getClosestElement } from "../../../../genesys-spark-utils/get-closest-element";
 import { trackComponent } from "../../../../utils/tracking/usage";
 import { getSlotTextContent } from "../../../../utils/dom/get-slot-text-content";
 /**
@@ -17,8 +18,13 @@ export class GuxTableToolbarCustomAction {
             event.stopImmediatePropagation();
         }
     }
+    hideText() {
+        const parent = getClosestElement(this.root, 'gux-table-toolbar');
+        const nonCondensedParentLayout = (parent === null || parent === void 0 ? void 0 : parent.getAttribute('gs-layout')) !== 'condensed';
+        return this.iconOnly && nonCondensedParentLayout;
+    }
     renderTooltip() {
-        if (this.iconOnly) {
+        if (this.hideText()) {
             return (h("gux-tooltip", null, h("div", { slot: "content" }, getSlotTextContent(this.root, 'text'))));
         }
     }
@@ -26,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'f526767c714fac8cf1b4d6695b39093c02088f2e', accent: this.accent }, h("button", { key: '196503528677a72d5674a8d7f236ae318dfea2ea', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '9d1a3479dce67513ebe360897295213cb5c0c62e', name: "icon" }), h("span", { key: 'eb80e014a2bc70d3af5ac20121f38998cfbeb0ba', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'e14decfdd2d853953108790f452ea68151368c59', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '73e5c9c42706220ae8c0e1038663aac894d44585', accent: this.accent }, h("button", { key: '7987298b01b6dfbb404d3e0a3f2e2fd2113324ce', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '995463971d19597d98a322558f8e748fe551f74b', name: "icon" }), h("span", { key: 'da689d397f76d65b9245f65e2f564f1235d3e869', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'cb930e223bdd250c00770ea35c8447579bd9326d', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '7822e2eced6840d51c542f4d867fc6b325725ad1', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a5749ee21b0ffb1f82551d8b541a58d42732ccaa', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '0ff587669707b324d26618ed9f4facb23a371c82', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ec243134e8eb6d47d09f079c446b446d7e6a3e2f', accent: "secondary" }, h("button", { key: '5aebe866d36db9ceb60e6a6326684ddfc19d303e', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '09d1d8f3eedabb8aeeaea726a50fc93ea79cee4f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '1cb9a3d6c0607a3426c4a5150f4d96acd509d375', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '249b4eac2ca256bac3edf798c37382945ec82760', ref: el => (this.listElement = el) }, h("slot", { key: '10855ea5a2a9ae54b68b6dd28e1395c6d0ab6dcd' }))))));
+        return (h(Host, { key: '636ebd482d2bb7c67f0cd12f6db5655cfb781253', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e22e49fa8ea5a459ebf6141e87d946a8ef7b966f', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ff4db5c913e91a14cf56450dff9863ae60b0d633', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0c8a1bca10d9bee4d5058920c4feb333c7abcddd', accent: "secondary" }, h("button", { key: 'd19cd9df85aa365a1063a7545fde4855fd92a24f', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '3f9a8dbd3f292ab7db7a1d3cfd4098dcbf8ee3e3', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '9343a269d9dea0b72555d0945071c8581affeca4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5add0123f2a103b39c64348635f53c0f7aafc7e5', ref: el => (this.listElement = el) }, h("slot", { key: '5f0784c0afa5ffe56ab7f5194f420fb19cd8d002' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '9d7cea0192fb40e86f99fc33165b765611213183', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '0006fc3da5f9837a7ee5ccdba8fd3cfbdb5fa0c9', class: "search-filter-container" }, h("slot", { key: 'd0ce95fdf024f11a03fa1b72e040bf52b645e77f', name: "search-and-filter" })), h("div", { key: '3b79388bdef253340baf8c3eddeeeb47fbdb44cd', class: "section-spacing" }), h("div", { key: '3adb08adaf3308752deb7add1697e2028f36ab40', class: "gux-contextual-permanent-primary" }, h("div", { key: 'af409ae22c2399812c072547989688fef5f7014d', class: {
+        return (h(Host, { key: '5fb8d1d0d2638e473b58e8c3f1cfcbf354cc1c57', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '9c63a228ee08c881486731c21f64e03fc212d5cf', class: "search-filter-container" }, h("slot", { key: '22b8d570adba2d6eca031827374dfe02498ae2f4', name: "search-and-filter" })), h("div", { key: '2d992ddd42d9d0eacd7867e65472c3aadf830ebd', class: "section-spacing" }), h("div", { key: 'c5c331c8159fdb449fbb22c68659130b37fb1d5d', class: "gux-contextual-permanent-primary" }, h("div", { key: '4c09619a27d004359b8900775e3d00f138006210', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'abf4854bd55c0939f6855920bf5822d80cd7161a', name: "contextual-actions" })), h("div", { key: '6baedb8e6eb19942b984f5b84a3bd0ee9ee717a5', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b6bdf8c8b4ead0ec5d88a5809bdef2f88dc621d4', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '1e88249d4ee71057ee1534a0a3ad47a7bd567c4a', "show-menu": this.renderMenu() }, h("slot", { key: 'e88c1544fe540672e5d99e488a84d4d8d7b77c97', name: "menu-actions" })), h("slot", { key: '246c1dd61e9f3a4ea7545adfbb9c308a9a39b2de', name: "primary-action" })))));
+            } }, h("slot", { key: 'c2f0266d52056d45dd4e8c14866dc1dfc220e30d', name: "contextual-actions" })), h("div", { key: 'da3c8ea083d03c3e6f20171e0d307cf8fd095dfe', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd29997e56ad8ce03ed6b1de1eac00d4379eed637', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '411d56420e3588c876949b3a392da506f735ed6d', "show-menu": this.renderMenu() }, h("slot", { key: '7162d8900ae9bfbd91398d3ab30efef7a4eadd2f', name: "menu-actions" })), h("slot", { key: '0f8250e54adb580d6925ad4308d929ad1023eb98', 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: '6f60ee32044b7a2bcd5664086e252a1ce68b2f23', class: {
+        return (h("button", { key: '6e809c441c7e0f28e6eaed2034f497ab9ffb5ecc', 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: 'a5c6f3285b6350c8f0df2473c63db18ee9a8796f', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2d64dcab434bbfb6b9da9430dd32c1623d30c490' }, h("slot", { key: 'a1fce9647a9b2b149d780f80607407672316eaa9' })))));
+            }, 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: '28a553ca88b1d11c2890f45d950bc82799f1f47a', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7b8184623517ad620a68d7dcc48524d4b613cb98' }, h("slot", { key: 'a852d365c209b9e569b6e05c21556d374c521c6f' })))));
     }
     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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '9fa926c61cb4e4f464d72fc9b93aa305325e9ced', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1b330be648990865d7f5da8795be6890c4198af4', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'a3de628233838a4ce36e49147c3c9e65e0066f5b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '1b2be3f196b191648f03b5c30d3276e6cd9c1aaa' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'aae95ecd7710fbbb73cdc0f8ce58e79e7aa9061f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b5a79dd6f97e11b8b5d9691ad135065e0219d00d' })), 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: '54b182170e1c5c506611074125b2bd23d768e3a6', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '24e9f880586a7c087669b4b070062b4134ac0de0' })));
+        return (h(Host, { key: 'c769b04036deeef5591829f068b5e88288620440', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4b3ade9a8d9f15f89f15e96b0e970c15894c51ea' })));
     }
     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: '5f2d5fdf8aa7057dacb23b60b9562944f8f3717a' }, h("div", { key: '016126d62a38c62470537f06d0f2a246aeff0ed0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '773118e929251bcbc48de429762d188b8b6997c7', name: "tab-list" }), h("div", { key: '8e394164f68930bf0590cf661dbfc4d8bfded641', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '026bcfb8b5cbbe2bc6bacb22e85c52ff9ceda705', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '382bb97d234b0eb145f6a353233207cb78a44ffc' }, h("div", { key: '0da675cfbde3ca8c9718d8dd3aaee87f8615a30d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd133d466ee3bd1f6142c63d976f9eea723052c37', name: "tab-list" }), h("div", { key: 'b050748e9e84f5d24362a88b22d1e855f2f2ce5c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e8627ef77308eb684b486948f99002e73449b0a6', 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: '829e9dc3ed2bf25124bd575f59a15069781a474b', class: {
+            h("div", { key: '5e66c12d32572392a881877d7a6040db3ffe68f4', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '425dbb05c702a0f94cd2247e70aecab2e004dea8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9e8df801efe4a56dfe7063555c86c58096d64e0c', class: "gux-divider" }))
+                } }, h("div", { key: 'db7a5b68810556abc4e8c9b1f855ae1ffa883c99', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '65aa7c26657456ab1003006dcc53eabf2e8f0d07', 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: '15928c9342f72527954c2797235b79266507ec85', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'eedac494c02ee5baf667428e1ff18e4a1a5f1560', class: "gux-scrollable-section" }, h("div", { key: '7e996eb84dea03da0d4169c571a7559aa389b4f5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd74130abf21c7295cea247e1a34b1a5e55088231' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '6a862f326119ccd5e902616af11542ea50c6fd52', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '156fae07f6ac1099b85d7c7da22eb2714a5915ef', class: "gux-scrollable-section" }, h("div", { key: '42ec2be4efe5d5b1ef118d886ba2ad4d0e930a38', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '86db5eb583e6b9ed5b94e1d559fb1ad2e85fcf20' })), 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: '8d741a9b40c13982fa2d6b4609ac740c6bb8a3bd', 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: 'b7162595d4a2fe87ab5021467a6779e5bca4637a' })));
+        return (h("div", { key: '221df85edd5e14d94b6cfd28e00213a087fd912b', 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: '6eb92809cb614436441d81dcf6f9eaabf0315b7f' })));
     }
     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: 'f04d3a97770961c34ee503d78b9a21a13f60edbe' }, h("slot", { key: 'edaa1be77acc26a8178e4fe4506ce5d5373a4e7a', name: "tab-list" }), h("slot", { key: 'ab15f20d76eea7a12152a0dcf4704087df775873', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '850709650793a201b96560be1ff66eadb7e29938' }, h("slot", { key: '96e053ac8f392318deaa01a48c19fd4a6be0efc7', name: "tab-list" }), h("slot", { key: 'ea43a0be16af1fc42c11858090105cb456a11276', 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: '4d755ee5b1d74a4d06cfd6bb67a0ce43ac868756', class: {
+        return (h("div", { key: '33a1133ec0654c8eb0a52242f22b9e0fea17516a', 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

@@ -215,7 +215,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: 'f63036c9ed27eadcad4b6375ce98117bc8ae9bf9', class: {
+        return (h("gux-popup", { key: '4f147f3c058f4e3d32918268b75056687195b033', 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("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'e2c706abc8d0051e17d1fdad35af8f47f022b7b7', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '7f418bc22a89b0548118d6eb6ba004ca378af5d1', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '59cb327ea2098c21419ea2543cecd3cec7146be3', class: "gux-content" }, h("div", { key: '4a8f5ebbf13e63a1e32e0db38c729459a5196c47', class: "gux-message" }, h("gux-truncate", { key: '47a565cd947aec613810c37e298eac34d69f6792', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '85a2ceb9318d27cc6d1a29db0b480f848246503e', name: "title" })), h("gux-truncate", { key: '27abaefd1294eb0dd0ff5b59a537f568e5e586f4', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '5eae422c203b6ce9d56ff10264615aa7ec30aa0e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '35de734fd7606d30af2e728b433fdadca5108bb4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ccbb68f12c22b09343ba5f6df62619bf0674e10b', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ef4e9d05387e82143f97f38676f4123494926615', class: "gux-content" }, h("div", { key: '27a7ff375abaa17c88238ee4e3887f54f7b9e0d7', class: "gux-message" }, h("gux-truncate", { key: '09aadad0e45fb454cba88488b0fb9b7f7be9c255', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '1dc53938afbafc2d2e2732f6daee918114622a63', name: "title" })), h("gux-truncate", { key: '8adf18eecff4509e2390260449326c4f5227e6f3', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0d674a3aabd1c1e2324beed2111244a7a3d28da3', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'e7f1b68acd63894c6baedd5cdfed96fc87da86a8', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '16ce0a235bf4add39a33ff9696ec64df34683f4d', 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: '2d75a3859f289e429553435903eb1d5a25d125ac', class: {
+        return (h("div", { key: '26c30c0679c7db2c29b6f51f9b3365676764687f', 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: 'c3af9b870c9b4b9e54485840dd66995da76b4292', class: "gux-slider" }, h("div", { key: '8aa15d77efbebcc75f9e45a646eb2550bd9adb10', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'c236797329f6dd3383e21dc52e8c86dc50c8d328', "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: 'f8f9fc95fbc380aa5c665cbb8a6527aad6bf2e56', class: "gux-slider" }, h("div", { key: '822aa4cf674ea7e0ffab68847ef42ac9023c7e55', class: "gux-switch" }, !isError && (h("gux-icon", { key: '6aa2c8d1fdb450182775dd0523081073d316d02c', "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: 'fa5bc95523b3e80991d9639f760a73643c1a4078', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '545792ad06db33060fdbfe49177bba38bc363b40', class: {
+        return (h(Host, { key: 'd49c4d2a1dc492aca9a4b6ec1208e3227bffa156', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f58273891005639cdcfb2c2b3ed31e610e4f8acd', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '4e7894405fd0567fff99a83daeae1bd371ca9dfb', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'eb10532394ee0751916e77321fda359811240c1a', 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: '9735d44c9acdb8bd228adee9494deae8974fe0c2', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '81be4a26c798b50a7edc11db2fbd57191c66f7a4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cd12003a024b3f5b543cda1940ea496a111af888', 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: '0a722f312de9b115a80fa6e11a2b2d7d87971726', 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

@@ -134,10 +134,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a2a2ade328bd5af3c5b78df83af5e4ded8b6b7e4', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '661eedbfed3f4c1e1b149541069599412f7d0186', class: {
+        return (h(Host, { key: '347530be8cae85d1b7d0d0d63ade6f2e4e5bc345', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '52d4fc396979c55f312b0671e54e8adadcbde22f', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '5bdd83f73fe710b86648a0e9af09c68d7727243c', name: "content" }, h("slot", { key: '2e52cb94883ca159d1e0aacbd92df31913ebc4cb' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'c576d9f1899c354ea49b29d69b6c23c705a7a867', name: "content" }, h("slot", { key: '415508b21d3a37a86cb85f68a2c746961af7eae8' })))));
     }
     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: 'f27d78bacc85cbe5254cce5b86b5e2801b3cf7c4', class: {
+            h("span", { key: '7569780b3ce366acb9aae70c0da822a6305f6f05', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'f7d1297abc1fb3825a25642fc3cd853c72136cca' })),
+                } }, h("slot", { key: 'dd80d4b4d42a46d6bd87ad151ccaa38fcb48caea' })),
             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: '642fcc186452e1c7b9fa2c76d1402eafdada429a', class: {
+        return (h("div", { key: '0d41db641324dfa24031af625204617bad3837f3', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'e68c5be2cc327586523fe664b286e4bc8775df13', class: {
+            } }, h("span", { key: '54473640d3982bc0d6f92a42eee9eeadc747aea9', 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: '6eb4db3c5824f35cb12204381b1c7282151f3e0d' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '1f97cc13b10e9b913f753141b2d89f021b050f2b' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }