genesys-spark-components 4.139.0 → 4.140.0

package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
@@ -42,7 +42,7 @@ const GuxRichStyleListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '536d07db7d920e96eb663b547fc2a5cbd492d7c0', role: "listitem" }, index.h("button", { key: '95ec2a5acfa5ac7355149d84d0bc76b50e889488', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: '22c0dde38bbf6da6c5213b90613da1e410cf2e2b', "max-lines": 1 }, index.h("slot", { key: '2fa3c45b8fbc3065adf8432aeff93c90d32f61df' })))));
+        return (index.h(index.Host, { key: '41a3af25f4d4ca67bb03e36953d04622413b5cde', role: "listitem" }, index.h("button", { key: 'f3657ff8470ab0bc24bb72fcd21116a736612894', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: '4b9627629b04d68cce683829149eaef973da78ae', "max-lines": 1 }, index.h("slot", { key: 'cd0b368cef0a503eddcb738b9386800fcf1e4686' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -147,7 +147,7 @@ const GuxRichTextEditorMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'ad724950772b06068b4a0d19749a252888f75a84' }, index.h("gux-popup", { key: '44ce5ce1bbeb6692bafa3533f37cf3a2313f51e6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ee776432b53d4242ecd33b1fa0121bb36ed8f222', slot: "target" }, index.h("gux-button-slot", { key: '10aa610e9c12466d39dd4315fb49ee42aa83017f', accent: "ghost" }, index.h("button", { key: '808dc2548fc62d41cbf892be094bfc5b6e87f202', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: 'a4fba57a8c1c03d6dd9f2402f43da0a1e2730efb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), index.h("div", { key: '9659eb77e4be0a520d447a881e42a677f3fc01a7', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '84bbd56ef55ae9a27870859346f08497d0fa47e3', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'ba09ae16e46d91c740c9e65863117fdcf67c836f' }))))));
+        return (index.h(index.Host, { key: '87963618481ff58c090023c17beab8d53a9b073a' }, index.h("gux-popup", { key: 'bda2cc0cc677fdd9c879c89743e66f933bfaefa6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ecce9e9fce1bb889e36ef7f785b8d93cef132842', slot: "target" }, index.h("gux-button-slot", { key: '92f988d6ea66dc95a4e5f67a552ea2ff5c36cd6e', accent: "ghost" }, index.h("button", { key: '8cd5d5dff2e6041c76e5b6d8e71e99d670b68068', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: 'd94ba218d4dc0987b00ac1f2f8f57fd651bf2c17', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), index.h("div", { key: '19d637e62a5213f2f368a56ed30b458403fc8d04', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '7bb3f2896b1a2d32c3953279662f6f4a2b2644d0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '0c346a5c7d6fac4edc8ba7f6d02947e977488831' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -279,13 +279,13 @@ const GuxRichTextEditorSubList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dbf767a10781c144c9d9286c7bc094884db55e28' }, index.h("button", { key: '6c8cc9cd591efefd0e9b0b84afc41bb7fd7ac3e1', type: "button", class: {
+        return (index.h(index.Host, { key: '41f07a67b67160e7acb5eba1e44d3cf11c2f0ef5' }, index.h("button", { key: '2c3f37036a7771a887e80c9b1899109876281120', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '680166d67a0ee6c6542f510fe633c28cfae96933', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: '11d2609ddfe0cfea078f23c751807dbeb470fdc1', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'a839423b902cd53b1c891643cb7ca0250b3df44b', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'c746d5bad2bd6f06bdb1b9d2606575550a20f6f6', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: 'edfe4891d782c89740752a5e9ef00ca9e3dbce23', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '78190e9338750363b6a604e21658b4859c11aa00', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '8d1c00282a63145322b8735aec86c1b7bf662464', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '7226adade6ffd30d8db3ae2195cde80347930d37' })))));
+            } }, index.h("div", { key: '4fc7b3580343a1dc334e38f8e33a000e1e4258eb', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: 'b9eaacb52a10b22c5f2a5c5d6125367eb48d7378' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-text-editor-action-group.cjs.entry.js

@@ -18,7 +18,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '420b5c62b533e19c2155ba8374aefc69f43a094a' }, index.h("div", { key: '7fb8c77125b67c7d4797c4dcd3e69dac06dad399', class: "gux-action-group-container" }, index.h("slot", { key: '3b092a72cbba3fcac5664e5d79eae5a6b0c4bd4b' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: 'ae6eedd0bacc0a7b8c07e48a0dcf24bfa65fae32' }, index.h("div", { key: '5c96762b070a13265e3635f68722854afa305341', class: "gux-action-group-container" }, index.h("slot", { key: '3a43e2691131b24f25ec64385b325e6fdf89731d' })), this.renderActionGroupDivider()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -87,7 +87,7 @@ const GuxRichTextEditorActionLink = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ba285e8502fb19e278e0244c97a735c2cd56f6e2' }, index.h("gux-button-slot", { key: 'fe481a8963da29d77fe3d0035dc378c4e431680c', accent: "ghost", "icon-only": true }, index.h("button", { key: 'dcfb7fb05960506b720036f740d0a7fc009ac087', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { key: 'c298aa6766abee40c166d1a94825a0e1fb30d570', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), index.h("gux-popover", { key: 'ca33b64e21a7aa3b3ec48203b313508c86855ee4', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: 'd794e72d5e609b5a7ee866426916d86378781f95', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: 'b71322b59dfa77450568c4ccb714fd4552f3e27f' }, index.h("input", { key: 'e959e1474f6d46958b1d6c13ed8a7ba3fd2ee0bb', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '084618e242a2bf9a5d6816444563c29fe5938507', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '271eb2786b3fd6390559231f5881e344de1fe8b2' }, index.h("input", { key: '84c0785a99e247c3e1108d4d17844d82bad9d338', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '8d6015bddfca4cc3efaa4f68868ba56ed12bf2b4', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '0cd30e550b40fc20a4c73a7d0bc7af18a134371a', align: "end" }, index.h("gux-button", { key: 'a9f38b3c3843a2d8999d65a0b775eb5d60bcae37', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: '0dded209ac77adfe0c215fbe4024f087526be223', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (index.h(index.Host, { key: '7cf1282de26e3435355bd1e56082a6bf82c8ee41' }, index.h("gux-button-slot", { key: 'a3989e6cf8045e14a692bcd6794adeb495c8eb52', accent: "ghost", "icon-only": true }, index.h("button", { key: 'fa0f503c88a30d0a33ec290ac74496e14dca317f', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { key: '7e15018402b7837cb4a956cc0b93c1cca0464a61', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), index.h("gux-popover", { key: 'ec30b2f47af90d979eed841792d38fc6e6a0e16f', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: 'f8a3175a12fb9cf43222b65427b5d61fa20340f9', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: 'ae81694b4b7eacd3149946dbd3ce689c1e09f62c' }, index.h("input", { key: '8d362954344ea9816221bb61b5dc9fb91375bf22', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '37df778fed4a89f12db534a36bed2aa9ab8ed0d0', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '669a4e47dbe0bbc16fa81ddd612a9d4d3639e84e' }, index.h("input", { key: 'c17e684a83dfdd16213022f8caa8147d2d9885a5', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '41be8853cddd956df0a0d9bf0654fe7de1c183ce', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '36ded973565793d7fb723bc59cdbe34e0b6c0de9', align: "end" }, index.h("gux-button", { key: '018ece746fc3629506b948efeb530a50595a25dc', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: '9ec7fad709478eaeafeb86a65d3e64a859196607', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -178,7 +178,7 @@ const GuxRichTextEditorActionRichStyle = class {
         return (index.h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, index.h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu()), this.renderTooltip()));
     }
     render() {
-        return (index.h("gux-popup", { key: 'e00c339ca6af7ccc8e138f68d12befc48bf74e49', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'a3acff488d05a0c81e3e877015c8ccf90f901479', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
@@ -116,7 +116,7 @@ const GuxRichTextEditorActionTextHighlight = class {
         return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, index.h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", "screenreader-text": this.i18n('textHighlight') })), this.renderTooltip()));
     }
     render() {
-        return (index.h("gux-popup", { key: '9c20dc1314e6899bd24c4295456cd490c0d90fcc', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '4c62359bc54074403adeebc73755df86b9d658f0', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');

package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
@@ -173,10 +173,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: 'abcf413d998c1a7704cb695fa68bd4ed8514b883', class: {
+        return (index.h("div", { key: 'cf12a601d70405ec54b5575684fa445e3e2e9aa8', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '295c11239b185053f051e31afb9c2e9f68e85dbc', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), index.h("slot", { key: 'bf62f78b347ce28d77253ed2e3edcbea0eb276f5', name: "editor" })));
+            } }, index.h("div", { key: '11ad6a45ff5b7f79201c9dd2f5a6225a0db8af9f', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), index.h("slot", { key: 'fcd5549ede9c8b1913cd5e76e40aedf3a30c3dfb', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
@@ -87,7 +87,7 @@ const GuxRichTextEditorList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'b92e6b449110c5d0c2a25da495b738de4096f673', role: "list" }, index.h("slot", { key: '0bce1f3ffc67c65c336ab8a9848c627bf4737683', onSlotchange: () => this.setListItems() })));
+        return (index.h(index.Host, { key: 'dcaebbf922cf039c160624d3302df8072c263886', role: "list" }, index.h("slot", { key: '54d82523fe3ac04394f7d2a7718015acec745c4c', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -27,9 +27,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '989c24f4ef446358fe5d44c81f6286b51d9a6dc7', "label-position": "screenreader" }, index.h("input", { key: 'f59d6b87f367b78237cfb6607d5857ea5e371c7c', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '3f7dfdc7c9d7c83e3c67900cb1e3a3730bcb43c9', "label-position": "screenreader" }, index.h("input", { key: '9c45c4dddf2efd28dc951eb84242f76b92d0a6c4', 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 }), index.h("label", { key: '2c828e3bddca2bfd76e6e2c4a56422dcefecc9d1', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'd4db6c6c650587020d2b83b8e1584236145b597c' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'deeb222fee39501e0f18648893142839726a2e1f', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '2715f6c0ac20cbe5e74fc594cd4e7723d9f9cd60' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '85e72103fe29b5cb646e04121a161aa79784da4e', class: "gux-sr-only" }, index.h("slot", { key: 'de8195a2963d17bca6f7b9470dda39356e36efe5' })));
+        return (index.h("span", { key: '415336aabbf842386fdaf43d88d019bc4c46e561', class: "gux-sr-only" }, index.h("slot", { key: '930fb469c19e12f408376bf0f6c96358e00b481d' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -41,7 +41,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'c59dbf99e8aa3a39eb0d97e4df30f4cd6bb05c31', role: "group" }, index.h("slot", { key: 'aca9f87a04b8b57c7c92d9386ab0ba127c5ed5ed', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'ef39fcb72114edc136fa4c617831ea4295204e9a', role: "group" }, index.h("slot", { key: '73e153633d0dcf2e10ecaf5fb8df2dca9d1c1aa2', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-segmented-control-item.cjs.entry.js

@@ -52,19 +52,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '790472c828036ca65ab67a22e8bce0059efe1721', class: {
+        return (index.h("div", { key: 'b884363ecb15a9ed7fa2e0824791087ba339c6b2', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: 'ab790218cc8f4d4b73e0904837ce54249bf8ae0b', class: {
+            } }, index.h("button", { key: 'f67cfadce16979a140c68fc9090b461ac5653ded', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '3090036421416f766b12c4a42715f62cb5e2131c', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '7e2b8d31b3aeb148e1bc913362aacdf73ea7cce3', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'd8ef9caef881c83ef824e60b7916d56f18faf19b', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '208fcfeb6af91fd3e0a542b05d029c5800fd4a4a', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -53,11 +53,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cc20e1b52d7ae10d9472cae33cf1e1eb966e8711', class: {
+        return (index.h("div", { key: '480a6392b2b758bd68ca3780587dc09d2a201bf3', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '97dab4e29380418707cfacf7d6bee48ce9b5081d', class: "gux-content" }, index.h("div", { key: '1ef93190cc63e468294845c0a93d8494ad2a9ba2', class: "gux-icon" }, index.h("slot", { key: '3f9489a87f044206a087af27c979430626c145b9', name: "icon" })), index.h("div", { key: '39f6e0c2d789271495c628bf3b61aaa01dc94cdb', class: "gux-label-container" }, index.h("slot", { key: 'e1beedc64492c9d4babc4183e688674f28bb0192', name: "label" })), index.h("slot", { key: 'b5bbfebbb47dcb72a9d1fbf13ad90280041985b9', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: '6e64fdb9638c58db92390433fd2e2f2dce0e2348', class: "gux-content" }, index.h("div", { key: 'ba8c606d7a5e3f9823a1330150d26a00cfebe98f', class: "gux-icon" }, index.h("slot", { key: '39d9ebf65578a6f09aa3ce3c2f0b89ad2fb86725', name: "icon" })), index.h("div", { key: '4696a831c08515181d924cf389d1b0d8bc65e813', class: "gux-label-container" }, index.h("slot", { key: '9c3864aa9fd8ba5fedc1c476219d5fc8151fc53f', name: "label" })), index.h("slot", { key: '56ecdde3798b9f921f18907df68aead6ac52f72b', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '0432cf59da3438a9c8e299083a93b01f47f64ad8', class: "gux-selector-cards" }, index.h("slot", { key: '5e40bc2d53b13708ca546e4fb5a7e4816601c3d1' })));
+        return (index.h("div", { key: '9f3a1e9f850720ba6f825c8ea4eb837b0fcf23e1', class: "gux-selector-cards" }, index.h("slot", { key: 'bd39cf942c05c4e255890eef3068fbb3695e82b9' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: '3f0e1fa0e90174807e0791df751041891492f94a', role: "complementary" }, index.h("div", { key: 'dafc3bf2e247d8e889b856bca9a129919e12522a', class: {
+        return (index.h(index.Host, { key: '5fdbfbef55bc30be78471c516f8b33f8c9c34981', role: "complementary" }, index.h("div", { key: '4857f47450eeb2268041e55bf89588dd83267502', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: 'ed7ccb998473f605b62ecc2501ff6fa1c8625be7' }, index.h("slot", { key: '45ab40590bba6b14a87e4614504c290eb9a8b402', name: "heading" })), index.h("gux-dismiss-button", { key: '8c4b7eea245a6c33aa427baf4dea9a007c3ef734', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), index.h("div", { key: '95b676c28140e69354b513fe2c67590ae7c56b68', class: "gux-side-panel-content" }, index.h("slot", { key: 'da34f66a328bc2e4df354100ad72fcfecdc93ebd', name: "content" })), index.h("footer", { key: '94cbea3e682ba430bff23696426c749912b485c5' }, index.h("slot", { key: '2b3bbd2d812282606c71c77c169e63a8cbc1cd5a', name: "footer" })))));
+            } }, index.h("header", { key: 'bc72b54f2b0651ecb7301a864130f26dfaf1f1aa' }, index.h("slot", { key: '383b5861e4bd529d2b4d8e8bb3b463ad83d0d933', name: "heading" })), index.h("gux-dismiss-button", { key: 'fac90508c0adb703155b854d9c43b14c43871cb5', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), index.h("div", { key: '6763ab02f24111100758ff07153484fc23634962', class: "gux-side-panel-content" }, index.h("slot", { key: 'de0eb73cf762b2b9c5e16191ed98722caad9f389', name: "content" })), index.h("footer", { key: '43c1297f6408a3638b2f480ce2a22ea2e631accb' }, index.h("slot", { key: 'b91da0a3a97a669d24b18a492455b64bcb490014', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -21,7 +21,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: 'd5cca717e84ba48bf3a9181467d153eed1a832ab' }, this.iconName && (index.h("gux-icon", { key: 'ce36d01427df3aa36b818ba37e826e206277c0a4', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'e48e0efbc11ad67f4000020a319a3326cf21e46d' }, index.h("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' }))));
+        return (index.h(this.headingTag, { key: '102982a11dc324ec6c2b41c75427e1321b64418a' }, this.iconName && (index.h("gux-icon", { key: '2902d503a5097a95b0f7bf45a243a9f170d7dd3e', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'bdbe0e7213049066a3b949fa8b301404112df58c' }, index.h("slot", { key: '373dc1b994d6dccaa8bea6805a27956b670d1582' }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -21,7 +21,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '157ec729027a3467e254db6b592f81172a462f2e' }, index.h("div", { key: 'dbf92076c88be8e234b25faa4e6ff582082aa38f', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7a83c235f3a25668879fb51053b612f863ebb6ab', name: "icon" })), index.h("gux-truncate", { key: '1f8981a054dae732bd85f3a866d3eb04f1303a91', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '29b960000f1e1acf28fa75115ed7f48d719a0580', name: "message" })), index.h("gux-dismiss-button", { key: '023a768ce4dd6f863e53c8d9de74455de1ca152d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '740ec16afa50e1673f37312f57430c6e62ae27b3' }, index.h("div", { key: '68bca6eac3f2436ab80ba0a7d62fd59e3fbc9adb', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f748401e86c2183f4d9f3e21198f63fd11258dbd', name: "icon" })), index.h("gux-truncate", { key: '81a2b7a1ccfadf5a12ee61b34669d8e7d7ea8dfa', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2780ca7c864e3843c22721e1fff37c5f62df956e', name: "message" })), index.h("gux-dismiss-button", { key: '515d2f5d6b96300ea43acc538284f8c3d7f3aefb', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1d89b7cbb56d339349d504ce9418dd9759e6f71f', role: "listitem" }, index.h("slot", { key: 'a0d78e553766eb92a7c82f37820af3469a050641' })));
+        return (index.h(index.Host, { key: '9b29427b4988a26d36f292346d5dabab7c42200b', role: "listitem" }, index.h("slot", { key: 'fe8214c048c5f1f3b75526f7cbed83afbc8441f9' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '55a8eae57770166538c9082f48e26dbf945436a8', class: "gux-container" }, index.h("nav", { key: '4d1b4d13c1ac6509071232e6663e4cae510f1612', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '3f8075fd33b396aa4dfc916e6e828d3f83f2afaa', role: "list" }, index.h("slot", { key: '219241c5dce7cde64656722cb7b04aeb2e55a8d4' })))));
+        return (index.h("div", { key: '464f29128ba4bb4af31a4f904dab9d11e0024a5a', class: "gux-container" }, index.h("nav", { key: 'd52d3ffef7edd2300233902bde84a5aa64aca4d5', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '31e72bbbfab7582c05f48a631d2e21c4b26e38fd', role: "list" }, index.h("slot", { key: '1bf53a4c70f24968b841f76e593dac2c2016b064' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -107,13 +107,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'aa170c870d94e6c2f3acdfbe03e65fae3996f812', class: "gux-container" }, index.h("button", { key: '80f7f2850f97dd19d365e289ab7857ebd9969974', class: {
+        return (index.h("div", { key: '35dd837e0e7bf4651e67b34682cc700bd0cea867', class: "gux-container" }, index.h("button", { key: 'd2c2d42607ecdbb15986c63deccaa9b279662f6b', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '4f58f69a39e381ab12dbd452ea3267cdd7e236b4', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'cdf25dd3dbc12ee33aa15e9987bfb1c35bfa58df', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'ff84b735e791eadf2309fd487106d6612d1d301d', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0e3dd89d4aa6b278d8b6cd0c8d3eef686d01b29a', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-status-indicator-beta.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e321455d.js');
+const usage = require('./usage-e250be95.js');
+const hasSlot = require('./has-slot-3edae188.js');
+
+const guxStatusIndicatorCss = ".gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center;padding:var(--gse-ui-dataTableItems-statusIndicator-gap);font-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);line-height:var(--gse-ui-dataTableItems-statusIndicator-label-lineHeight);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-status-indicator:hover{cursor:default;background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-status-indicator-text{color:var(--gse-ui-dataTableItems-statusIndicator-text)}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";
+const GuxStatusIndicatorBetaStyle0 = guxStatusIndicatorCss;
+
+const GuxStatusIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.accent = 'info';
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.accent });
+    }
+    renderTooltip() {
+        if (hasSlot.hasSlot(this.root, 'tooltip-text')) {
+            return (index.h("gux-tooltip", null, index.h("slot", { name: "tooltip-text" })));
+        }
+    }
+    render() {
+        return (index.h("div", { key: '3a77d18d0d284d6c82c9add2dedbd993100c9481', class: "gux-status-indicator" }, index.h("span", { key: 'cae7c8aac725640a8ed72005e76906401b8c18ba', class: `gux-status-icon gux-status-icon-${this.accent}` }), index.h("div", { key: '7330245f5c2fb8d9e9c23fba970201c5422e38f6', class: "gux-status-indicator-text" }, index.h("slot", { key: '8dc37515009f6e07f6c7b0e52ccba2ed7ce2a688' })), this.renderTooltip()));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxStatusIndicator.style = GuxStatusIndicatorBetaStyle0;
+
+exports.gux_status_indicator_beta = GuxStatusIndicator;

package/dist/cjs/gux-submenu.cjs.entry.js

@@ -145,13 +145,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b4af9416d548675308b2ced222f8c6c37c4b0cc3' }, index.h("button", { key: 'c261b82aab8068622218ab619367b05eda7b91aa', type: "button", class: {
+        return (index.h(index.Host, { key: 'e5a1b4c1e87911f03e3a84a66cfd29d5769afa8d' }, index.h("button", { key: '7afbe1098e9e11edc76437225267ce970171376c', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '8abd43324654cf93b9574d2389d6c4dc2e07b2d5', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'a3bf92107e1ca54cf05dd3d85ee7da993b6d3ccc', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '0878b74e5cec7a5d918edbaf305ad67243f9f218', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '045e11c6dbd7c28d681ac59ef3edfe77a2f96621', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'd3cc17228ef53ed5ee837f2919d203d16f307fc7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '9d65a9fe9242435c0687b08f248cd2dd561a6036', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'a41ae635619905f43c23a667119626b0dcc5241b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f7d7f96fb6172b06078472654c8a9e70ddc3a2ca' })))));
+            } }, index.h("div", { key: '6f0cda0fc9b8c88783394b00097896b9115ac658', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ed21ef6781ecb54218705bb356b4d2a217c23bc2' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -19,7 +19,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '427c0acdb3ea194da69f2e0f3734756dc8d25b31', class: { 'gux-selected': this.selected } }, index.h("button", { key: '20e6b544fc6b8debdaff1fce9fd0182401e4e0e7', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'e06695181ca1640f0abc4ec29bd2a19ceffb5a34' }))));
+        return (index.h(index.Host, { key: 'f2e3b36853c947ecbbb9770c8e4e8c960028dfc5', class: { 'gux-selected': this.selected } }, index.h("button", { key: '0081c88cdd890723bca9e2bd46f047ea0ba144da', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'a45f6bd0a68bd3cc2c38a445e2ba65fca4165e7e' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-b4888c7f.js');
+const usage = require('./usage-e250be95.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -36,7 +36,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b6e6abc91f2e90ba0951b8172abb7593706a1fbb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '6c670755228b8e27a10572ccf2c6e93b3d2ef376', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '557be79a6860f47c913ecd8dbaabf93730954cb5', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'd1c9c9756cfde1894f2587f8114597fd36eca57d', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -3113,7 +3113,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '417d6df9ad233a8b9914ce8741455238bc5cde8a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'c87bd9a6116fcf0d17c3ebe3d03092e41514dfac', class: "gux-scrollable-section" }, index$1.h("div", { key: '153d651e1b5bd9276065f955c2a64793ab002139', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '2a3eca29df2b4fdcdf7f4042629aade3eda07338' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            index$1.h("div", { key: 'f73281b254236709b51b531869ab39bca2763010', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '90a71d47d76424c07f573971dcdb1d4383b6b49f', class: "gux-scrollable-section" }, index$1.h("div", { key: 'c7f696e00b74ea295c68f5d26f377b9ab776b73d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'e7a9561d7406676e6049a050b9b7ea6773268a39' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -23,7 +23,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a9fc6289b36cec1bf4583d154bf8d502aa6288e4', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'ddb143d358e7ac5bf3be4ff15836961dcee1554c' })));
+        return (index.h("div", { key: '85038c15285d607dea07f9b9cf781e23ae38fb1f', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'fea88590b0ebcb2f6b7ff494ca40ff3143da2eae' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -161,12 +161,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '25e199a32da51a54d2a6624e0f5ee29af206b4af', class: {
+            index.h("div", { key: 'bef7d586eec01ac52b11dd2fed649409e0f48a70', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '793e674d960080b19b680ce6168ed19552c02363', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '5e178631124739a5ee97eaf95b6b9e3269e5ed38', class: "gux-divider" }))
+                } }, index.h("div", { key: '0b5ace2cbb918a35aa33a590ca583bf063e04a3a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b2e093ae3e6ed16f15d2f3a8f8e01e37870c393f', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -282,9 +282,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '04b133cb31efb7973818cdf11a87d821e63812a5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'dcb0c006611dad8683e189f90235dee168642e93', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '9b84b1e8871e2f6f410899e5215f7f48f0ee5e62', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '036f7a2bf31f783e0a6807690c2a46bb29fbd7e1' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'ed62ffb9423038bd85d164e6bb385c9d36347dba', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'bd9caf91bb73fb60ca9d0238ef7ee5f1af61720d' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }