genesys-spark-components 4.46.0 → 4.48.0

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-3d294d15.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -51,10 +51,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '96fff4b1513189f94c3692b5c22e77be7e504232', class: {
+        return (index.h(index.Host, { key: '0785cbd054e135fba2b2081762c23dbc4ddb96df', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'bbb75648e1bbbb1c8874c0db1d104b97f213fd3d', class: "gux-form-field-container" }, index.h("div", { key: '52f58decb8b614620d0ad938102e612bf40641ef', class: "gux-input-label" }, index.h("div", { key: 'd41d0da867592a776de9d89e599f267132c72e1a', class: "gux-input" }, index.h("slot", { key: '505e32836f2a2898f6970fa08f5cbc2899156cdc', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '461c4ec05c0750e3dad7f2bc1b76ed7359623c50', class: `gux-label-${this.labelPosition}` }, index.h("slot", { key: '8e848948354415a959fe03288b47a5bf34db2c06', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae66b8a54a66e20db14b7feaf86a664efca0562a', show: this.hasError }, index.h("slot", { key: '50be51561facb7217290478231682f22e085acf3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f2ff184fb0801dc56d4fdce757aa9c35864c3abd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5e03cb37e7fa21ca776f4f43b3c7bc84dbfae1f9', name: "help" })))))));
+            } }, index.h("div", { key: 'dc90464bfba7e28080a13e29af0c6ff25bc98258', class: "gux-form-field-container" }, index.h("div", { key: '8672e079535aaaa77491616561602df596922237', class: "gux-input-label" }, index.h("div", { key: 'e49f0a1d602a5ec989871ec3a90f99e1757b7ac0', class: "gux-input" }, index.h("slot", { key: 'ab397ae52b464ef5afe3b1974b07b0a55d70a980', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '13f9dd71621769b546e66913b637d6341160e80c', class: `gux-label-${this.labelPosition}` }, index.h("slot", { key: 'b1ef2f39d234072936f84b870faf2df4c50bcc5b', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f12ae3d745997d6f166cb5c0111c6236d1e6d525', show: this.hasError }, index.h("slot", { key: 'ba82f51995bc62942d083347750e9a8560abd66c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f919293dded6a0e574aad3e963ed4b578dddd889', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cc5bb5ba98c87c4b864a3984f375e8cde34458f6', name: "help" })))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -59,13 +59,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3f795869960ada33259048d5a593c89d6ebcde9e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '57df598023f7973c26b94a9f0deefd2f95356598', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '5ebf072111e0d5a7dd27ae310b5ccb2872d08c8e', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '2d33fbd10607a56bec6fce9190d0eee56651711c', class: "gux-input-and-error-container" }, index.h("div", { key: '8634c1ce815f8a6e609cdd3c7b4986a60f02eeba', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e45de896c85521bc05c7af70d4fe1328e7f9f734', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f3c801104d56dbd333a4ec56d74adc8e869cf1a2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ed6380218a1baa734bbc7948c2ff0f82c185f945', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd0ae690039df9381ad5e5bd0b190511368a4ea4a', class: "gux-input-and-error-container" }, index.h("div", { key: '15c57746d8e2c0ec53d7048e4219f0db40b4b427', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '1392fc7e81e1287133599507532e4e3b0628757e', class: {
+            } }, index.h("div", { key: '2673865c6436cec4e81ecd1156a3ace254b946b8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '5e35a48643fb9806f8cc5d250acf697d17708e06', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '80d6ee82ce0c72ecdb730c2badecd13763956adc', show: this.hasError }, index.h("slot", { key: '726ea064e2aea06a9d0655a5a55fdb1bea31e6bf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9b6851c027e7b92857cd92ee70466ded6bde76d0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4d61d70c7b9e80b7c642a38ef934e8cd958cb1d8', name: "help" })))));
+            } }, index.h("slot", { key: '7bc352e38c21f04405636b9593ddccc56998b3ec', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '259d8c9e2bb44017236e6bc83685862290754fde', show: this.hasError }, index.h("slot", { key: '4d85c62dee945f688e717cfab84928af23c395ce', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '60b16a907729029227acba25567b6d0576d63c0d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f90a7ac5c4561997fb55a9b472051c9a6c3fbb2', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -75,10 +75,10 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd9f6cfe54aa13cccbf20499ce1893c7116d24dc8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '058bf253b04d8d7eda414a18cb3483b4640ecd8b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'fc391e45e3b50648f25ab7165b356c929236cda8', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp)), index.h("div", { key: '67bdd9490d0f53609dca951c486d6a0fef8103ac', class: "gux-input-and-error-container" }, index.h("div", { key: '9f50acdb8cc710ef857821e2498460ebd7fac2e9', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f46d74411e26cf1c9c03c97fac347bf5dc788ab5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'e371f01108821c7baad0edb1e8e1a46f05073788', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'a3c0a06a605aa12b1a297730c9f65bd1cbf87e4a', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp)), index.h("div", { key: '9955be931b630d95d9e7e5948897bb9661bb1b43', class: "gux-input-and-error-container" }, index.h("div", { key: 'c05ea07ab13a20adf3c55e6eded59118fd1a65ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '3ffa1597a2916cd0d4be7084fc0c1bc361f229f4' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fb87ace7946bb9e1b9a90babd0aaf151d7b93696', show: this.hasError }, index.h("slot", { key: '66c529044a60b60edf8bca2c1cdd26ebb21224f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9dd7fff46335719b8455050c78179db94a41a300', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c33ef884e7cbfe5d7043c2868412538757e82c3c', name: "help" })))));
+            } }, index.h("slot", { key: 'dbd770b3a4f698c9e7fbf292b9ff6c3956f892f0' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7946e209f2047d2d55b4c5f8f7e4127a1551fe75', show: this.hasError }, index.h("slot", { key: '0e63501224440e94a44e0860f9dd4224bd96cb4f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd4b22cd40da1f353a303df3b1fa83fbe66091d0a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c4da27eb02ad0c7a0466278cea429de827261e19', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'e25dfcaa89bf0ea1010090ab80d4ecfc2d22c422', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'a7ae73193221ebbc9d3aae75ff3b53107e3e0908', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: '0c0332679ab95514e045ffe45c8859585deab429', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'f3ee13ea9fc4643f88909327f3c82a1011b5e78f', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -85,14 +85,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1b23d969ab096d9b58e474a744f75bab108e468d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ed5b8944c2d68cef8a5e0bfc5f52fb6121f325e0', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '947c009c1d2ddf13434bcc9b212846cfc1bf7f76', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '45d905548b66c4484fbebe19f9a5230dd9704247', class: "gux-input-and-error-container" }, index.h("div", { key: 'bb77b85e62a4112fc249aba45694e221e38d2abe', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a9a06a2ad9a0b1fb90f9c08e39e412b56724b5e8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '48428576ad89dbeef84489a4457548b1eb6fbe89', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4df79bf4e59801c57f7333414d615ac9afb75f6d', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'ebc55fafb330cdfd68d4c582806887c90b497507', class: "gux-input-and-error-container" }, index.h("div", { key: 'f47ff506665012da5edd9f798cebde2b1e339740', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'c3fc5dbea16686fc48b2e4848c076310bf3bd73c', class: {
+            }, part: "input-section" }, index.h("div", { key: 'cdc4e655e611a6742538ab5f4eac014a959e6fc8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, index.h("slot", { key: '974ef79884445b71101f5223268c87bf14617350', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '4d7d2c9350db33e4dacc1fc25035cda9293c90e2', show: this.hasError }, index.h("slot", { key: '0bc724484282c488a86a051dca3aa0417bd07197', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ffce7fc2a881de2dcc01ec379bc2123ad1ac1f5a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9452d7ee174a8786ba4f4778967d5ec2633ca77e', name: "help" })))));
+            } }, index.h("slot", { key: 'aa5b10586faa8e06051477bb6d7dacbad348988a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '1f169dd7cce45f773f094db4ce3da5ef32dda8e5', show: this.hasError }, index.h("slot", { key: 'eff3e2766fd1881e52c5bfcad5a4e184ac6754d6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '60f31cc749482b4fba9d5d62ca1387869d72399e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cd49807bb8ef4719e8170445301360185357f758', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -240,7 +240,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (index.h(index.Host, { key: 'd9b92cbc76229abd556e3c105859b9036d9ceda0' }, index.h("button", { key: '9348eec87d35cbd1e7507c5e9206704985ce8d0e', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '524af1e54e32d5719e488fc7afbea8c1660151d3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: '744521b5c901703f50d24d20b20d6e428be6ba3e', for: "popover-target" }, this.i18n('goToPage')), index.h("gux-popover", { key: '6fbe6c2c5e7889a873f3485f4d3b27fc703df99c', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'cfeb18c090167e3e0bc043aca0ccdf084779012a', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c24d56f060daa11f490397d7709afaaa5382e8de' }, index.h("input", { key: '8fea62f041f7736de67fadb7738051dd41b6b5d8', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), index.h("label", { key: '9618b6ae6da2f2a7bc9d70f616cd08ec1017b424', slot: "label" })))));
+        return (index.h(index.Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, index.h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, this.i18n('goToPage')), index.h("gux-popover", { key: '4ccc2d6b8e33062c289f613c813170223f6c3624', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'd3714a5a950e76c3b3d656a720e0e6d7b99caa3e', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'a437be9f072bc4494bf48d546d4593a4232c2000' }, index.h("input", { key: '8d380175646958355bbad4784a03752c3f12d45e', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), index.h("label", { key: 'dcbcb9eee1968bbe0c1a76e847cc745271ebfe5e', slot: "label" })))));
     }
     get root() { return index.getElement(this); }
 };
@@ -249,7 +249,7 @@ __decorate$1([
 ], GuxPaginationEllipsisButton.prototype, "onClickOutside", null);
 GuxPaginationEllipsisButton.style = GuxPaginationEllipsisButtonStyle0;
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-flyoutMenu-arrow-borderRadius)}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";
 const GuxPopoverStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -307,8 +307,6 @@ const GuxPopover = class {
     }
     updatePosition() {
         const forElement = findElementById.findElementById(this.root, this.for);
-        // This is 13 because this makes the arrow look aligned
-        const arrowLen = 13;
         if (this.popupElement && forElement) {
             void floatingUi_dom_esm.computePosition(forElement, this.popupElement, {
                 placement: this.position,
@@ -333,16 +331,29 @@ const GuxPopover = class {
                     bottom: 'top',
                     left: 'right'
                 }[side];
+                const arrowRotation = {
+                    top: 0,
+                    right: 90,
+                    bottom: 180,
+                    left: -90
+                }[side];
+                // This is 13 because this makes the arrow look aligned when horizontal
+                // or 15 if vertical due to extra padding needed to show the shadow.
+                const arrowLen = side === 'left' || side === 'right' ? 15 : 13;
                 if (middlewareData.arrow) {
-                    const { x, y } = middlewareData.arrow;
+                    let x = middlewareData.arrow.x;
+                    const y = middlewareData.arrow.y;
+                    if (side === 'left' || side === 'right') {
+                        x = x + 4;
+                    }
                     this.popupElement.setAttribute('data-placement', placement);
                     Object.assign(this.arrowElement.style, {
                         left: x != null ? `${x}px` : '',
                         top: y != null ? `${y}px` : '',
                         right: '',
                         bottom: '',
-                        [staticSide]: `${-arrowLen / 2}px`,
-                        transform: 'rotate(45deg)'
+                        [staticSide]: `${-arrowLen}px`,
+                        transform: `rotate(${arrowRotation}deg)`
                     });
                 }
             });
@@ -381,10 +392,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2b7721555957c555503984d1b99cd0f985f02fe1', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '1480dd2172bfa62a2b8aa552985d8e86a7e9f019', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '90a304adaf89272a3ffddaea02bf06a9d9db639c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), index.h("div", { key: 'd432fb790d09e8578f197454ae13b18b53482c4f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '8ba600c6e8ea29d85e30e9831270ae643b7de998', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'bed8b420b94df4e16d69704313d346e1e5b5ca4c', class: "gux-popover-content" }, index.h("slot", { key: 'b3f2c0b68314eef4df6c74c7464ab9c43dae4fc4' }))));
+            }, "data-placement": true }, index.h("div", { key: '5997baac0cc1197432784b33daa27549eb765257', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '7f83cdcd650b6a3b0bf655a458a48f41061a41a4', class: "gux-arrow-caret" })), index.h("div", { key: '6335e2f83e504b226b13f2435be073b834fea9e2', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'b0ec5ef26ba41fed994a9830fbebbf9ca2bc370e', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'bc76ae69856b8f00caa741fb287a1aeafd7881ae', class: "gux-popover-content" }, index.h("slot", { key: 'c0327f47b92aaf50f118d465f84a05d713ef5c9f' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -69,13 +69,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6affd84b369755acbdb345ba1bbf0df8743f354c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '2f6c21bb019a326a05a8fc633cf287243bbdb85e', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '4e27c6a54ae3cafec0c3b1f6b65367174fc4d8f1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '3e45489dbbacd6fcce986f529ad36a4d38c170a4', class: "gux-input-and-error-container" }, index.h("div", { key: 'ebf4f827fbdbbfb50d69a6777e1c0ce2d2a720ab', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8ff85b3c03219e2b844e7b061551381e38bba1c8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'dec197eec3d5b8ec3302a86c05b4324f596040cf', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'a746bf762e53618f705dd499e606b66266c80a6b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: 'f5fb5c07bc8e4976a388fa0ee3bb1a4937a9a728', class: "gux-input-and-error-container" }, index.h("div", { key: 'c83de5abdb4de589d6aeafa77b9e77e5996ee640', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '1f36188ec01f54bdb1d4f817353842cd2c295084', class: {
+            } }, index.h("div", { key: 'f502626469f903e2d5b869097dedb04d2883d9d5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ac12e6827d24e67285d77c1b9ac860e8b08e8687' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2273fc8feaa403a59e2e532a694fee1679037ff0', show: this.hasError }, index.h("slot", { key: 'b6af51fc18256eecf402845a3fe4258925921551', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7864c1a75a6e2aa91f8177bbd3e9d43077f1521b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '34c67369ba1d977639332f9050745fe6b4f74b43', name: "help" })))));
+            } }, index.h("slot", { key: '3febd3428004a50b99957c42b8dc553912d1d009' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3b43636a5fcc5e36650fb74d0d134f5c013b6d5b', show: this.hasError }, index.h("slot", { key: '6eafb872935baf54f0b200f7f646cad1188d0867', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e0a8e0ab155267823fcf382431c99d2a4b314985', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0790b4c83d57f68ed0a33f404d1293470ec402d0', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-d11bcc8b.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -50,10 +50,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '28c836ab0ee2e8f2f1c8f29370c3aea7ef6df159', class: {
+        return (index.h(index.Host, { key: 'd2daead3becf9dfc99d48fd75b4184a0f17a575d', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '27f76ad5558e3fd09d481c2b2af0a3c80c38e721', class: "gux-form-field-container" }, index.h("div", { key: '7469a60c3bd46491b4c1ef05f2dd054676ec6abb', class: "gux-input-label" }, index.h("div", { key: 'c31b65a701ee08dd4c68731c4b4dd69ba5b58fe9', class: "gux-input" }, index.h("slot", { key: 'ce09e0f8e1056cb21a6b0aa144714bae8e981503', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ed217abc020868dc6a5eca71fdf84f2d270ef115', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '30428682f186ceb7441bf1ef05f162fd8a405a2d', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: '9f59d5286aa67af156cc6551bc556673815a81c2', show: this.hasError }, index.h("slot", { key: '2735b8d1910c83073253a76416e0e8e390092571', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4511c94dfce56488a0a6d05861fd39d5cf245f53', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '216fd54ab7bd211eca63e0019a92ccc5424a6e9e', name: "help" })))))));
+            } }, index.h("div", { key: '836a7e83f8f954e4f175979720da3c069c90c66a', class: "gux-form-field-container" }, index.h("div", { key: '6d8ae39bf560ebcda1998ced209624d5509e6e8e', class: "gux-input-label" }, index.h("div", { key: '7ed914a1e4c76eaf90f0d49c445b0ede8412a727', class: "gux-input" }, index.h("slot", { key: '2117ece053b32ad43fbf7aadf343acd1f583b91e', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ac2008218c656bb24828cb465b0e4ecaafb93899', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '8f95b8edbcb04cb2635c29b07ad67c6c46159ccd', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f613802f6316ff517f24b39a2123afde96b403ed', show: this.hasError }, index.h("slot", { key: '4947bb510a3423a3e5922ee65f3a3d9ba2c256e5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6f661b21afb70d1b80cd13c0119016c49a35aa5b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6020ad3b02091f2c485328945be9e87dd2bf435a', name: "help" })))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -88,9 +88,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'd106ba7b1e32d5773b44f026a0440d2acc4b030c', class: {
+        return (index.h(index.Host, { key: 'f6e3915cb942511008c37f877f136bf9fd3556e3', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7f3c78051a807f410d61cef6cabe23694b0b8290', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '01e543a73da28c9cae99d37cf469a42ef7de9b05', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a6535225438e845c01d0ca319e40973a599f631a', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'e195e858dff0216a240e923d01d06c358f6e11eb', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '60fe2010cd30e615858598d791adecabf6b7a33b', show: this.hasError }, index.h("slot", { key: 'b7f60d30ccf2e181eb4a67d0e7e7daebd1f1824e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd68aec504ad633beb4949eca4e2939784495df6c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e95cb0d5fd538442559abe36a62cf897cbc56f27', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f01df73d2706a27f1bd79517e80129d015be9f83', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b63c5b4683977385ec66cfd305d3787406874821', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '21ec96f66320f1ca51cad635333201a770273bea', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'ae19a718a32a2a1316f8bab27470b6c2d88d173e', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '5ebbfe83db1319cc818b1c1ef525b17d96f568df', show: this.hasError }, index.h("slot", { key: '6c2128ae9ccfa2d4bb59effb312b8709ee377982', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '899f946a19fae07206d637b5b6c8ad3cb814327c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '93be28cc012997c736d0fdd880bce2be479ce945', 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-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -68,13 +68,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5081b97b6633daef74de93c86464d864dafa4b44', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7c2c6dbc3264a345ad3b0aee1954c066f9707abd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '54342ab897574197e795e838f3244a9bc6f5b402', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'e6dca15410ecfa75984d4e8f5209a37c6ae236ff', class: "gux-input-and-error-container" }, index.h("div", { key: '4306d88d4441f8a2f5bb86eecb84fcda76521350', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'cc4ddf4554a3170d2b63552c31381c9bd0defddf', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '95415f4ef625a1aa2de0c27b4bff3f9f71cba452', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4fd148a5e4cbcbc7db5213f96662e1164c512be9', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'aafd0448d7845dfd784dd8174f80a675fd8aca11', class: "gux-input-and-error-container" }, index.h("div", { key: '264cd6b96b0f69bf0b2e2036a1e971dcbb232a77', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '099cf65d76baff73e0b55d962429922d466d30fe', class: {
+            } }, index.h("div", { key: '5bd3fd5ac4a9f38e929fcd077b62cca43a1aae70', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: '2492abd9eb251d81cdc4ef6507b84ab77fecf019', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '40115a2df912ff908b7e6309bdffbaf1003eb1a1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b9076694fc0193859cce09869ff3c11085af29d6', show: this.hasError }, index.h("slot", { key: '8c79f3e8f005285113bada2211e647d4b3b817e8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '83607e1cac369c2293903462046d105f71d61309', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cce01be9010f0a07c3a0101c9a852e0a771af730', name: "help" })))));
+            } }, index.h("gux-icon", { key: 'a71d0ae281a9b9a4d3110cc7d0524cf7af8baaa6', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '959fb60d5e3a7debf9a54dc7929705bc9d8ea9db', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e8f336eb8ce7abe755670a50b806ed427eaf8254', show: this.hasError }, index.h("slot", { key: '98aac5c59dbe1ae93ea490a3ad27b8d8c5f5b5e9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '197f16c081cd844f5cde3c285459c0a06b5ef21b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a0ba4381b562ab69c3db102f14b213825f2e90d5', 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-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -59,13 +59,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '00b1fb32c5bed5c60ff34426c51ab50872cd582a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '048b61bbc5fad4d07ac5a02292b12922ac0d0112', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '3d1e02deac0a3488571da6a634e9faeba150ebb9', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'dc23a33b44f49cf82fef584c92fe3d15bfd24e52', class: "gux-input-and-error-container" }, index.h("div", { key: '359ffd1f9c78b3b166f09eac180be848fcecb309', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b6d615322b4665e220cd056b7ddc269b1e6acf76', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ac5df58df2f5936cea1c3e4b3c90df66e3536f00', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '041304f77f5ad972b85fbfde9d19a3e50d38471e', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'bb07f72d3dd643757d703ff48b439b813c12200f', class: "gux-input-and-error-container" }, index.h("div", { key: 'c64707b087cc48e30ef822f300f5a50a119dd71c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '444b9144fed905cae3ef8ec3d057df0b6de703aa', class: {
+            } }, index.h("div", { key: 'baacc8768dc47af622c6dea486711495ba2b402a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b7690f4d5c33ad8f127ff0f4c526707df2b383b4', name: "input" }), index.h("gux-icon", { key: '399d742a725f07037993d65057f472e91283fe6a', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '56eea40adb1b3914e8e5d55795794fc085343798', show: this.hasError }, index.h("slot", { key: 'd66343cecb40804671737e05ee091c38e3a93395', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3fc2bd54173472e4815a36e64508b6c6b321ea70', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6257448567632d324c9868a8c5b6d21980ad092b', name: "help" })))));
+            } }, index.h("slot", { key: 'd56e4b407b17c9b0d72fe3907deaab936e30c1d3', name: "input" }), index.h("gux-icon", { key: 'f7801ad158649c466c7a7bbdd68b11ca9afdf5fe', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '533c1fc74e0052a38796efb480f4c42c775372c1', show: this.hasError }, index.h("slot", { key: '9234e675667b39c2f32ef087615fc9f98d4d005f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'be26e942e42e68c093fdbb29ccfb2dae299421f7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0fcd9d8efa6253bd6ea233f1f5b26b3ab0e14ed1', 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-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -84,15 +84,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a1e361d7735682c672ea37285ba9074741fb9294', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a82502fd2b76ea9a23602bdf1dfedb78d45dbbb0', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f2618437db42ed9fdfb6775437fdbaad9fdccdc9', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'cdc9435838f24392560af01749de704e891b5976', class: "gux-input-and-error-container" }, index.h("div", { key: 'af977b0a1e2c691220d528bf1636963d30dc8a63', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, index.h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '6b7dff7086bade928cd08663b22919cc85b64b9a', class: {
+            } }, index.h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, index.h("slot", { key: 'c13edfa38d72d1c9ce9854f774d6725183a37b77', name: "prefix" }), index.h("slot", { key: '2408f9e2926d8cf3ee1f8a326914b1fe9470015b', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '0d185123a159ba22ee3372a4c42c3d3f6c9c7a49', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ed7f2326a2e63da22dadb873b04e3145ae91bad2', show: this.hasError }, index.h("slot", { key: '0d4bbb6f54c9ff48f2eb6befb21499ec10b0bacb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd9c23685e62a16adc3251be08a0ad444d018c1dc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '73c186e24ec5980a14859dd91443c84cc111da73', name: "help" })))));
+            } }, index.h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), index.h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, index.h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', 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-d11bcc8b.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -63,12 +63,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '11ece4734590df5dbc3dd57a25396dbae6c356fb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fd49c1716f36edd989e7ad8317d2d9805ae936c6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '27f500f0e73bad522721c36244f20be0d7b11415', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '58848d83f118763cf9eb2472a432b17cfa5da114', class: "gux-input-and-error-container" }, index.h("div", { key: '1dd0fc6b6ac1f8de54b5627e3f0fe2b3dd87f13d', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6593436e544045a488bc45bacfef0853ed294c26', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0f6125b263b93e1dae58c1e4ddae04aef75f5a3e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'bb4d1106e443bef1b0497a72d3a9a12ff1eb5fc0', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'a2301cbdcfc1c6f6c29231954b13ed6175c9dee5', class: "gux-input-and-error-container" }, index.h("div", { key: '30ee81e751f72c7c5d399e387fd1f3679207ad11', 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: '32dbc6311403f984cf919ecd65ba25365bd316a2', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '02b7a46d01a3da2406c5fbb3f2b355b401dd0ca3', show: this.hasError }, index.h("slot", { key: '581a3c77300e8742b3b048a1f885441ce8d9b146', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f176631e209a4077dbf133652c8100d0c7f56b54', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ac6121c1025518648e5873d40c1460917d14d2c3', name: "help" })))));
+            } }, index.h("slot", { key: '7a9a6423690e30d972f71015bd61f983037fd6c6', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2cfadea783445a7376831407a1309853fc0243aa', show: this.hasError }, index.h("slot", { key: 'dfaa9a2fe5e87af43a87eaadb81871c7a782bec8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a4d2178c5862ba9132acb551c3776121b032781c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b4ac570b98dd9ceca915aff9bccbb13137db65a8', 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-d11bcc8b.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -73,13 +73,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2c4aa38b0077b02ac436d7ae2416e798410451f6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'f179f8f2f27e34cdf2f3a1883283e914beb57de9', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '5e40f38fd6c40f946a48c1c4084ea850826f4ddf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '0b85674bcabd466f530847e1fece1ec922464689', class: "gux-input-and-error-container" }, index.h("div", { key: 'ced84fc0e19298b46cc9f3d83b97ff40512640d2', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '95020038fca4e39446f63d759008055f74368cc8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '009e300862c0f0ecb0131d40be71073734464231', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '645d7bc64a258ada05793b66280ddff36bdc468b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '67e394357c955ea072c05618c8193c59628073f3', class: "gux-input-and-error-container" }, index.h("div", { key: '2bbb28ee1e81b1f929c9174788b1738d1fd7b8bd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'fbafbca9ee75ef20ecbd9a312399998285367f25', class: {
+            } }, index.h("div", { key: '097fd4601c7363b394ef8910b1d7e4d93967e6e2', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ba1095c38f9191d5f83f0c36bcde7e1019d4f0a9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e212decaf9f764d05a4d0991b69c3536fd55d74e', show: this.hasError }, index.h("slot", { key: 'ddb43aa4fcb2b95a5f857cbf745fae4a69f88be7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '658b7d869e8b5542f5c0f9cb8ea60b21e675bd6f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '35cc61cb53a60869b96dc7b57b467f04ed89d325', name: "help" })))));
+            } }, index.h("slot", { key: '78d142411812126a518cf6b87f0e572b672c02f7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c6144e5164cac92910f761c00839db6dfea5a97b', show: this.hasError }, index.h("slot", { key: 'e1d0a01c6ef55734bf884249063dfcb4b8eaea67', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd22cd2f3451c400b33732a9da073a97c527f9439', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e08f3ed06594191406eaac53e380a8d2e41f2807', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         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-d11bcc8b.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -73,12 +73,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '25b3485ca0ffe0c1976416408c9f246ceddbdddb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '6751438df8065382f5730f9734562f54475c7ea0', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '27f468b620b5b5778b182404da7c2907ea2844cc', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '10db7a8255f72cdb8dcf7908e7c47ff99103de2b', class: "gux-input-and-error-container" }, index.h("div", { key: 'dd9c0740448bfe714028ad49822ef426632dc1a0', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '85bb9f285de4cd00694713b301dc2adfd28e8984', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'f739520121334450a14e77ba3c6ca242f37a1e58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '22b31c76b41619552aad0e7814a697f886a6addf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: 'a69a76166eb91d58b6a742e20ab139f60e787bc7', class: "gux-input-and-error-container" }, index.h("div", { key: '8409b08f18ee5d60240f3b871f511d1be0a2241b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '18787fda0dab208b535a6abfdab3e34a4e0844de' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '9bf97849602ecfa044e7ff035f66e4199a1619b6', show: this.hasError }, index.h("slot", { key: '54ca621f58c523e495ed2d1d083e8f772bc091f5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '28b723280b51b4095cb14841500feaf473a62173', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f188c9e2b6ff20e6442ef7771ab529a3ee19032a', name: "help" })))));
+            } }, index.h("slot", { key: '602f45d26e9b291556afb2bd77100afc1135ad36' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '6c6fe3090a4d2d4a2d949312da32ea25d65ef646', show: this.hasError }, index.h("slot", { key: '26fabdbc87c948541c980577cfe33268fc3d4d6c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0c9afa80f404476b686e21920f1f69d4cf48ab49', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '863206de4186c1d90e6dfd711e3eba2651200e90', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -543,7 +543,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '78f4fcfef073edb176334060c2a1d308e85404de', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '9fd45bbcc6dcdd3fabc148ca1481d9ee8c2faae7', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.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: 'cccf80869f2a94daea7e959776183394529ec9c5', class: {
+        return (index.h("div", { key: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '87e8c73f8b8bbe5d44044f4a30a61ce659503573', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '0bf8011155623143519a597e9cf72ad6b2b7aaf5', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'efecfdccf27ed71a1c90b09e1f4394943bafcffe', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '30b3980ba9d34a739c16a6ca41d72840fdf73735', class: "gux-content" }, index.h("slot", { key: 'efd51916e3f999d7ef8d6884f7d193a4b525973a', name: "content" }, index.h("slot", { key: '0fc771af0f31c22548f74289e5191568812dd86a' }))))));
+            } }, index.h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, index.h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, index.h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fb586573e0599986833c87cb0e1d2b5d403a3ed7', role: "presentation" }));
+        return (index.h(index.Host, { key: '5e66f7f5c16880d8f92c2b05ee8f617cfef3aed1', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '90bc73361f80b0433076a224fadda8db28d9ba2d', role: "listitem" }, index.h("button", { key: '1d6cc4905d34248d43b95e05e11e93df4c2ffcf7', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '081f96e9fcbc2a26fefb1a54b97e756cc0c45f5b' }))));
+        return (index.h(index.Host, { key: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, index.h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
     }
     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-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.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: '2bee81661464d225aa3e2a80390b34c1ffcc13d2', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '15960bc74695c41275e4b23d60e330b87e72a5a4' })));
+        return (index.h(index.Host, { key: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
     }
     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-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-f4b57f99.js');
+const usage = require('./usage-209e8039.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');