genesys-spark-components 4.105.5 → 4.107.0

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'dfd3618ebf7c142a0597dfb34e44673a9f3ef4fa' }, index.h("gux-popup", { key: '4f047a9706898a6b33fda61c4ac867a7f594ba4a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '57a4a20d2f53200db206f6716d178388e37c7c54', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '0d0762b28cbac04a57bb08f6f9482dfc1d7c34c7', accent: "ghost" }, index.h("button", { key: 'a83ddc1b121318f92b1f90459b9d8175c0f6b29a', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '82ec6e3d272ac1dd957727e6ec5097a18d68e878', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'e76befbef4f43252ff3cd2e5e780fd0ae992cb64', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '358c5014aaf990e2e593a68f54cb2373883832a0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8534997c8624516bf51040f615c97568f5b52bf0' }))))));
+        return (index.h(index.Host, { key: '30d3effa7f34773087052996e02adc07d613d297' }, index.h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, index.h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clickToCopy = "Click to Copy";
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '61b50b6dcb0347c965e1a5489f1c9ffa36a39a30', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '23ce9eaee27eb5a8937fac14e68d97719e852bfa', class: "gux-copy-content" }, index.h("slot", { key: '642a1f24b1bddafb2f1c66fea7b85ccdd224316a', name: "content" }), index.h("gux-icon", { key: '41e198a12da09a4803d5df0eb87303aedeaf4d58', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '6b2eb35c396be1e4e4e91f87d7777cea062639fa', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'b575dd3d1bdea5ef122fd4f9d861338a53cbe0e5', class: "gux-copy-content" }, index.h("slot", { key: '926a620cc7d3b10e37419c07284288e2709ddef8', name: "content" }), index.h("gux-icon", { key: 'c54c1d77f0b53864e4dc0aad5d5a68cbdca7154e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '84292e618da1ca0addd8e4d87a90b1b0e0ceead2', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '9d2bc65eddec3d6c02c496e0b50e88f28ab0f08c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '0dfe61b00e60cc2c811cd45327708cf4a82b2c1b', class: "gux-option" }, index.h("gux-icon", { key: '40dba84be99b636dafff9b4835d5fe7d8cd3f8a9', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '1636c96cbc990736830b120cd0c6abee4082c2e1', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: 'f4ea0e2d47f0c424a086631a59eb3caec9835755', class: "gux-option" }, index.h("gux-icon", { key: '5329eb17ba8393ceb25ef8c4cb949b9e1e63e7ae', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'cd0b035b37c3cee943205f799f019def6b0d57f4', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
+const usage = require('./usage-86f0618f.js');
+const getValidTimezone = require('./get-valid-timezone-89d16e0c.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
+const usage = require('./usage-86f0618f.js');
+const getValidTimezone = require('./get-valid-timezone-89d16e0c.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -8,8 +8,8 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -650,7 +650,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '34438bb1186c5f2dcc7dce86350abb6dae6428bb', class: {
+        return (index.h("div", { key: 'b912b4873f671ebdc1256f926092c28df1eee5f2', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultLabel = "Disclosure button";
@@ -13,7 +13,7 @@ const translationResources = {
 	defaultLabel: defaultLabel
 };
 
-const guxDisclosureButtonCss = ":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";
+const guxDisclosureButtonCss = ":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";
 const GuxDisclosureButtonLegacyStyle0 = guxDisclosureButtonCss;
 
 const GuxDisclosureButtonLegacy = class {
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'b62f7d6f2d015c1b8e035e8e967c6621285c9e76', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '45c47a3623aea91df0785840ac2be7845cad2262', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '2ff21e51b13a2791d5e78a4807e7a22e9be30d65', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'e0fd9321d3c551104cd5b360b6b43e7697d6aafe', id: this.panelId, class: {
+        return (index.h("div", { key: '121eb5004265d470d90959c35544124b08e37d86', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'c71e8cc822865d788150d95468dfba7d2357ac89', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: 'd37c9c6544f531986ead7cb3cc50d964c6e97ff5', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'f91f879967bf1c4207d4fe7a2aa3a3498a026138', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'a780a1a65af9748e97c8421b6a19fc325051932f', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '3ee8faa9f4f5cb02e2c724cab5e176d276b47d0b', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const dismiss = "Dismiss";
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '0ed2dc546114563cc7533125e6176fff808c0eae', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '32600b1fc687ea39563ecc88aec4f5c385777827', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'af7db36c3f066d7b4702db239e5bdcc503d71af5', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '0b1341014d35b983176cb7500697aff09c266a2e', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ca90774f917be8f15a48b37ce2de1f686fc2395a', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, index.h("button", { key: 'c013386d96d15ccc2aaa6f7e41a602414fa57453', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'b7905d9d5f95d4aa888ee70d68925fd5d1421a29', class: "gux-icon-container" }, index.h("gux-icon", { key: '3d1647facc518a50c589a99cfe957fa40f64624f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -11,7 +11,7 @@ const translationResources = {
 	clearSelection: clearSelection
 };
 
-const guxDropdownMultiTagCss = ":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}";
+const guxDropdownMultiTagCss = ":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}";
 const GuxDropdownMultiTagStyle0 = guxDropdownMultiTagCss;
 
 const GuxDropdownMultiTag = class {
@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'f9671d5f9d34b1a882962746d31f3511520204ea', class: {
+        return (index.h("div", { key: '635499c202da270d0657b975548e1d22f8a1a655', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const onMutation = require('./on-mutation-9b997891.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -26,7 +26,7 @@ const translationResources = {
 	pressEnterToCreate: pressEnterToCreate
 };
 
-const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
+const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
 const GuxDropdownMultiStyle0 = guxDropdownMultiCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -397,7 +397,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '45d64d06582aeee2e0c405e0b3416f21bd7b008f', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '4301e5da8de71d48975aae612be3278315a83886', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'e85394a7eabc1be47706bb296782a3ac679067fc', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '4456949ce752fdcfdb203332a7c8312d09f909c2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: 'd471bff45aa92b8096e47e975964dd3658e67839', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'f014654cde2859554494c85f46fdb72c89c49dfc', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -360,7 +360,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '9a8dcb5d594f5036652ae945c0fbf0e3094a053e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '48056955c3ec1e1b1305c460ea9b79a95f711146', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -587,13 +587,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'd1bdb1118c5b02b093a6d661193d0820aad3bc1f', role: "option", class: {
+        return (index.h(index.Host, { key: '454cbf558c2ff334a047fe9be82bf90aad093f39', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '45e6cb7c53502c1faaac6ca403074bf0a1bbb2e1', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c19ec0e07cb2ef93555859fc16e8707fe5faada7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '185c7bbdd3f1ded5ab50bc7422858f4e5c881473' })), index.h("slot", { key: '96e164f9f04b8f3f4b8ddb8389c81bd9e1a91eb4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'b65528c4ad351e182a28088587da59cfc83c95f9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'f6944a9b38d6355c0aabc1be6fecf7304244da8c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '35ec357ca9fac8774d31030011f062b9b5507e89' })), index.h("slot", { key: '8f4bcb7e339688ba99bbaea69bb808e00aea9cbd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {