genesys-spark-components 4.98.0 → 4.99.0

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const onResize = require('./on-resize-9065f1ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
+        return (index.h(index.Host, { key: '32324364fbfa38acd4435a252bb129698c6b26e6', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), index.h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, index.h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '57055247699edfa348923fb6df6c844130d3166c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c0efd2605f1b43591329adc687b85b8a36fb2f86', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '51586dbbf542dcc665cc639a88d40864fe92dcfb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '920517c2a7f219b3ff861c24b291df13792f9c56', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '821e19ca7fc0fc23d598ef4e69b2a54e30d8d5ef', name: "label-info" })), index.h("div", { key: 'f03523fa5e6e6d182802eac78ae387fb23433d52', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '47e22411ca72144a8078b16b461ecbf84d127bf3', show: this.hasError }, index.h("slot", { key: 'fe1dc513e6a99f9a89ca83da982019c8621ef36c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '16da91902190f61a50c7af4a3f214cd18e2dddfc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1c03c46a10561577030a16b78cb498e85b44f07e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), index.h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, index.h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), index.h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, index.h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
+            } }, index.h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, index.h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, index.h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), index.h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, index.h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), index.h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, index.h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
+            } }, index.h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), index.h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, index.h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
+            } }, index.h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), index.h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, index.h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), index.h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, index.h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), index.h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, index.h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
+            } }, index.h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), index.h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, index.h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), index.h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, index.h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), index.h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, index.h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), index.h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, index.h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, index.h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
+            } }, index.h("slot", { key: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, index.h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), index.h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, index.h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), index.h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, index.h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
+            } }, index.h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, index.h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
+            } }, index.h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, index.h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), index.h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), index.h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, index.h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), index.h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), index.h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, index.h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, index.h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', name: "help" })))));
+            } }, index.h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, index.h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.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{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '331d5e5042089530faa81ff7c4a5cb9511a982bd', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
+        return (index.h("div", { key: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, index.h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, index.h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
+            } }, index.h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, index.h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, index.h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.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{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";
@@ -36,7 +36,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'eb66887ffe2972faee641cccfb3f935f92bfc854', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '230b736eb28544139150b2fa3a29fad3ff4d224d' }, index.h("slot", { key: '23bb9fabdaca0e99f780f96ecd140b112b295340', name: "content" })), index.h("gux-icon", { key: '46914c27de93ccc63db4b3305c75311444aec20f', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '727cabe31dc2691201e159dc6a6877a7eb8246a6', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("div", { key: 'e0cf603e0d7c4aa87957a3de9ff7bd10af774acd', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: '002dd520b8963ca31fe898198c1bc461186c5418', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: 'c3dc8f9f95e6d8c0cf72ae06700dea0433f61dbd' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: 'fbd08623e72a315950a3d3664c14850fba79e08c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'cc8a5475fd40d8e21add82f1b689251831134fc1', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'b84d0f31945c0e924e023694a85c53872004f57f', name: "content" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxListDividerCss = ":host{position:relative;display:flex;width:100%;height:var(--gse-ui-menu-divider-height);padding:0;margin:var(--gse-ui-menu-divider-margin);pointer-events:none;cursor:pointer;cursor:default;background-color:var(--gse-ui-menu-divider-backgroundColor)}";
+const guxListDividerCss = ":host{position:relative;display:flex;inline-size:100%;block-size:var(--gse-ui-menu-divider-height);padding:0;margin:var(--gse-ui-menu-divider-margin);pointer-events:none;cursor:pointer;cursor:default;background-color:var(--gse-ui-menu-divider-backgroundColor)}";
 const GuxListDividerStyle0 = guxListDividerCss;
 
 const GuxListDivider = class {
@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '713909a50fffe7ac054da956484525f0c871aeee', role: "presentation" }));
+        return (index.h(index.Host, { key: '56e33e66317185680fcea7741c574989875dac63', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
-const guxListItemCss = ":host{width:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){width:var(--gse-ui-menu-option-startIcon-height);height:var(--gse-ui-menu-option-startIcon-height);margin-right:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}";
+const guxListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}";
 const GuxListItemStyle0 = guxListItemCss;
 
 const GuxListItem = class {
@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, index.h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
+        return (index.h(index.Host, { key: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, index.h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
+        return (index.h(index.Host, { key: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, index.h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), index.h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, index.h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), index.h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, index.h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, index.h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), index.h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, index.h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), index.h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, index.h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
-const guxMenuOptionCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;box-sizing:border-box;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
+const guxMenuOptionCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;box-sizing:border-box;inline-size:var(--gse-ui-flyoutMenu-width);block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
 const GuxMenuOptionStyle0 = guxMenuOptionCss;
 
 const GuxMenuOption = class {
@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, index.h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
+        return (index.h("button", { key: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, index.h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxMenuCss = ":host{flex-direction:column;width:fit-content;padding:var(--gse-ui-menu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxMenuCss = ":host{flex-direction:column;inline-size:fit-content;padding:var(--gse-ui-menu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 const GuxMenuStyle0 = guxMenuCss;
 
 const GuxMenu = class {
@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, index.h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
+        return (index.h(index.Host, { key: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, index.h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '4c560129d4704e0cf2b39a77ea8494c4f943b0e4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4f26f1702ced1b770035eb3f993b47653d6077ec', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '84835e5f39c707d9fb03cb125d099cdec501c781', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'bd2f8bc2f6e25c833477df36a27db71f9e2f9488', name: "title" }))), index.h("gux-dismiss-button", { key: '26b54923c42ce83c65dc3b9d818baa53fb41b776', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'e8d57caaea18ba43763d1a49ff718a6f76909de3', class: {
+        return (index.h("div", { key: '0b7bf1803a27712de1d2ce1e2864dc9c49e9004f', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'ab479c087a1af922272b5c7a6ed333c4b880e904', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '187bccef5bd926618c5674c18c2b33de87612de3', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '8a35d0336b0df7cbfa1f3965594ff9c00e7332b3', name: "title" }))), index.h("gux-dismiss-button", { key: 'ccfcb15e7380b3838f602e30aabca386c5203b8b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'f2d4711d6492ece45af28c3d25a4d470dba54152', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '5cf41c10982266dd5e137a9554b95b23da8e5d0f' }, index.h("slot", { key: 'fc063519fb7e6998c5848ac3deca4f44b295a66e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '5dfe62a195dc5331bbf35f312c8159336f19badc', class: "gux-button-footer" }, index.h("div", { key: '440facd07400b3c353ce21d11c527d9df2e3810c', class: "gux-left-align-buttons" }, index.h("slot", { key: 'b110a10e475e0a96ad2042361e05010ba894c017', name: "left-align-buttons" })), index.h("div", { key: '387237bac3ede031f328a4336fc0d8d777a38277', class: "gux-right-align-buttons" }, index.h("slot", { key: '6dc5dda704f6000272135c2a405fe1db11b6b1e6', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'a53a92c0acaa5b9c561961937d40ed36da098c12' }, index.h("slot", { key: 'bd56c58ad6bf1ced890577ea660de3375f0f50ec', name: "content" }))), hasFooterButtons && (index.h("div", { key: '6b4ba6636c4ec443e02bcf1af00783ea20523ea5', class: "gux-button-footer" }, index.h("div", { key: '42ff0cdd27d1c25a6fdba0d90f440a474ad26c0c', class: "gux-left-align-buttons" }, index.h("slot", { key: '21c3373d83ecd0325643f482337c3d4e95c5aea4', name: "left-align-buttons" })), index.h("div", { key: 'da00f46b200b01eaf88cbc6674a5b24e12e82e2c', class: "gux-right-align-buttons" }, index.h("slot", { key: 'd58bf5c5f8ee524acaa366c2b8fec817257124bc', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, index.h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, index.h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, index.h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, index.h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '677921c9dde412710726338267e591ad25860551', class: {
+        return (index.h("div", { key: '1bf08b790a5cdb3279809536c22f21f25febdbc0', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'a547b8cb470a7954273b8bb225c1fbbc0d6068fe', role: "list" }, index.h("slot", { key: '184656f93c75eb43590a0db3086960e2a020d9b5' })));
+        return (index.h(index.Host, { key: 'e166432f0a713540f4c1d23e48e0d843adb7161d', role: "list" }, index.h("slot", { key: 'a378cb4ca462756dccb95f15c991c215d8d436d0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '81219ec153e7c466b7a2b9ebe614d691c576595c', role: "listitem", value: this.value }, index.h("div", { key: 'eccb4ec0999c329e1c70561930e629f362c1a064', class: "gux-container" }, index.h("button", { key: 'cf8e11ed5f104a44796877a19964969d5e74bbd5', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '06ac363b8ecc1d20445af10bae4fc176a48e0aa7' })))));
+        return (index.h(index.Host, { key: '0c1de73e9c85b6f2fc0bdd201a7c488d9be4e012', role: "listitem", value: this.value }, index.h("div", { key: 'c04537773800e63a7968b7f7d64da46a2c3da07e', class: "gux-container" }, index.h("button", { key: '4caac77c98d9d7aefb2262b2c5d365fe763fca08', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'ccb35f53997ac2d353df127d8dd6208ab2d07727' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -219,7 +219,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: 'dbb99af69d5607c7b3110919c0da6ca433dd6abf', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '6d0e344fb180a8d62bc065e373629c47dc097ae5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {