genesys-spark-components 4.139.0 → 4.140.0

package/dist/esm/gux-form-field-text-like.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -110,15 +110,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6f7a9f8a3ec92ca86df73ffab6bd9b40cb0f7a8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '96191f5ca8707b314ab42ac2e3120ca52c6c6c69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6beba272f10dade4a734645ce876fe5024f15d16', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f27b6373cc5f6a588197809efee724365b572c16', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23d41cb4d9d5dbaf8d51d47c7a9a9bc6165748cb', name: "label-info" })), h("div", { key: '48759dc437355ad2a97a43444566fe0f3a1bde72', class: "gux-input-and-error-container" }, h("div", { key: 'bc303813eb586bbf6a9e2650dcf6daeff42ac9b4', class: {
+        return (h(GuxFormFieldContainer, { key: '3176db5956ec09c3d57be9ec591fb26100b57f69', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5640438aa1e6df6b7c02dc205fab397b6d87846', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a0fb0a1f726233e5d2e057488632505ab1d7aafb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ac23dedf2732cf5118326f99bc3d448c8b126f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e4027170521ef623563e4beed0629585b41549b', name: "label-info" })), h("div", { key: '34647aa25191caeaa25ffa9ae3b5974e33f706b3', class: "gux-input-and-error-container" }, h("div", { key: '773605f4c25951fd91a4171122501afe69b272b9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '670c179a68ae3e5c1840676dc9f7f46890ab8cb7', class: {
+            } }, h("div", { key: 'acc5c6d48b69f827b63ae3920bb40ac75bb0cc15', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'cb0cf1684c668e8ea25bfd812d323745189c0be6', name: "prefix" }), h("slot", { key: 'f15b23f4f5e7f3ab7d981187d08e5f12b5e50f3a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '5eb3800f612c6d6f0956c3b1e870efc63668fd45', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '57c3f7261ce04b35770f6765a1720931d32c0edc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6ea192428b68257cbf22bc9f18becf20ed1da63c', show: this.hasError }, h("slot", { key: '43cd676200cf4f8cc0b20200c4de9357e76e8f76', name: "error" })), h(GuxFormFieldHelp, { key: '61efc18915d47c7f5aa495700964f226e79f00d4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f083af53789e074a95b219909a63dba25e2259d3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8b1b8a1eaede93453c209a21332c4e8f467ef1df', name: "prefix" }), h("slot", { key: '95bf3aba89cf262326ee2a2046188a9552d75e88', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0c539582273b05ee2acb980ef291e0514c39a8f6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '01b89eb67eefad82edecb4abc464e4ae6e5329ea', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2aa51cbd3821ed1bd281934b9fcaf3df63f70f71', show: this.hasError }, h("slot", { key: '4e4cec3c1820923f5efb59d7bfe5f27cd2d4ce05', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ff3646f377f6681dc753850ccf47cf7aa4b8d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cb9ab22824c1c8a1d69f4a439e88417712fe82c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-textarea.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -91,12 +91,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '6407ddcacb1fdb3b82fb964ea79f7db167e62943', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6e1a08a36209d757cd194c68ac87c304daa87cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2ddf2d0507d799aa5433d150a44ba6d276f33ac1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb2df5a84a51d19b641f90dd208c39dbb470a02c', name: "label-info" })), h("div", { key: '8f3f75a49f255181af8fed7a3f9be8eba024dbde', class: "gux-input-and-error-container" }, h("div", { key: '973620d76537b189f056b6304feca1ed1d7b09ff', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
+            } }, h("slot", { key: '41a18dbc04090ae6e6afa4e62dfe225542796082', name: "input" })), h(GuxFormFieldError, { key: 'f5314dc2da07de50650bb5371c45888aade55c12', show: this.hasError }, h("slot", { key: '88f7e3e308b52a900acbd0ce4415fe3520d4d6a6', name: "error" })), h(GuxFormFieldHelp, { key: '64da68877e4eac8871821d5305fa4cc7c9ab2c0a', show: !this.hasError && this.hasHelp }, h("slot", { key: '22c505af2a8c66b7756e1cc833d0bacc6dd74eba', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-time-picker.entry.js

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -102,14 +102,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3fd88c10807314cc6782ada2147315f5402e28b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '810f80c9d2ae908adc27d19adabefcabf7055778' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '88129db8bba63831615f259bc378a058dfe7b5ab', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '822d218f6b153c435437813b621e8e62c1cbfdd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'db5d2afdd53e7d09e013e7d58d7a4fab7c04d9c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fae8d53675d56ebd3119466c6ac85fdb0a7110a', name: "label-info" })), h("div", { key: '288c41845b8220a602a4f2fd8be0cb73e656d3dd', class: "gux-input-and-error-container" }, h("div", { key: '66cf560e9474c91ebccc474c29522518c17a2316', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
+            } }, h("div", { key: 'b10fe51de7a104239854db4eefbce5f7d33d037e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
+            } }, h("slot", { key: '1f60b7f32e6fad7854bd43652b187028608260b9' }))), h(GuxFormFieldError, { key: '2d4442b1228aca2995baea442c0947146a84526a', show: this.hasError }, h("slot", { key: '1f2b967347d3cc0a7a5a47fbde8220dd5c9f19ca', name: "error" })), h(GuxFormFieldHelp, { key: '9524373a787c456b4eb1bcfac8e391e2efedc20e', show: !this.hasError && this.hasHelp }, h("slot", { key: '490f2794fc202aa3a1d3e70e29e16b6eeafcab59', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-field-time-zone-picker.entry.js

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -103,13 +103,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5a4493c1f8c9e5d3618cffc378e50f5a79055b4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1bc0e7dc45d864ee842129920050614e6cd2d2ed' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '8b404bb3d16c262aa86f8fb776ae52a29147693a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '362a673cb006cf6ebcc684e09fc3ec9b9207a3ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '217f639502817eea789d805e92b46b246f31eb0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fe95de1394e09cf1f936d828c3c8f2e0312f2c29', name: "label-info" })), h("slot", { key: '68076e7fb7bc00708b393e7886fa2f26c9131683', name: "label-info" }), h("div", { key: '7612b983aae771d98e2cd3d874e1e47845596a01', class: "gux-input-and-error-container" }, h("div", { key: '8828cbdbbbec905a5d5edd5374d8039dfedeff2f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
+            } }, h("slot", { key: '91694867233c695f0998f32e74bde23222d9948b' })), h(GuxFormFieldError, { key: '5aa018784fd0bf6567a3d4e113e98a0ba6a1ab11', show: this.hasError }, h("slot", { key: '17771e2dc7275cbf4a3c094c806687a029ff806d', name: "error" })), h(GuxFormFieldHelp, { key: '6a6764a937e6a6fc34fb7687fc679466f41f7c9e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4dd635643c051598aedae337d4e9c51ecf881e1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-footer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -550,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '48732c4782a70319ea4be66ab109aa9af91678a8', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

package/dist/esm/gux-inline-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
+        return (h("div", { key: 'e38a052abde5bdb85f668e7a56d3735704755f03', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
+            } }, h("div", { key: '3685211e79104b9158b6d373998c77f2476f5a95', class: "gux-message-wrapper" }, h("gux-icon", { key: '3b332a38888504f9dfa1c05de9886c094ef9e183', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c7718994a9bd5b94e6d2bddadfe7bb3a6996733f' }, this.i18n(this.accent)), h("div", { key: 'd0a29d8e5a44d2d18b480b75fcfa426a99067b55', class: "gux-content" }, h("slot", { key: '162d617ab2c483968f6118ffb9ad043333695bbf', name: "content" }, h("slot", { key: 'e0b6e888bdc70bf18e6271c18993c30f532be7e9' }))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-inline-dropdown-beta.entry.js

@@ -0,0 +1,270 @@
+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 { t as trackComponent } from './usage-86a3ca46.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
+import { s as setInitialActiveOption, b as getListOptions } from './gux-listbox.service-250c2b08.js';
+import { h as hasSlot } from './has-slot-f24a46a6.js';
+import './get-closest-element-728b9f18.js';
+
+const filterResults = "Type to filter dropdown results";
+const noSelection = "Select...";
+const dropdown = "Dropdown";
+const translationResources = {
+	filterResults: filterResults,
+	noSelection: noSelection,
+	dropdown: dropdown
+};
+
+const guxInlineDropdownCss = ":host{box-sizing:border-box}::slotted(gux-listbox){inline-size:fit-content}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-dataTableItems-inlineDropdown-label-fontFamily);font-size:var(--gse-ui-dataTableItems-inlineDropdown-label-fontSize);font-weight:var(--gse-ui-dataTableItems-inlineDropdown-label-fontWeight);line-height:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding-block:4px;padding-inline:8px}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-field.gux-input-field{block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:inline-flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-dataTableItems-inlineDropdown-text)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dataTableItems-inlineDropdown-gap);color:var(--gse-ui-dataTableItems-inlineDropdown-chevron-default)}.gux-target-container-expanded{background-color:var(--gse-ui-dataTableItems-inlineDropdown-active);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dataTableItems-inlineDropdown-gap)}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";
+const GuxInlineDropdownBetaStyle0 = guxInlineDropdownCss;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxDropdown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.guxexpanded = createEvent(this, "guxexpanded", 7);
+        this.guxcollapsed = createEvent(this, "guxcollapsed", 7);
+        this.required = false;
+        this.expanded = false;
+    }
+    watchValue(newValue) {
+        this.validateValue(newValue, this.listboxElement);
+    }
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Escape':
+                this.collapseListbox('focusFieldButton');
+                return;
+            case 'Tab':
+                this.collapseListbox('noFocusChange');
+                return;
+            case 'ArrowDown':
+                if (this.activeElementNotListbox()) {
+                    event.preventDefault();
+                    this.expanded = true;
+                    setInitialActiveOption(this.listboxElement);
+                }
+                return;
+        }
+    }
+    onInternallistboxoptionsupdated(event) {
+        event.stopPropagation();
+        forceUpdate(this.root);
+    }
+    onBlur(event) {
+        this.stopPropagationOfInternalFocusEvents(event);
+    }
+    onFocus(event) {
+        this.stopPropagationOfInternalFocusEvents(event);
+    }
+    onFocusout(event) {
+        this.stopPropagationOfInternalFocusEvents(event);
+    }
+    onFocusin(event) {
+        this.stopPropagationOfInternalFocusEvents(event);
+    }
+    onClickOutside() {
+        this.collapseListbox('noFocusChange');
+    }
+    onMutation() {
+        var _a;
+        if (this.listboxElement) {
+            return;
+        }
+        this.listboxElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.querySelector('gux-listbox');
+        this.applyListboxEventListeners();
+    }
+    onInternalExpanded(event) {
+        event.stopPropagation();
+        this.guxexpanded.emit();
+        if (this.listboxElement) {
+            afterNextRender(() => {
+                this.listboxElement.focus();
+            });
+        }
+    }
+    onInternalCollapsed(event) {
+        event.stopPropagation();
+        this.guxcollapsed.emit();
+    }
+    connectedCallback() {
+        var _a;
+        this.listboxElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.querySelector('gux-listbox');
+        if (this.listboxElement) {
+            this.validateValue(this.value, this.listboxElement);
+        }
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    componentDidLoad() {
+        this.applyListboxEventListeners();
+    }
+    componentWillRender() {
+        if (this.listboxElement) {
+            this.validateValue(this.value, this.listboxElement);
+        }
+    }
+    showTooltip() {
+        var _a;
+        void ((_a = this.truncateElement) === null || _a === void 0 ? void 0 : _a.setShowTooltip());
+    }
+    hideTooltip() {
+        var _a;
+        void ((_a = this.truncateElement) === null || _a === void 0 ? void 0 : _a.setHideTooltip());
+    }
+    validateValue(newValue, listboxElement) {
+        if (newValue === undefined) {
+            if (listboxElement) {
+                listboxElement.value = newValue;
+            }
+            return;
+        }
+        const selectedListboxOptionElement = this.getOptionElementByValue(newValue);
+        if (selectedListboxOptionElement) {
+            listboxElement.value = newValue;
+            return;
+        }
+    }
+    applyListboxEventListeners() {
+        var _a, _b;
+        (_a = this.listboxElement) === null || _a === void 0 ? void 0 : _a.addEventListener('input', (event) => {
+            event.stopPropagation();
+            this.updateValue(event.target.value);
+        });
+        (_b = this.listboxElement) === null || _b === void 0 ? void 0 : _b.addEventListener('change', (event) => {
+            event.stopPropagation();
+        });
+    }
+    stopPropagationOfInternalFocusEvents(event) {
+        if (this.root.contains(event.relatedTarget)) {
+            return event.stopImmediatePropagation();
+        }
+    }
+    get optionElements() {
+        return getListOptions(this.listboxElement);
+    }
+    getOptionElementByValue(value) {
+        return this.optionElements.find(optionElement => {
+            return optionElement.value === value;
+        });
+    }
+    fieldButtonClick() {
+        this.expanded = !this.expanded;
+    }
+    activeElementNotListbox() {
+        return document.activeElement !== this.listboxElement;
+    }
+    collapseListbox(focusChange) {
+        if (this.expanded) {
+            this.expanded = false;
+        }
+        if (focusChange === 'focusFieldButton') {
+            this.fieldButtonElement.focus();
+        }
+    }
+    updateValue(newValue) {
+        if (this.value !== newValue) {
+            this.value = newValue;
+            simulateNativeEvent(this.root, 'input');
+            simulateNativeEvent(this.root, 'change');
+        }
+        this.collapseListbox('focusFieldButton');
+    }
+    renderTargetDisplay() {
+        const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
+        if (selectedListboxOptionElement) {
+            return (h("div", { class: "gux-selected-option" }, this.renderSelectedItem(selectedListboxOptionElement)));
+        }
+        return (h("div", { class: "gux-placeholder" }, this.placeholder || this.i18n('noSelection')));
+    }
+    /**
+     * Renders the selection display for the selected item. This function needs a branch to handle
+     * each type defined in GuxDropdownOptionType
+     *
+     * @param item The selected item. This can be any of the node types defined in GuxDropdownOptionType.
+     * @returns Rendered selection details.
+     */
+    renderSelectedItem(item) {
+        const tag = item.tagName.toLowerCase();
+        switch (tag) {
+            case 'gux-option':
+                return this.renderOption(item);
+            case 'gux-option-icon':
+                return this.renderIconOption(item);
+            case 'gux-option-status-beta':
+                return this.renderStatusOption(item);
+            default:
+                // eslint-disable-next-line no-case-declarations
+                const _exhaustiveCheck = tag;
+                return _exhaustiveCheck;
+        }
+    }
+    renderOption(option) {
+        let optionText = option.textContent;
+        if (hasSlot(option, 'subtext')) {
+            const subtext = option.querySelector('[slot=subtext]');
+            optionText = optionText.substring(0, optionText.length - subtext.textContent.length);
+        }
+        return (h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, optionText));
+    }
+    renderIconOption(iconOption) {
+        let iconStyle = null;
+        if (iconOption.iconColor !== null) {
+            iconStyle = { color: iconOption.iconColor };
+        }
+        return (h("span", { class: {
+                'gux-selected-icon': true,
+                'gux-icon-position-end': iconOption.iconPosition === 'end'
+            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
+    }
+    renderStatusOption(statusOption) {
+        const optionText = statusOption.textContent;
+        return (h("div", { class: "gux-status-indicator" }, h("span", { class: `gux-status-icon gux-status-icon-${statusOption.accent}` }), h("div", { class: "gux-status-indicator-text" }, optionText)));
+    }
+    renderPopup() {
+        return (h("slot", { slot: "popup" }));
+    }
+    renderTarget() {
+        return (h("div", { class: {
+                'gux-target-container-collapsed': true
+            }, slot: "target" }, h("button", { type: "button", class: "gux-field gux-field-button", onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), h("gux-icon", { class: {
+                'gux-expand-icon': true
+            }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular' }))));
+    }
+    renderTargetContent() {
+        return (h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
+    }
+    render() {
+        return (h("gux-popup", { key: '6f566a720410ee762c917adc41daddd5270fc70c', expanded: this.expanded, inline: true }, this.renderTarget(), this.renderPopup()));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "value": ["watchValue"]
+    }; }
+};
+__decorate([
+    OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxDropdown.prototype, "onClickOutside", null);
+__decorate([
+    OnMutation({ childList: true, subtree: true })
+], GuxDropdown.prototype, "onMutation", null);
+GuxDropdown.style = GuxInlineDropdownBetaStyle0;
+
+export { GuxDropdown as gux_inline_dropdown_beta };

package/dist/esm/gux-label-info-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -32,7 +32,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: '56d47ce5f2b632072104e8cd5e9367d9abb73097', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'a720884b1bb912502416c10087878d16885e6431' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: 'd998e3257efcfe68159cd3bbe1ea5fedac6d56f2', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'bb243c88b2c7ad7217cf88c156f7a7e01617b38c', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'c15c6233b298c2f03cb0a6a9d4b6c3d62c062a2a', name: "content" }))));
+        return (h("div", { key: 'b76ff06369ed70fd75e794f96f74be8e3f8a76b5', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '454ab062488bc37d73fb88b769236ce243cd38f4' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '27713594a6c58c34b262f6eb22605bacc63d8fcd', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'bf484212d4525b01e8b448ef2b7ff90d7299a4c3', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'a3c28acb003422167bc32707208f5539081bbed1', name: "content" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
@@ -20,7 +20,7 @@ const GuxLink = class {
         return !!getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (h(Host, { key: '996dc79252fa45084deaeab08b443c48af84dd61', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1732fcfa0f80733efc1d62cdce523e5b070808f1' })));
+        return (h(Host, { key: '9bf00be3f4e8906b91364d00f28a6bd5d2fa2f7e', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '519c3642d33eeac030274ba7d3516d6a6cc6edff' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-list-divider.entry.js

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '47874f242f9441edc3ad4139542262c0cd6e0189', role: "presentation" }));
+        return (h(Host, { key: 'ba070e6345303b885411921d2862a67734bc11b1', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -9,7 +9,7 @@ const GuxListItem = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'b6fa93d98979ed2916d0a2d0268e57634540f6c6', role: "listitem" }, h("button", { key: '9f5234aeec44769ea23e46d04a6042e8cd78b3b7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '0bce73acc9aba33f936e853e1c3225d9393a8cd3' }))));
+        return (h(Host, { key: 'f55b7ab9bb6afab9f46c88a8c7c0d0f87d20a6ef', role: "listitem" }, h("button", { key: '481088d0eadfecbb2654eb76ad8145127e04f50f', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'd2103640154fef9b2320a1d1f20f067e601b3def' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -53,7 +53,7 @@ const GuxList = class {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '82adb429fd4ef3143f82756c5bcf8a0abeb5f3c8', tabindex: "-1", role: "list" }, h("slot", { key: '9089f367dae30117a5d81271a45795cbf72f71b4' })));
+        return (h(Host, { key: '4645a18e635b14651b82d84fde98c61099e12a70', tabindex: "-1", role: "list" }, h("slot", { key: '22a08227bb9ecad9277e0153a362bbad5cdbd7e6' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { b as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOption, 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, a as getOptionDefaultSlot, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
+import { d as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOption, e as setLastOptionActive, f as setFirstOptionActive, i as hasPreviousOption, j as setPreviousOptionActive, k as hasNextOption, l as setNextOptionActive, m as actOnActiveOption, n as goToOption, c as convertValueToArray, a as getOptionDefaultSlot, o as onClickedOption } from './gux-listbox.service-250c2b08.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/{gux-listbox.service-1b2f1a6e.js → gux-listbox.service-250c2b08.js}

@@ -20,7 +20,12 @@ function isOptionGroup(item) {
     return item.tagName === 'GUX-OPTION-GROUP-BETA';
 }
 function isOption(item) {
-    const optionTypes = ['GUX-OPTION', 'GUX-OPTION-ICON', 'GUX-OPTION-MULTI'];
+    const optionTypes = [
+        'GUX-OPTION',
+        'GUX-OPTION-ICON',
+        'GUX-OPTION-MULTI',
+        'GUX-OPTION-STATUS-BETA'
+    ];
     return optionTypes.includes(item.tagName);
 }
 function getFirstSelectedOption(list) {
@@ -150,4 +155,4 @@ function convertValueToArray(value) {
     return value ? value.split(',') : [];
 }
 
-export { getOptionDefaultSlot as a, clearActiveOptions as b, convertValueToArray as c, setLastOptionActive as d, setFirstOptionActive as e, hasPreviousOption as f, getSearchOption as g, hasActiveOption as h, setPreviousOptionActive as i, hasNextOption as j, setNextOptionActive as k, actOnActiveOption as l, goToOption as m, getListOptions as n, onClickedOption as o, matchOption as p, setInitialActiveOption as s };
+export { getOptionDefaultSlot as a, getListOptions as b, convertValueToArray as c, clearActiveOptions as d, setLastOptionActive as e, setFirstOptionActive as f, getSearchOption as g, hasActiveOption as h, hasPreviousOption as i, setPreviousOptionActive as j, hasNextOption as k, setNextOptionActive as l, actOnActiveOption as m, goToOption as n, onClickedOption as o, matchOption as p, setInitialActiveOption as s };

package/dist/esm/gux-loading-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '70356553906bdd63057fa0e9c5ad6e715b470f81', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '281eb24bc1f0853d940a0847728bccd75dca5866', class: "gux-progress" }, h("slot", { key: 'a7be4b136d00b4a8c5b2ec81e298d1e95fd4d241', name: "progress" })), h("div", { key: '2b48c115e728d70408a3dbff44d5146270f923df', class: "gux-primary-message" }, h("slot", { key: '14ba47c353fe1dd986eb21641214d8454aaead96', name: "primary-message" })), h("div", { key: '3fb5684b3856f933cac3c1839f5b05e361308f16', class: "gux-additional-guidance" }, h("slot", { key: '62c4adfbe16f3aad8d7139a75ba8b68788ecbc0f', name: "additional-guidance" }))));
+        return (h("div", { key: '70a1f38dabb0b81325300cf8d9b3ac6992b0eda7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd404fed4ae8e9cfc825c0f71c78177a43bd3af9e', class: "gux-progress" }, h("slot", { key: 'cdc6631eda3b12ae30d68de764d5ed6144d61a62', name: "progress" })), h("div", { key: 'a0afed75afb859cbc001b51024323b17be002e18', class: "gux-primary-message" }, h("slot", { key: 'cb0d650c97439f3f17ab25915699a7d3913814e4', name: "primary-message" })), h("div", { key: 'cce443b19801997783ead52f3a8eb56ea9423c7c', class: "gux-additional-guidance" }, h("slot", { key: '6d7a23a11048e128a8cc7382c2b1d7b36b469819', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };