genesys-spark-components 4.137.1 → 4.138.0

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-47b5afb6.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const usage = require('./usage-66f3f455.js');
 const findElementById = require('./find-element-by-id-fde17c92.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)}";
@@ -25,10 +25,17 @@ const GuxPopoverList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
-        this.displayDismissButton = undefined;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
     }
     onKeyDown(event) {
@@ -134,10 +141,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7f97c35d8987a6290ff223ed6b1ebf02fd925a1d', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'e21c9edcea3fd896296891650c94babdcfa4c32d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '1d9d4c800339db334afe20d99b8a9e6bb6a7a4d4', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b669ffdd4249569da4e2573cc4d907701f0b7899', class: "gux-popover-content" }, index.h("slot", { key: 'efd63a8385e1111c092a5a888b95f4e044c8f899' }))));
+            }, "data-placement": true }, index.h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, index.h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.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%)}";
@@ -13,10 +13,19 @@ const GuxPopup = class {
         index.registerInstance(this, hostRef);
         this.internalexpanded = index.createEvent(this, "internalexpanded", 7);
         this.internalcollapsed = index.createEvent(this, "internalcollapsed", 7);
+        /**
+         * Placement of the popup. Default is bottom-start
+         */
         this.placement = 'bottom-start';
         this.expanded = false;
         this.disabled = false;
+        /**
+         * Number of pixels the popup is offset from the target.
+         */
         this.offset = 2;
+        /**
+         * set if parent component design allows for popup exceeding target width
+         */
         this.exceedTargetWidth = false;
     }
     runUpdatePosition() {
@@ -110,13 +119,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ed6cd73816a75d4d7e0b6586d70e6c5682636ff3', class: {
+        return (index.h("div", { key: '8b457686247f595bc6fda8a16fa6878e1baf6d44', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '78c2e67ade4a878e75815f527378b591268de354', name: "target" }), index.h("div", { key: '94273bc83e548889d00d176ab8f1fe786a23b8a3', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '415230f7029ab2ba2bc12ccc4fdca6bb6683fac1', name: "target" }), index.h("div", { key: 'a9c084eed9bb2664f8e75ec4383e3437c2316ef7', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '00f5555359bd6393f590b130d6a8f90291b38947', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '84b4949477da973f148a47214fa0a64f0ca0c01a', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -37,7 +37,14 @@ const GuxRadialLoadingStyle0 = guxRadialLoadingCss;
 const GuxRadialLoading = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * The display context the component is in.
+         */
         this.context = 'modal';
+        /**
+         * Localized text to provide an accessible label for the component.
+         * If no screenreader text is provided, the localized string "Loading" will be used by default.
+         */
         this.screenreaderText = '';
     }
     async componentWillLoad() {
@@ -45,7 +52,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '1027951003a51fee7349f1df278317c1b6b278ca', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '6fd3f8e5101d5accb9be4e26e13118764a49831c', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -34,8 +34,13 @@ const GuxRadialProgressStyle0 = guxRadialProgressCss;
 const GuxRadialProgress = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
+        /**
+         * The max value of the progress spinner
+         */
         this.max = 100;
+        /**
+         * Required localized text to provide an accessible label for the component
+         */
         this.screenreaderText = '';
     }
     componentWillLoad() {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.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)}";
@@ -110,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c932377bf1415bb03e7282c257bc34c82e16772b', 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: '302a7f8aa560178d6878485193cfa2da535563cc', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: 'ff9593ff50916c8eb9bd5a749712d2c232b66ac1', 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: 'e73bb89716b389959d264e7344d55aa543cb9018', 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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
@@ -16,7 +16,6 @@ const GuxRichHighlightListItem = class {
         index.registerInstance(this, hostRef);
         this.disabled = false;
         this.highlight = 'orange';
-        this.value = undefined;
     }
     onMouseUp() {
         this.focusParentList();

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
@@ -22,7 +22,6 @@ const GuxRichStyleListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.disabled = false;
-        this.value = undefined;
     }
     onMouseUp() {
         this.focusParentList();
@@ -164,7 +163,6 @@ const GuxRichTextEditorSubListStyle0 = guxRichTextEditorSubListCss;
 const GuxRichTextEditorSubList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.label = undefined;
         this.isShown = false;
     }
     onKeydown(event) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.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)}";
 const GuxRichTextEditorActionGroupStyle0 = guxRichTextEditorActionGroupCss;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -28,7 +28,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorActionRichStyle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
         this.expanded = false;
         this.disabled = false;
     }

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const usage = require('./usage-66f3f455.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');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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');
 require('./get-closest-element-9e41d6b9.js');
