genesys-spark-components 4.138.5 → 4.140.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const intl = require('./intl-ed89316c.js');
@@ -402,7 +402,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '3e7104c7c527ba42cc818e65513814372fb85602', class: "gux-calendar" }, index.h("div", { key: '3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0', class: "gux-header" }, index.h("button", { key: '543de6897267a1f4e6e8db8b97bb711304c08b52', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'b2c294ef682512eece2727b7a81d767e8eaa6ac9', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '63a15fda509d1b4094e9758f7e363a12d9eb8b5a', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '8ddab445b31da40a62add023f2e6c7e96ebbe62e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '717c46e440097c55521bd0ccece930c78cb18673', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '5668bf18520551adb04babf0c75c06d691b0be3f', class: "gux-calendar" }, index.h("div", { key: '535faac9b91d130b5ffda1f899886c8864278b0f', class: "gux-header" }, index.h("button", { key: '63fe077bae34d7ae1b925d18f633b0b4fb0698d7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'ea25c656165d2a53154a9b504d146b4a87215f92', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '78b7fb693fdc1603b56b07d268f96e0f5b762a33', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'd0b4940865dd476c6a483de8234158f363374381', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '9da55e11bb94070d4872a121b5a4eb126670cc77', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -20,10 +20,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '50bbbdd887db89f85e38917ccb676f3635aa339b', class: {
+        return (index.h("div", { key: '4e442e796dc0d0d1d52db25ad28e63c33a9e4750', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '14b6233c8880929e2797e7d486d553a39fd8a4a2' })));
+            } }, index.h("slot", { key: '31b3d5da1c3a9e479de4a4a787dfe3635d546aba' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '4f4f1a2d4ef6e37442a02b323727002ebc2d229d', draggable: "true" }, index.h("div", { key: '527ed6cf7479c6d274b1bf76c55d99f0b926a046', class: {
+        return (index.h(index.Host, { key: 'f0f911d1a9748d086816c3a62d800e2a8a0a5766', draggable: "true" }, index.h("div", { key: '386ceaf1dab89ba35d86a6bd43a3ac48a3d4d5be', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'a73b7f9161cb0959742a56c53c68e9b1780a70cf', class: {
+            } }, index.h("button", { key: '0180686d13c056ce0087a25ea8651f84c92d264d', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'db34f0e74744edb74f6e358decb1a687a522915f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '359c2ee8967c29f17cf8a70861554591a525ac05', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '9ef98b9772735fe121f883c54f30aa390a7b1518', class: "gux-select" }, index.h("slot", { key: 'e6cf19d37b7e2c3012ff5d3d344a816ec7dd7223', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '725aff67ee64a30f085e177710e8a9a75c1a82da', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '828ece69a0d399c2eb5e34ac2a3daee5d6767468', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '13836988a3758ec17cce4e98f6545592bc2fba0e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2226d22ca4d30c2ecdcaef69de470ca70e14e5ae', class: "gux-select" }, index.h("slot", { key: '215068b974b9c778ea36391ed66450356c065ba1', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '6fbb0037791d45474e95740f362d578505777ff0', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: 'b20a8b3d869c89e5d0a7df788c9216beb2606734', class: "gux-container" }, index.h("div", { key: 'cf85ab01ddc65cd36cb2fbcf9d8a1a5641bdb73a', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '4eb733de66dd8d8cad50af3593edc9b9cea06517', class: "gux-search" }, index.h("gux-content-search", { key: 'd2bd59c36f8e9316e890aab2c58a4f8eaffc21a5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '13d6d09461238dc320975957601069c0c0305326', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '196a7c4732665f9441a1da32a233a77065c657fe', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '59fec0d1351a8d29fb9c52e8d86f2a6e07082242' }, index.h("input", { key: '410e3c478f528af3ad2b7fb755f57b398d6f00de', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '437c750238f88906d24c996dfc8343ae9d4000cc', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '635052c617e778535a15916a10f50ebc19c681b6', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '4cccb7e62bb22f23132fbf5858264d1b8beef801', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '9268a564c81ea817eb4d7967a47399fa17f3e205', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '81fe37471e58f95f0809ec4a6a0b933a670d6cb2', class: "gux-container" }, index.h("div", { key: 'bae92afab70a60c9cdf5790ba271d8e197dc013d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'c93b40f05f50a4b0b6ed2fae9c19132b6bf57337', class: "gux-search" }, index.h("gux-content-search", { key: '5e7d395332b0eeaf4aa6d6923e491ed1d17f4faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'a121cae684113f5a3b026ecb9fd4c07554872c70', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2aed161d7becbb19f63a396fbce78719e2abbb70', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'b63bd6c7c8bb1b8ed6bf3df631d279f15f4e6301' }, index.h("input", { key: '9c535f3adca8d2a6827409b0249386133d2798b5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'c4a236267fa01675112f39f7f1e5432d5c7d7f66', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '804df7d8cf8547ffea63a953fe5723f8afc50ea3', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '1da7cab436cde218ba01950ca7f3f54579be9070', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '80f8be4a2874139096573df84b4200f160eca91d', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -70,10 +70,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'dcb6954c7a1dfe5eaa09537f822c0fe1fedad428', class: {
+        return (index.h("div", { key: '486a47040717c31b4719bd25c904f4e9ad26b4cb', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '738339b0abcfb1fc67e366271045fdd6e5cc5bb4', class: "gux-search-icon" }, index.h("gux-icon", { key: '5caddb780225556dbb10ea0f88d735fb1efba780', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '3519f441eb8cada75bdf3c1fc21c4f1bffbf7c8b' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '962eaf42d64c19cd29229494f8a48d849bdebb06', class: "gux-search-icon" }, index.h("gux-icon", { key: '94dd95de99314ddaa695295155e8106b7c7e564e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '4fb508f6e946793dd2634e362ac42f11995539cb' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -139,8 +139,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'fbeb395dcd997e46dabb8dee1d4dd71aa7e973a4' }, index.h("gux-popup", { key: '1fa5fc5fd9c6f29e9ef3dac05a57d46bdbfc5216', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '6dba4965728f08e74fcb5c97de15c65098f479e4', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '07d0f540d71554595b95f80d3761289e8cea8d80', accent: "ghost" }, index.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 }, index.h("gux-screen-reader-beta", { key: '13a892661c665a98f8db2b497f8b24fe343a00f2' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '04235a7dad3b948d3b625ec9401997660916bd5c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '33ea3a235089329b796aff39e3f2be74dc32ce43', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '13950efa372613ecd95bca4203364e7d754028f5', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e9b2f596b5c4b976a17dc9342879f8662a32eef0' }))))));
+        return (index.h(index.Host, { key: 'a89200c50e9825bba2d0cb3456ec34259a6474b0' }, index.h("gux-popup", { key: '611c344242193343098701b23264c9b0f4e804dc', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '9e425c440f41a0e0cd22821f0fdcac8631355f94', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '2f9516a5fee4b2ea801c0b2c39e4952a4ee6f398', accent: "ghost" }, index.h("button", { key: 'c2d60c950d71c16e67850aef0b211497abea14e3', 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-screen-reader-beta", { key: '60dc66a0a75ff63743c87febf411afce88077d28' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '6bc109369d68cee2a579f1ee8ae9ce6e60193598', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '2b7951d13305ea675eb4f9aa6b602f26cc797a61', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '32e98fca29255ee1defd7972c04836047b222783', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2537a1a217957a3f277dd789b8e4b2d444fc78b4' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '402c877cac07124174c54c374b9ac3d1fdc7c538', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'e92c093e1df2111acaca09e1497af6234b22cb20', class: "gux-copy-content" }, index.h("slot", { key: '106a6cae849ff8f21533bbb9a2c5474ca81fb471', name: "content" }), index.h("gux-icon", { key: '99661a03966909eea40f77fa3df3e80c1a1101c3', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '4a1d855939d0f110c8486ad4d8899234d36f42f7', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'ceb1e4e07fdc56791e89185c73ce8a592b9f14c6', class: "gux-copy-content" }, index.h("slot", { key: 'ed877b38943607c97402fe2af8b7ada0441476c1', name: "content" }), index.h("gux-icon", { key: '188ff54cc16790ef609dd66ccbcbc3251da2ca86', "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

@@ -47,11 +47,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '457d005a753ea722e21e478208642f5393ee8d90', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, index.h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '368d007db5f0b862c153bb3ffcb94b7f9bc31210', class: "gux-option" }, index.h("gux-icon", { key: 'b00176d03426d050639a82fea76fe13e708f167d', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '7e04c2a29ee18300a519c01784ec0948d8c6b52d', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

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

@@ -8,7 +8,7 @@ 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-8a2d3a8e.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -676,7 +676,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: '9b6737412b9c14de513320e17ba00e815802f069', class: {
+        return (index.h("div", { key: 'b48b1a41504b6735366664a10a3e21b695826205', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
-const index_umd = require('./index.umd-9e988797.js');
+const index_umd = require('./index.umd-60279d14.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
-require('./_commonjsHelpers-0192c5b3.js');
 
 /**
  * Formats a PlainDate Temporal polyfill object. Once browser support for Temporal

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -58,10 +58,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'dfd11315797588b49d1f799786a294842013d48d', class: `gux-disclosure-button-container gux-${this.position}` }, index.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') }, index.h("gux-icon", { key: 'a2fefab21c3de43de2c7199753a35bd68b62360e', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '362e1b3910ac360e5bc0e1a8900b82446f447f1f', id: this.panelId, class: {
+        return (index.h("div", { key: '74373499c508fac1f681b66025e5cc7cf8f4e73e', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '4e66753e258473269e44e963f3074db68772102a', 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: '93d6b142731b2e1c4603932f1688e4a4c285a284', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '7e2fb68671c9fe9e9676f0423036a8ea270a5566', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '453039d51dbb0e6299ade2aee243acfc0eaffab5', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '28c9f938f407ba9b9895fec535889f6e939d9406', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'ed2ade35805a933292919edec709d1778ac36a75', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, index.h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '5dd0175bb1d46ec17f7346edd60989b2b9114b1a', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '1652eca8ab19eee594eaf8d9cd4fbff934d03586', class: "gux-icon-container" }, index.h("gux-icon", { key: '65e759d50732413b83898ae9d99e2d6303bec22d', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', class: {
+        return (index.h("div", { key: '5359951db3353286222ca483667eb1a4d79d2f1b', 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

@@ -8,8 +8,8 @@ const index$1 = require('./index-aa48ea67.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-e47be043.js');
-const guxListbox_service = require('./gux-listbox.service-27157877.js');
+const usage = require('./usage-e250be95.js');
+const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -430,7 +430,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '10aae73f35b593e733ba58c122b3399b9e08e54d', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'af8104a8df2355d223ceb0e5fde6fd29eacb5799', 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: '6927f71083cd8f0700374d948be0aa25cb3db639', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'f7ed293f36f193c6e03d245656ec1d8b09d44f7b', 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

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

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

@@ -8,9 +8,9 @@ const index$1 = require('./index-aa48ea67.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-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
-const guxListbox_service = require('./gux-listbox.service-27157877.js');
+const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
@@ -319,6 +319,8 @@ const GuxDropdown = class {
                 return this.renderOption(item);
             case 'gux-option-icon':
                 return this.renderIconOption(item);
+            case 'gux-option-status-beta':
+                return this.renderIconOption(item);
             default:
                 // eslint-disable-next-line no-case-declarations
                 const _exhaustiveCheck = tag;
@@ -328,9 +330,9 @@ const GuxDropdown = class {
     renderOption(option) {
         let optionText = option.textContent.trim();
         if (hasSlot.hasSlot(option, 'subtext')) {
-            // TODO: use getOptionDefaultSlot(option)?.textContent.trim() once Stencil fix for assignedNodes test issue is in (v4.27.2)
+            // TODO: use getOptionDefaultSlot(option)?.textContent.trim() once Stencil fix for assignedNodes test issue is in (v4.27.2) - COMUI-3655
             const subtext = option.querySelector('[slot=subtext]');
-            optionText = optionText.replace(subtext.textContent, '');
+            optionText = optionText.replace(subtext.textContent.trim(), '');
         }
         return (index.h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, optionText));
     }
@@ -380,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '58d589cd590d035b3aaf57bfe05e2b40ec9a4f28', 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: 'd0e6fcfbd0da9f9296b950a541b57d3931a85af6', 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); }
@@ -403,7 +405,11 @@ GuxDropdown.style = GuxDropdownStyle0;
  * This list of valid option tags lets us derive both a union type for the tags
  * and a CSS selector for matching them in the DOM.
  */
-const optionTypes = ['gux-option', 'gux-option-icon'];
+const optionTypes = [
+    'gux-option',
+    'gux-option-icon',
+    'gux-option-status-beta'
+];
 /**
  * Useful CSS selector generated from the list of option tags.
  */
@@ -602,13 +608,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', role: "option", class: {
+        return (index.h(index.Host, { key: '8e9e4cf6dbed96539fc41939da131f05a5781efc', 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: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), index.h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6186ff08a6380a1e6b302e0c78070b8a65cf36c4', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'e7650c156cb40cfc152bb0c9d54453a458de9e35' })), index.h("slot", { key: 'd88ff0a3695c5f945bbde0c7aa2f33cf8cdf1091', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -18,7 +18,7 @@ const componentResources = {
 	error: error
 };
 
-const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-success\n  )}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-error\n  )}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
+const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-success\n  )}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-error\n  )}.gux-file-list-item .gux-info gux-button-slot{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-info gux-button-slot button{--gse-ui-button-default-paddingIconOnly:4px;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)}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
 const GuxFileListItemStyle0 = guxFileListItemCss;
 
 const GuxFileListItem = class {
@@ -32,11 +32,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
+        return (index.h("div", { key: 'dc5d16d800223c9802181bfe4301b53bc9f35483', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, index.h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, index.h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '80debc4f3b87397f4a3e6e810db88f3f22ce04dc', class: "gux-info" }, index.h("gux-truncate", { key: '3f8b95df7792e068a6b894833866df9760c056e0' }, index.h("span", { key: '708bdd96c2db4bf13e80c32edbdb2bdebb97737f', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fa1d610e066e43e6a025b4a9301ebd079a1a0459', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '326c7ff30a22066eabce87d3b7a8d4f7218a90c0', ref: el => (this.targetElement = el) }, index.h("slot", { key: '9c0296a10351beadb7b244bac865a6bf8f22317a', name: "target" })), index.h("div", { key: 'f08abd040753a89b68d09fdd5b41de488e2127b0', class: {
+        return (index.h(index.Host, { key: '705dd7369dba4352645c1705db33b9f3f7cfd390', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '542a46d2915e83b30dcecf8d515efdd67b112785', ref: el => (this.targetElement = el) }, index.h("slot", { key: '346efd2bd19496efdd0cee720ddc235cab3573e9', name: "target" })), index.h("div", { key: '1297adc021208c5f844efe52f22d792d88211efe', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c2012c91e07d8096d67dce88517278a482648499', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'a96a744afb7f76549f4213651aa1f04d294b5141', class: "gux-arrow-caret" })), index.h("slot", { key: 'f65fff57bc2b65fa7f358d08d400cd9e638f7505', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '436470738e7679f2b332fc66501aa9c5bda3afb9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '3d66c9b20b677b840da6f76b6c0a61044f4837dd', class: "gux-arrow-caret" })), index.h("slot", { key: '757f4a157457bbd62cbf239985a00612e40ce80d', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js

@@ -11,7 +11,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -197,8 +197,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3b33199d0852a92df23c59b5843f5f48282a136f', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd6933ee5c5fdc1e76876e13ba26c1659c9112971' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'a3831908a9f0c3c36e37d0b0a780c7c92f7c1dce', position: "above", required: this.required }, index.h("slot", { key: 'deed6591b098259b1f8890a1a3da8031aec1191f', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd4848d9b2733dc0000b911d28b4e09a6b0e382f6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'db792150cc8c6b4436b557933250beb231a717fa', name: "group-label-info" })), index.h("slot", { key: 'a60e9d4d0ccc580b5752ba871a33a953d27fd41c', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '3efd3470ff4da294d814ea367261921e5d8d3017', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc6db71f68f2763d88208b9b9550cbbbbfb45068', show: this.hasGroupError }, index.h("slot", { key: 'a9ffb37ace5fea4c8f47e73693efbeea58b76ada', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e03a0d08e8af6215c3e793688a6db90c02a4a4d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a5e7d149c584db70e9b7ad3dc87c1258e461bb60', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '82711918d702bd81432d84e8c4a67af8602f979e', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c8df4f74e3ed8ecaff04313f30afca29049bebcc' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '08a29328b9b06a9e985f09a93394f32cd039eb1d', position: "above", required: this.required }, index.h("slot", { key: 'c516fff9067c5e0825688c956248a539438751c5', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f51f8491725cb929a4d188d77c01af1d37063175', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '62aaae610193cb1af270487b9c35f4885173f5ce', name: "group-label-info" })), index.h("slot", { key: '5b8b4784a9c08cd415319afe3e67388dba4c3a74', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '6587e8a28258dff586d3143f403b64af61c98fd0', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '89812bc1133e8b263d12fb17faa45c3d1ecd43a2', show: this.hasGroupError }, index.h("slot", { key: '475aee18cdfcc77aec936294c6d63ca8d0277ce7', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4795c2ff3decb95f0f538ba7ae7b0b8006ed495c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '18c28aae572498c5014767b937b4dd7002703516', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-6d71ec1a.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -52,10 +52,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0c2e94a0639b7a9a0d33da50bd3061c7f7e2d7b7', class: {
+        return (index.h(index.Host, { key: '3807b1ae64ec97a88b614521d43e17cfc42529b9', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'f0e07d2cca513c52f20a6fb67cc394059733ec41', class: "gux-form-field-container" }, index.h("div", { key: '89ac566d1648fcd48b3fce1fe31600e282020360', class: "gux-input-label" }, index.h("div", { key: '7aaac55e931fbfc26dbcf4018009879005878b60', class: "gux-input" }, index.h("slot", { key: '9c93787dc7d0464e848780ae34a76ff69c43eec8', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '1864d76877c5a710262df6acf00a9108bf887d81', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'ac092d51b91c6568ffb708387529c8a46ea68cec', name: "label" }))), index.h("div", { key: '320fd3438c3be63936113ec3a141b3b9d0a3568c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '5bbe724e9768404d6ed538c863cb001c5366593f', show: this.hasError }, index.h("slot", { key: '2fe8cb4c939bbe76194893fe61633ca4fa7df62f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c4fb397bf418dab936527aaf8bda72d2c898fd31', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ee99d4774ad72f4ed796088c45f6f7d91c26a10a', name: "help" }))))));
+            } }, index.h("div", { key: '4b0197733ce8805e94ea35710c631cdaa75a9f08', class: "gux-form-field-container" }, index.h("div", { key: '21bff41e6716c39404111211b3961a12572dabc0', class: "gux-input-label" }, index.h("div", { key: '248842d8c5b1925209fe3c8d71e9401d85df5be3', class: "gux-input" }, index.h("slot", { key: '617fbbb990ac8aaca2419f39cc67e7ce71fc747d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '4c6008656f5972debaf900588c98feca21735cc7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'b025ca7c7be84f0567b62010b5a07e04edfd00c5', name: "label" }))), index.h("div", { key: '30174559135d2382d8148678ee15258be90d24cf', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '4e8f50c6416a5114c67e95afdd10ca2bf54ae4dc', show: this.hasError }, index.h("slot", { key: 'afe78c0a23baf77e348845cb11aacf66f32948a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd13d0a3b79454de838274b5f91066ec785771c4b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f5c4a72d948a21fc12b7589269c0366b6ebab26', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e47be043.js');
+const usage = require('./usage-e250be95.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '50b798eab2ffec2de253631cc955735822fb1af9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '243f5f76c6be675bcce6d1a77d4127d27d62c509', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c2e698839a5b377d3ace2598e73bce4f4511feef', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cf4eca811a47ad397fb7b223012c0e9765b06b54', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bba4efb9c91106cbcccb28425081b766ef0773ff', name: "label-info" })), index.h("div", { key: 'bd8e56487b500d1a93f4fd51126b624dc507d11e', class: "gux-input-and-error-container" }, index.h("div", { key: '09050e3d83cb9d2b6463cc250db56c91004c4de4', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd3b685320b63f563795b1f373eed1e9480f31e08', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0398fe4a51630de16e0565e728ddc075293777be', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '049c6d6a39fefd46e30feedebf98e681bed43463', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0997af10c069d589a213b1812fee797c27c556f2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '35058cc8746cd9a87510e0d338ba1f0ec94bda21', name: "label-info" })), index.h("div", { key: 'ac4686ec5e818d46b655730507c951e2f472f8f8', class: "gux-input-and-error-container" }, index.h("div", { key: 'f9b0e6c253315a1d460894a36a2a800db86a0486', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '768582927565bbe1df7111f1582d984fbcbefac6', class: {
+            } }, index.h("div", { key: '3ed9de5c316531dd3fb775e71c4eb72c65eb762c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2b9b68cf05c516ea01caf971317bbed6a876c792', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c0901866c04c9ff738324b36870bcb0e3be62e79', show: this.hasError }, index.h("slot", { key: '3ad27f64c30686b62d11735feaae817eb11c8b61', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b9077472ee08d0708c0e20b2de93f44000a475da', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '32578a641faf50d6392577305e929a63ca4524e2', name: "help" })))));
+            } }, index.h("slot", { key: 'ef3e40bc0ec3903adacedcb3d29b77bcd8e7c48c', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f95f940f2f5e4320eb06f9a2a9e4c0f51e00d285', show: this.hasError }, index.h("slot", { key: '6c9db0ec5ecc492a5949dd2605ef2057d308eebc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd710fd3516b5ed6f1ccd838585ef296218578811', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '659a44ddee240ab4a479559532daac6642fed57b', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';