genesys-spark-components 4.137.1 → 4.138.0

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import './get-closest-element-728b9f18.js';
@@ -29,10 +29,27 @@ const GuxContextMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.buttonId = randomHTMLId();
+        /**
+         * Indicates button density style. Intended to be paired with gux-table property.
+         */
         this.compact = false;
+        /**
+         * Controls the disabled state of the internal button
+         */
         this.disabled = false;
+        /**
+         * Screenreader text for context menu button
+         * defaults to "context menu"
+         */
         this.screenreaderText = '';
+        /**
+         * Placement of the popup
+         * defaults to is "bottom-start"
+         */
         this.placement = 'bottom-start';
+        /**
+         * Controls the visibility of the popover list
+         */
         this.isOpen = false;
     }
     /**
@@ -118,8 +135,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', 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 }, h("gux-icon", { key: '4c204be4799f8d81430c74cae579f05ab2c5443e', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '304ed678c9ef75e5e29cc2e4b6d23077b4bc900c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c7b0411d988cb0f8ce0301dccf813b107955a982', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ceead50c5d2b03d2bf2341ef775f81b0fff6afa4' }))))));
+        return (h(Host, { key: 'fbeb395dcd997e46dabb8dee1d4dd71aa7e973a4' }, h("gux-popup", { key: '1fa5fc5fd9c6f29e9ef3dac05a57d46bdbfc5216', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6dba4965728f08e74fcb5c97de15c65098f479e4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '07d0f540d71554595b95f80d3761289e8cea8d80', accent: "ghost" }, h("button", { key: 'd03776600b914eebf84a2c778bf6342197027a06', 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 }, h("gux-screen-reader-beta", { key: '13a892661c665a98f8db2b497f8b24fe343a00f2' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '04235a7dad3b948d3b625ec9401997660916bd5c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '33ea3a235089329b796aff39e3f2be74dc32ce43', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '13950efa372613ecd95bca4203364e7d754028f5', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e9b2f596b5c4b976a17dc9342879f8662a32eef0' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const clickToCopy = "Click to Copy";
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '424ad51c007871467bf2be7ff12afb9462c97744', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7b16c8ef23bd1b06d6124b7a7c68a68706d29127', class: "gux-copy-content" }, h("slot", { key: 'e99aa86b73857ede7899146de32060b0ff13b530', name: "content" }), h("gux-icon", { key: 'e869de2c6b8ec78049577e97ddf7bcf24947986e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '402c877cac07124174c54c374b9ac3d1fdc7c538', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e92c093e1df2111acaca09e1497af6234b22cb20', class: "gux-copy-content" }, h("slot", { key: '106a6cae849ff8f21533bbb9a2c5474ca81fb471', name: "content" }), h("gux-icon", { key: '99661a03966909eea40f77fa3df3e80c1a1101c3', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -17,7 +17,6 @@ const GuxCreateOption = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internalcreatenewoption = createEvent(this, "internalcreatenewoption", 7);
-        this.value = undefined;
         this.active = false;
         this.hidden = true;
         this.filtered = true;
@@ -44,11 +43,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '94933ca9614787b7de00588f1564775b443bdb35', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '6d5228c7f34a4de52803a3e3dfe40ed2523b013e', class: "gux-option" }, h("gux-icon", { key: '69e58916b80ff3b07fccbd87f6326d30a468a198', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '4edbf7e33b222810eada9ae9d1898ac23bd7ab0b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-cta-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxCtaGroupCss = ":host{display:block}.gux-cta-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-ctaGroup-gap);justify-content:start}.gux-cta-group.gux-end-align{flex-direction:row-reverse;justify-content:end}.gux-cta-group ::slotted(gux-button){flex:0 1 auto;min-inline-size:0}";
@@ -7,7 +7,13 @@ const GuxCtaGroupStyle0 = guxCtaGroupCss;
 const GuxCTAGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Sets the buttons alignment
+         */
         this.align = 'start';
+        /**
+         * Defines if the primary button should have a danger accent
+         */
         this.dangerous = false;
     }
     validatePrimarySlot(slottedElement) {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4688faf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
-import { g as getDesiredLocale } from './index-0faa8b4b.js';
+import { g as getDesiredLocale } from './index-4f1356d9.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -11,9 +11,14 @@ const GuxDate = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hasRegionalDatesCookie = false;
+        /**
+         * The ISO string representation of the date to format
+         */
         this.datetime = new Date().toISOString();
+        /**
+         * Format option type
+         */
         this.format = 'short';
-        this.timeZone = undefined;
     }
     componentWillLoad() {
         trackComponent(this.root);

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4688faf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
-import { g as getDesiredLocale } from './index-0faa8b4b.js';
+import { g as getDesiredLocale } from './index-4f1356d9.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -11,9 +11,14 @@ const GuxDateTime = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hasRegionalDatesCookie = false;
+        /**
+         * The ISO string representation of the datetime to format
+         */
         this.datetime = new Date().toISOString();
+        /**
+         * Format option type
+         */
         this.format = 'short';
-        this.timeZone = undefined;
     }
     componentWillLoad() {
         trackComponent(this.root);

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-c6c7180d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import './get-closest-element-728b9f18.js';
@@ -169,21 +169,46 @@ const GuxDatepicker = class {
         this.lastYear = new Date().getFullYear();
         this.startInputId = randomHTMLId('gux-datepicker');
         this.endInputId = randomHTMLId('gux-datepicker');
-        this.value = undefined;
+        /**
+         * The datepicker label (can be a single label, or two separated by a comma if it's a range datepicker)
+         */
         this.label = '';
+        /**
+         * The datepicker number of months displayed
+         */
         this.numberOfMonths = 1;
-        this.startDayOfWeek = undefined;
+        /**
+         * The min date selectable
+         */
         this.minDate = '';
+        /**
+         * The max date selectable
+         */
         this.maxDate = '';
+        /**
+         * The calendar mode (can be single or range)
+         */
         this.mode = "single" /* CalendarModes.Single */;
-        this.format = undefined;
+        /**
+         * Disable the input and prevent interactions.
+         */
         this.disabled = false;
         this.labelPosition = 'beside';
+        /**
+         * The datepicker current value
+         */
         this.formattedValue = '';
-        this.minDateDate = undefined;
-        this.maxDateDate = undefined;
+        /**
+         * The datepicker current value
+         */
         this.toFormattedValue = '';
+        /**
+         * Uses styling to control visibility of the calendar element
+         */
         this.active = false;
+        /**
+         * Tracks the amount of key presses when focusing on the input.
+         */
         this.pressedKeys = [];
     }
     watchValue() {
@@ -647,7 +672,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: 'b9214b306a78a2a6d49a36a14f716271f314ea2e', class: {
+        return (h("div", { key: '9b6737412b9c14de513320e17ba00e815802f069', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/esm/gux-day-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { g as getDesiredLocale } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { g as getDesiredLocale } from './index-4f1356d9.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
-import { i as index_umd } from './index.umd-3e2e3aec.js';
+import { i as index_umd } from './index.umd-2a77857d.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 import './_commonjsHelpers-c9e3b764.js';
@@ -37,9 +37,6 @@ const GuxDayBetaStyle0 = guxDayCss;
 const GuxDay = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.day = undefined;
-        this.disabled = undefined;
-        this.date = undefined;
     }
     /* Watcher to sync the internal date with the day attribute on changes */
     onDayPropChange() {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const defaultLabel = "Disclosure button";
@@ -17,9 +17,17 @@ const GuxDisclosureButtonLegacy = class {
         registerInstance(this, hostRef);
         this.active = createEvent(this, "active", 7);
         this.panelId = randomHTMLId('gux-disclosure-button-panel');
+        /**
+         * Indicates the position of the button panel
+         */
         this.position = 'left';
-        this.label = undefined;
+        /**
+         * Used to open or close the disclosure panel
+         */
         this.isOpen = false;
+        /**
+         * Indicated image used by button
+         */
         this.icon = 'fa/caret-right-solid';
     }
     watchIsOpen() {
@@ -46,10 +54,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'bef8cddef519a2cb8ec12c152afade245c76c714', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'e48597f1285fb2f53868912d0d1d04220688aff0', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '505d17fcb664df950b98817214455c8e0960c737', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '03fac25eea867bf43f87a06bb2098abee7f8c7ee', id: this.panelId, class: {
+        return (h("div", { key: 'dfd11315797588b49d1f799786a294842013d48d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '164ea67f06014b3b78860e180b633bcb3f63d6d6', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'a2fefab21c3de43de2c7199753a35bd68b62360e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '362e1b3910ac360e5bc0e1a8900b82446f447f1f', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '7372dbc3ec23058ae0d27b46044a404053095906', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '453039d51dbb0e6299ade2aee243acfc0eaffab5', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const dismiss = "Dismiss";
@@ -8,7 +8,7 @@ const translationResources = {
 	dismiss: dismiss
 };
 
-const guxDismissButtonCss = ":host{--gse-ui-button-dismiss-medium-width:32px;--gse-ui-button-dismiss-medium-height:32px;--gse-ui-button-dismiss-small-width:24px;--gse-ui-button-dismiss-small-height:24px}gux-button-slot{position:absolute;inset-block-start:var(--gse-ui-modal-dismissButton-paddingTop);inset-inline-end:var(--gse-ui-modal-dismissButton-paddingRight);inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";
+const guxDismissButtonCss = "gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";
 const GuxDismissButtonStyle0 = guxDismissButtonCss;
 
 const GuxDismissButton = class {
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -14,6 +14,9 @@ const GuxDropdownMultiTag = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internalclearselected = createEvent(this, "internalclearselected", 7);
+        /**
+         * Tag is disabled.
+         */
         this.disabled = false;
         this.numberSelected = 0;
         this.label = '';
@@ -41,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'a8269209ad4d42f5c60d8f9a10b754dea421536f', class: {
+        return (h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-1b2f1a6e.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import './get-closest-element-728b9f18.js';
 
 const textInputResults = "Type to filter dropdown results";
@@ -42,13 +42,19 @@ const GuxDropdownMulti = class {
         this.guxexpanded = createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = createEvent(this, "guxcollapsed", 7);
         this.guxfilter = createEvent(this, "guxfilter", 7);
-        this.value = undefined;
         this.disabled = false;
         this.required = false;
         this.loading = false;
-        this.placeholder = undefined;
+        /**
+         * Override default filtering behavior
+         */
         this.filterType = 'none';
         this.hasError = false;
+        /**
+         * allows dropdown popup to be wider than input
+         * defaults to fitting content if width is not specified for listbox
+         * default min-width is set to width of input
+         */
         this.exceedTargetWidth = false;
         this.hasCreate = false;
         this.expanded = false;
@@ -411,7 +417,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '9cfe34b91370f3444eb1463ba30a932996b2715a', class: "gux-dropdown-container" }, h("gux-popup", { key: '3a4263eaa05d2909904e93f10d60b0fbf215f850', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '355124f96b66e4de493455af50af902a167a2672', class: "gux-dropdown-container" }, h("gux-popup", { key: '4e67cf4314d7eaaf3715dbf6b562864dbef5307a', 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/esm/gux-dropdown-option.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-1f4f2f77.js';
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";
 const GuxDropdownOptionStyle0 = guxDropdownOptionCss;
@@ -12,12 +12,6 @@ const GuxDropdownOption = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.selectedChanged = createEvent(this, "selectedChanged", 7);
-        this.value = undefined;
-        this.disabled = undefined;
-        this.filtered = undefined;
-        this.selected = undefined;
-        this.text = undefined;
-        this.highlight = undefined;
     }
     /**
      * Gets the value rendered by the drop down item.
@@ -64,7 +58,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '459b214df1450f1727871767af8cb12dfbcb6afa', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'ea20401230e49f6f334230b89aee8d99fa290784', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from './index-21889d5d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from './index-1f4f2f77.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { s as setInitialActiveOption, n as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, b as clearActiveOptions, h as hasActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
@@ -40,13 +40,16 @@ const GuxDropdown = class {
         this.guxexpanded = createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = createEvent(this, "guxcollapsed", 7);
         this.guxfilter = createEvent(this, "guxfilter", 7);
-        this.value = undefined;
         this.disabled = false;
         this.required = false;
         this.loading = false;
-        this.placeholder = undefined;
         this.filterType = 'none';
         this.hasError = false;
+        /**
+         * allows dropdown popup to be wider than input
+         * defaults to fitting content if width is not specified for listbox
+         * default min-width is set to width of input
+         */
         this.exceedTargetWidth = false;
         this.expanded = false;
         this.filter = '';
@@ -362,7 +365,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '07ede31225e8012a77bf595a3069962c9a872434', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7cf261e8eda332f7df98a58d9f46631611632a6d', 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 getElement(this); }
@@ -405,15 +408,13 @@ const GuxListbox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internallistboxoptionsupdated = createEvent(this, "internallistboxoptionsupdated", 7);
-        this.value = undefined;
         this.loading = false;
         this.filter = '';
         this.filterType = 'none';
+        /* This is used by child components to keep track of this component's disabled state */
         this.disabled = false;
-        this.emptyMessage = undefined;
         this.selectedValues = [];
         this.listboxOptions = [];
-        this.allListboxOptionsFiltered = undefined;
     }
     onBlur() {
         clearActiveOptions(this.root);
@@ -553,7 +554,6 @@ const GuxOptionStyle0 = guxOptionCss;
 const GuxOption = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -587,13 +587,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', role: "option", class: {
+        return (h(Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', 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() }, h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-file-list-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -21,21 +21,18 @@ const GuxFileListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxremovefile = createEvent(this, "guxremovefile", 7);
-        this.name = undefined;
-        this.index = undefined;
         this.disabled = false;
-        this.status = undefined;
     }
     async componentWillLoad() {
         this.getI18nValue = await buildI18nForComponent(this.root, componentResources);
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '0e10e2310ec0e64c0477668676f608edf55a361b', class: {
+        return (h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '060c0296ecd715e61aef60a52187475f325b0456', class: "gux-info" }, h("gux-truncate", { key: '749f8f0e7898135c48209c7e8ad1230b4fdf906c' }, h("span", { key: '2837a77acb207ba6028e89f11c5febf60cf73acb', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/esm/gux-flag-icon-beta.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const AD = "Andorra";
@@ -508,8 +508,6 @@ const GuxFlagIconBetaStyle0 = guxFlagIconCss;
 const GuxFlagIconBeta = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.flag = undefined;
-        this.screenreaderText = undefined;
     }
     async componentWillLoad() {
         this.i18n = await buildI18nForComponent(this.root, translationResources);