@@ -16,7 +16,6 @@ const GuxRichTextEditorActionStyle0 = guxRichTextEditorActionCss;
 const GuxRichTextEditorAction = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.action = undefined;
         this.disabled = false;
         this.isActive = false;
     }

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onResize = require('./on-resize-514663f7.js');
+const index = require('./index-e321455d.js');
+const onResize = require('./on-resize-b2cc6e7f.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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)}";
@@ -21,7 +21,6 @@ const GuxRichTextEditorList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.internallistitemsupdated = index.createEvent(this, "internallistitemsupdated", 7);
-        this.value = undefined;
         this.listItems = [];
     }
     get listItemsSlot() {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -17,7 +17,6 @@ const GuxRowSelect = class {
         this.internalrowselectchange = index.createEvent(this, "internalrowselectchange", 7);
         this.id = randomHtmlId.randomHTMLId('gux-row-select');
         this.selected = false;
-        this.disabled = undefined;
     }
     onCheck(event) {
         event.stopPropagation();
@@ -28,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: '976ab88ad10bc80328ba1a8f2771a1a29adf450e', "label-position": "screenreader" }, index.h("input", { key: '5595389f3b9167caca95912b4f9f97d64cc8390b', ref: el => (this.inputElement = el), class: this.selected
+        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
                 ? '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: '69f7e67417053dde3eb81b1fad8b2ba1470b96b3', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '56ec2aa78be976ebb17d4f6ce8c1a504687ddd35' }, 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: '2c828e3bddca2bfd76e6e2c4a56422dcefecc9d1', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'd4db6c6c650587020d2b83b8e1584236145b597c' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -12,8 +12,7 @@ const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
 const GuxSegmentedControl = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
-        this.disabled = false;
+        this.disabled = false; // This is used by child items
         this.items = [];
     }
     onClick(e) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -13,7 +13,6 @@ const GuxSegmentedControlItemStyle0 = guxSegmentedControlItemCss;
 const GuxSegmentedControlItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
         this.selected = false;
         this.disabled = false;
         this.iconOnly = false;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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');
@@ -19,7 +19,6 @@ const GuxSelectorCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.variant = 'simple';
-        this.disabled = undefined;
     }
     componentWillLoad() {
         this.setInput();

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.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>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 GuxSidePanelBetaStyle0 = guxSidePanelCss;
 
 const GuxSidePanel = class {
@@ -31,7 +31,7 @@ const GuxSidePanel = class {
         return (index.h(index.Host, { key: '3f0e1fa0e90174807e0791df751041891492f94a', role: "complementary" }, index.h("div", { key: 'dafc3bf2e247d8e889b856bca9a129919e12522a', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: 'ed7ccb998473f605b62ecc2501ff6fa1c8625be7' }, index.h("gux-dismiss-button", { key: '79b2f066aa80e26007e935428c7ef4e86ee338fc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '3f90cc7c91a0527156f5d49d7b3ef744a081a445', name: "heading" })), this.renderDescription(), index.h("div", { key: '90e590fa826d72f87c8f9f43ccfa7d809ece77b2', class: "gux-side-panel-content" }, index.h("slot", { key: '9ddeae0e8199c137f7c998e9105ddbd3b2c71c38', name: "content" })), index.h("footer", { key: '982044b7583f44e9090a34be9ec71c9d3929f3d8' }, index.h("slot", { key: '55b8d906d978761a456e40ae36099abe482677c6', name: "footer" })))));
+            } }, 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" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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;
@@ -11,8 +11,10 @@ const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
 const GuxSidePanelHeading = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Heading level, 1-6.
+         */
         this.level = 1;
-        this.iconName = undefined;
     }
     componentWillLoad() {
         usage.trackComponent(this.root);

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;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:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.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;
@@ -12,13 +12,16 @@ const GuxSimpleToast = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
+        /**
+         * The component accent.
+         */
         this.accent = 'neutral';
     }
     componentWillLoad() {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'b022fe27d1a0c806917115667e200a58468eb474' }, index.h("div", { key: 'e01dd34b6461873c99e06cdfd5cba65a15ea9d67', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'e95707158b85975f307e8f45e4fa5d2cc1d2f05b', name: "icon" })), index.h("gux-truncate", { key: 'cf410ee970d02de03f41404e3a8877e28f07f0ea', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7c0492f7df9f8fc0b45b6a9f9dec3e32f7a00da6', name: "message" })), index.h("gux-dismiss-button", { key: 'ff8560eb767a83c595c5a66b8898f9fd4653ef0e', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        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) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.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)}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'aaafc087728be4fa90a1231adefc900d2a1bc8d9', role: "listitem" }, index.h("slot", { key: '5375751ec6428f7dd1d4b4a179ce9ea87026b5cd' })));
+        return (index.h(index.Host, { key: '1d89b7cbb56d339349d504ce9418dd9759e6f71f', role: "listitem" }, index.h("slot", { key: 'a0d78e553766eb92a7c82f37820af3469a050641' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.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: '665fcaf7d4689480ecbd4a11591a4803bd7ddfaf', class: "gux-container" }, index.h("nav", { key: 'd787c1992e3cbb638af24631e1be4f0599362f88', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '0fd7177ea8df4d7dc9c36d4cd474dff549ff33bb', role: "list" }, index.h("slot", { key: '51535cd8155e4b344b9c692d074f844411a198c2' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }