genesys-spark-components 4.166.0 → 4.167.0

package/dist/cjs/gux-popover-beta.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var usage = require('./usage-LCX9tH2I.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var usage = require('./usage-BDFjfgMb.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 

package/dist/cjs/gux-popover-list-beta.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var usage = require('./usage-LCX9tH2I.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var usage = require('./usage-BDFjfgMb.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var usage = require('./usage-LCX9tH2I.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var usage = require('./usage-BDFjfgMb.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -139,10 +139,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '496e6e4d0b114c32405f3b655b3558f9100f0dfd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'ee21c67394d6741a7be7b0ed4abf7e3cf83d1b1c', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '1f5db83a81c84c747db96c9fcd39d3562ea30f6a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '387b4e6121f472517c61265e820c43d5edc70ad3', onClick: this.dismiss.bind(this) })), index.h("div", { key: '8af13761e181394cd659aaafd7245ca11a520b10', class: "gux-popover-content" }, index.h("slot", { key: '194bfc7026f9d0cc6d097a92d77c895d189534ce' }))));
+            }, "data-placement": true }, index.h("div", { key: '74ed4c9f34fc9b3b102a92ff7cd85e35ddd9846a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c270f205072328aaa71d3652c6f63a509b3bd418', onClick: this.dismiss.bind(this) })), index.h("div", { key: '6dace1c778e30f1f056981a9a205acf95981e220', class: "gux-popover-content" }, index.h("slot", { key: '03c906f9b7f68e23a5d914ca4b39ec5e8df37768' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;inline-size:max-content;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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%)}";
@@ -119,13 +119,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '56ca8d975df36b88b68f677c602e042819987f29', class: {
+        return (index.h("div", { key: '7af8b3d681562a9ebf0a607f9575a24af6517ca2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '7a3e259a87c2418d95698784adb1e1945d550a50', name: "target" }), index.h("div", { key: 'f046f3d79e2b1795484639c38a9ebf8cac6414d0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'f48563e5b4e7cc60717d36db7c642dfe09eacd14', name: "target" }), index.h("div", { key: '775358f21c52b85a44c477c6f47eef0ad63e0b55', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '6b812c66b41ce3cb64d2855420c862b866a2e648', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'a4c4fbafe9520d9f1abfbedb1e69d43c72dcf80f', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/cjs/gux-prompt-input-beta.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const inputPlaceholder = "Ask Genesys AI";

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
+var usage = require('./usage-BDFjfgMb.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -49,7 +49,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: 'e663f380113fde61ddb10e540d121db10b172ece', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '9c7c630946e59bc3fcad53fba5aab44065439766', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var clamp = require('./clamp-BlDLYO0F.js');
-var usage = require('./usage-LCX9tH2I.js');
+var usage = require('./usage-BDFjfgMb.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -107,7 +107,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0aa056a6851b94d8c8cef92fc10730f5e4e6d15f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '80469bf1ad813ef38099d524125b2f2ddd73dd93', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '3ad9a4e70982beddb7b9a84798098b1ad056446a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'c34eb6500726d9a970686b6f2d04cdcd6cde0433', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 
 const guxRichTextEditorActionGroupCss = ":host{display:flex;flex-direction:row}:host(.gux-hidden) .gux-divider{display:none}:host(.gux-hidden) ::slotted(:not(gux-rich-text-editor-action-link)){display:none}.gux-action-group-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rte-toolbarBtnGroup-gap);align-items:flex-start;justify-content:flex-start}.gux-divider{inline-size:var(--gse-ui-rte-divider-width);block-size:var(--gse-ui-rte-divider-height);margin:var(--gse-ui-rte-toolbar-divider-margin);background-color:var(--gse-ui-rte-toolbar-divider-color)}";
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var usage = require('./usage-LCX9tH2I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 require('./get-closest-element-CIMI0Cx4.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var usage = require('./usage-LCX9tH2I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onResize = require('./on-resize-CvymNApz.js');
+var index = require('./index-CNd6jLxJ.js');
+var onResize = require('./on-resize-BI5AnwLx.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-LCX9tH2I.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var en = require('./en-ChMBIoFc.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 require('./get-closest-element-CIMI0Cx4.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.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)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -24,9 +24,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: '592b39a9b90d227d77ae0fe39cf2a9d00c4cd002', "label-position": "screenreader" }, index.h("input", { key: 'ca1e5da2375911f051f70075566ba9b33670b1a1', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'ff5d9581763cf124c69c8ee6bbebb71e2a05dd32', "label-position": "screenreader" }, index.h("input", { key: 'a1ad92b623a0ab88b14755f832f8305f0319267e', 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: '7f55bf669d3afb023e783ff300935451549deb6c', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'db0a1e407603f1a897c35178f0587846a0060a50' }, this.label ? this.label : 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: '0a4087390e0a6bb035726eecf0f09d1cd760c49f', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'c42ec0a25dc0ba89da97f2abbe3f1a85b0d8755b' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.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%)}";
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-LCX9tH2I.js');
+var usage = require('./usage-BDFjfgMb.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const allOptions = "All options";
@@ -65,13 +65,13 @@ const GuxSelectAll = class {
         return (index.h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (index.h("div", { key: '0ac0dc1db26348e35daae7bfcdb4bb622d719117', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (index.h("div", { key: 'a8cef74a5bb937673799e965d5e1142426b5fe5c', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, index.h("div", { key: 'bce5b383ee723346e67e68a557fd97713a3d4b69', class: "gux-select-all-content" }, this.renderSVGCheckbox(), index.h("div", { key: '2c514b50acd1d2a561dcf6ef954ede05c6d7db82', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '3e5869f682b70496a4909de76d29a22affda14d2', "max-lines": 1 }, index.h("span", { key: 'c1b2b41d8f8f3f0f72237505606d2676df3c96f4' }, index.h("slot", { key: '2edcfc03f46b2ccfe666dbdb7bc017394883b0e8' }, this.i18n('allOptions')))), index.h("gux-truncate", { key: 'f91e0fa89c9096ace2cf6e1704ce2a4730049eba', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, index.h("div", { key: '636d9c58afeab724c34281eb6003649b6738edf8', class: "gux-select-all-content" }, this.renderSVGCheckbox(), index.h("div", { key: 'e3b9bb70ac312730461c191241f2de33cdc307ba', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7df38b3922e111053f0ccd329ceed3af20961ab4', "max-lines": 1 }, index.h("span", { key: 'f9dc910378710006f9cdfda94d8b4f4183771430' }, index.h("slot", { key: 'a7ad52342ca557180ac94b2bdfc4babcca67f59f' }, this.i18n('allOptions')))), index.h("gux-truncate", { key: 'b7191a29160c73abb8545cd17bf9bd86977959c9', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
 var hasSlot = require('./has-slot-BFTyqu_U.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}";
+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 .gux-side-panel-content-wrapper{flex:1 1 100%;overflow-y:auto}.gux-side-panel .gux-side-panel-content{padding:var(--gse-ui-sidePanel-body-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}::slotted(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)}";
 
 const GuxSidePanel = class {
     constructor(hostRef) {
@@ -18,17 +18,48 @@ const GuxSidePanel = class {
     componentWillLoad() {
         usage.trackComponent(this.root, { variant: this.size });
     }
-    renderDescription() {
-        if (hasSlot.hasSlot(this.root, 'description')) {
-            return (index.h("div", { class: "gux-side-panel-description" }, index.h("slot", { name: "description" })));
+    componentDidRender() {
+        this.validateDescriptionSlotUsage();
+    }
+    //Remove this check for V5
+    validateDescriptionSlotUsage() {
+        const descriptionSlots = this.root.querySelectorAll('[slot="description"]');
+        const hasDirectDescriptionSlot = Array.from(descriptionSlots).some(slot => slot.parentElement === this.root);
+        if (hasDirectDescriptionSlot) {
+            console.warn('gux-side-panel-beta: The description slot has been moved to gux-side-panel-header component. ' +
+                'Please move your description content inside the header slot like this: ' +
+                '<gux-side-panel-header slot="header"><div slot="description">Your description</div></gux-side-panel-header>');
+        }
+    }
+    renderHeader() {
+        if (hasSlot.hasSlot(this.root, 'header')) {
+            return index.h("slot", { name: "header" });
+        }
+        return null;
+    }
+    renderTabs() {
+        if (hasSlot.hasSlot(this.root, 'tabs')) {
+            return (index.h("div", { class: "gux-side-panel-tabs" }, index.h("slot", { name: "tabs" })));
+        }
+        return null;
+    }
+    renderContent() {
+        if (hasSlot.hasSlot(this.root, 'content')) {
+            return (index.h("div", { class: "gux-side-panel-content" }, index.h("slot", { name: "content" })));
+        }
+        return null;
+    }
+    renderFooter() {
+        if (hasSlot.hasSlot(this.root, 'footer')) {
+            return index.h("slot", { name: "footer" });
         }
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: '63878afbd2c3d3bfcbba869943e68241ddde87d5', role: "complementary" }, index.h("div", { key: 'd70e343424dbca9b3fff3390e11c689412b59bdc', class: {
+        return (index.h("section", { key: '55d8f9f74b6cd5ae5d3a4d0b4e61d1367d3ba706', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: '011937aab20e002b937101a35efe83d51bfe6493' }, index.h("slot", { key: '9e7a8b367830cff447a4cdb2a9acf450d4108cb6', name: "heading" })), index.h("gux-dismiss-button", { key: '3e4bc8c4b668321d52d0d3d998f06a3debecc011', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), index.h("div", { key: '96371e82b6ecc823c579225225684f063ae7da5a', class: "gux-side-panel-content" }, index.h("slot", { key: 'cc85043fc44e51c058cfff66eed152dcfb2f8bbf', name: "content" })), index.h("footer", { key: '2a0677eb4841fb9771d932e2f8451a2e350bb60e' }, index.h("slot", { key: '59336818fcaeee0aae3f9032800620f566126ba7', name: "footer" })))));
+            } }, this.renderHeader(), index.h("gux-dismiss-button", { key: '2ee890fe93026a30fa2bcc6d3f3207643e4ec0b7', onClick: this.onDismissHandler.bind(this) }), index.h("div", { key: 'f079f1caafa43f62eaf6f2a971cccfbd762b570d', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+
+const guxSidePanelHeaderCss = ":host{display:block;padding:var(--gse-ui-sidePanel-header-padding)}.title-block{display:flex;gap:var(--gse-ui-sidePanel-header-titleBlock-iconGap);padding:var(--gse-ui-sidePanel-header-titleBlock-padding)}.icon{flex:0 0 auto;align-content:center}.gux-title-description{flex:1 1 auto;inline-size:1px;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)}.badge{flex:0 0 auto;align-content:center}";
+
+const GuxSidePanelHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    renderSlot(slotName) {
+        if (hasSlot.hasSlot(this.root, slotName)) {
+            return (index.h("div", { class: `${slotName}` }, index.h("slot", { name: `${slotName}` })));
+        }
+        return null;
+    }
+    renderTitleDesc() {
+        const hasTitle = hasSlot.hasSlot(this.root, 'title');
+        const hasDescription = hasSlot.hasSlot(this.root, 'description');
+        if (hasTitle || hasDescription) {
+            return (index.h("div", { class: "gux-title-description" }, hasTitle && index.h("slot", { name: "title" }), hasDescription && (index.h("gux-truncate", { "max-lines": "2" }, index.h("slot", { name: "description" })))));
+        }
+        return null;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    connectedCallback() {
+        this.internals = this.root.attachInternals();
+        this.internals.role = 'banner';
+    }
+    render() {
+        return (index.h("div", { key: '52796f1e2162ac375772cfd6ca3a707bdfc2dedc', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxSidePanelHeader.style = guxSidePanelHeaderCss;
+
+exports.gux_side_panel_header = GuxSidePanelHeader;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.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 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;color:var(--gse-ui-sidePanel-headerColor)}h1.default,h2.default,h3.default,h4.default,h5.default,h6.default{font-family:var(--gse-ui-sidePanel-heading-mdText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-mdText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-mdText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-mdText-lineHeight)}h1.large,h2.large,h3.large,h4.large,h5.large,h6.large{font-family:var(--gse-ui-sidePanel-heading-lgText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-lgText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-lgText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-lgText-lineHeight)}";
 
 const GuxSidePanelHeading = class {
     constructor(hostRef) {
@@ -12,13 +12,14 @@ const GuxSidePanelHeading = class {
          * Heading level, 1-6.
          */
         this.level = 1;
+        this.size = 'default';
     }
     componentWillLoad() {
         usage.trackComponent(this.root);
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: '20813f864404cefe5fd54d3da7744d591f1690ed' }, this.iconName && (index.h("gux-icon", { key: '19710505a9e17f2e8ef3e1433ce3a9cf0dafd328', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '574a05e3d0ef1b746c7b656d732355302826d848' }, index.h("slot", { key: '517d40fffa8d15ff3acdcf7d732ac6b4cc8236ec' }))));
+        return (index.h(this.headingTag, { key: 'b97a4c1f1ecd5fcf3e7a195f6dca7d561739c982', class: this.size }, index.h("gux-truncate", { key: '0299fdd83d623414659ab53133bb12fd280b12aa' }, index.h("slot", { key: '3b8783207b04e43028b6e5e76485ad0442e29090' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.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}";
 
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'ac3db000001021b486efd4c47cb68db317e7d3da' }, index.h("div", { key: 'c370eddb7240e6a70c8fdd5ee692e627ee0e2510', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c272ba5ac7233a1e13192f30f47cbb0078882158', name: "icon" })), index.h("gux-truncate", { key: '328717858c5420cd3d3232099b5644035a586614', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '29d6720645dff50f03bb257ea46ce8f41b965e98', name: "message" })), index.h("gux-dismiss-button", { key: '04140db2f38d422988f19da211eac3b5c1ca9e78', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, index.h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), index.h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), index.h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 
 const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:var(--gse-semantic-background-container-elevated-default)}";
 
@@ -9,7 +9,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'aaf4b13be13c3eafc6bf26f8d3192b2ab037b8da', role: "listitem" }, index.h("slot", { key: 'bf4e35674b139d78cb3a6ed19771ece2504921dd' })));
+        return (index.h(index.Host, { key: 'c0b62a0d54e5c29e719099297686f3a325982a82', role: "listitem" }, index.h("slot", { key: '60bd6828dbbda64d049a62cdb2d81cea255c24f0' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var usage = require('./usage-LCX9tH2I.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
+var usage = require('./usage-BDFjfgMb.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const navigationName = "Skip links navigation";
@@ -21,7 +21,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '333b21af7da9354b46577bd916900c3f589b2364', class: "gux-container" }, index.h("nav", { key: 'e550a50c45488f066acf3549b5f0a7368a29bb44', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '4ca78169fdd2f349362dafbdeda3609e57e8885c', role: "list" }, index.h("slot", { key: 'e15d8541c6be27ba5d68750fddd8248d1a26d216' })))));
+        return (index.h("div", { key: '812d33aa2920b489e5c1384ec86cd48b3a5769e9', class: "gux-container" }, index.h("nav", { key: 'e015ccec399b72527e3820e68e5e4da9ffa2a242', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'a223a35649a84c41ed1725bc882f7ddc155da47e', role: "list" }, index.h("slot", { key: '82ec5e4b8bfc6a41a5c48ae5eea305a60471f1c0' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }