genesys-spark-components 4.59.0 → 4.60.0

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+
+const GuxForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("slot", { key: '7cf122ef2820dda8c5e854f0aab3863716ea218b' }));
+    }
+};
+
+exports.gux_form_beta = GuxForm;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+
+const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-forms-paragraph-text-fontFamily) !important;font-size:var(--gse-semantic-forms-paragraph-text-fontSize) !important;font-weight:var(--gse-semantic-forms-paragraph-text-fontWeight) !important;line-height:var(--gse-semantic-forms-paragraph-text-lineHeight) !important;color:var(--gse-semantic-forms-paragraph-foregroundColor) !important}";
+const GuxFormDescriptionStyle0 = guxFormDescriptionCss;
+
+const GuxFormDescription = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("slot", { key: '62b83205f3f0b7f6cef701829b4fd1f37e1eed5c' }));
+    }
+};
+GuxFormDescription.style = GuxFormDescriptionStyle0;
+
+exports.gux_form_description = GuxFormDescription;

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-4e1d6772.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '0785cbd054e135fba2b2081762c23dbc4ddb96df', class: {
+        return (index.h(index.Host, { key: 'e8c625f6d0687c707e5cefbf0dde2a487faced25', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, 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" })))))));
+            } }, index.h("div", { key: '4bc7a46bea73ad5f38b90b47554cb6f330c1f639', class: "gux-form-field-container" }, index.h("div", { key: 'fa879e9b2b58afb8039fcfe75d453773a9c7e936', class: "gux-input-label" }, index.h("div", { key: '22620b8d78150ca51fc35596215a66c12f83cbad', class: "gux-input" }, index.h("slot", { key: '10975f45e08b2c4dea53d7f47c79635cade0593b', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'a43b0e44790171037bf32d2a168d630b20dc69b7', class: `gux-label-${this.labelPosition}` }, index.h("slot", { key: '8e6e825334b3b1257c4a74bac694c1d507a40ba4', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: '86efc704457cef828d87b85cd25613724e089820', show: this.hasError }, index.h("slot", { key: '54c814526388b8a0454a11fb32e144dc4e2b9ccf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e669522ef60de3a7fc4f0de374000dea30e34075', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4b60f28d27909334be5ed72d048f93359c8101bb', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e5a0b01d4c3b3235814e1850f4327bb98001768a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cbca4a107c820820234cd14320c556a9df736891', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '836415e3ea29a91506f0c26948a390d42c6590be', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'b0b8b99ef9c3e3c02928e5de3030f35419d28d0b', class: "gux-input-and-error-container" }, index.h("div", { key: '9fa939e177ce359c583ce7a6088e67d2c1ee14bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2673865c6436cec4e81ecd1156a3ace254b946b8', class: {
+            } }, index.h("div", { key: '2f875ebd3c88a1ae62628d76ced82c09505c9679', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '1f902f2c55c5ba07cf30506e7bd549641ae26b99', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b708dd10f62032024f25c0a066c8973ed3f48f8c', show: this.hasError }, index.h("slot", { key: '5b2e92e9c7d4134ab6c9eefb9af12ea9045e55db', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '14dc8c938b39bc4b0ad2b09fac79bf9f5fa65fe7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bdba018565b235c9bd740560557b83aabfe9ef29', 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-4e1d6772.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-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aeeb2cefebcb8d38190eea1e1e52dfbd463b33dd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '03966c108b6c4f04ca31ccd142dcd613421d6128', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '3236ab6bb37fdc86691aa665c27ca4c14dd123bb', 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: '901c931ba1947da0d9b7bcea78721a2d495fd497', class: "gux-input-and-error-container" }, index.h("div", { key: '285c36b81b6ad581bdade9534c7e20d0fdc37927', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, 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" })))));
+            } }, index.h("slot", { key: 'a0967efa3bba07617ec208515444741ec176e3ad' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '5784c1e5bf572ef0d45778111587eaa208d999a3', show: this.hasError }, index.h("slot", { key: 'ed5bc11a0c9fc5f388d990c9cf741f14acfe4048', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '18028294ee321de7da6bc79f176122bf45df833f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfc36754247417129c808d2398ef5859a21e1be5', 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-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '3b8fc6590a53d050d63f2f8ccaddb6784325c0a2', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '52f5082dfa228dafbd261917a1d4ee31ac4be68d', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: '2fec9ebe928cf7f23d8752891952bda5809a7c82', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '9470e5bd4e5784f7cbc4ecb1d67bca57502ecb78', "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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-6db914c3.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f8a6263300721fabed1598de265f03f057838f74', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e32c773c643108d62c37d418f9cc6beba83e0e36', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'efc3fef4d86af9b7790cb230b3a27a11d4d6b907', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '2acd69ecc8a21a92936bd585f9e9a4b621231bd9', class: "gux-input-and-error-container" }, index.h("div", { key: '233fd1e290da8bf45d0e77a0ca43a88677e6cf0a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'cdc4e655e611a6742538ab5f4eac014a959e6fc8', class: {
+            }, part: "input-section" }, index.h("div", { key: '7930f9f5df29d0c836d9f4abdc8887b8c3d1cfc2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, 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" })))));
+            } }, index.h("slot", { key: '8d33ab29cbea52b965970e80567c0a7c5b70caab', 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: '14856b89f418274dbbd30b39e043c0adfcbe5b99', show: this.hasError }, index.h("slot", { key: 'a485d17c2c0edb3e4d6c47e9d1989f7de3c1e9d4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9e5ad524d3593c58845d5d0c9fc2fffb984043b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f215b7c1df4b4824bba6e9294eb4360de5a7ef1c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -240,7 +240,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (index.h(index.Host, { key: 'b67892e10f8c9cd27b3ff9e3637771f5b0fd5f22' }, index.h("button", { key: 'd028b4b68f2342108d1e8102ccd600c5ceb860bc', 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: '692eb92ea32ce9c81c5884c09ace22d63f99758a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: 'fa3925f2e0e5f64780704a12e3fec791b6cbd7cf', for: "popover-target" }, index.h("div", { key: 'a7f32805e219507e3d7ce92be850a26c76dd97de', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: '0078beb4bd175d553a5d8ca89bfce6c676a2be0e', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'a74a2aec770ccffbeea68d75162585277f48418e', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '107c1f82891a1b7b63073ef519bbb0c9ee964ab4' }, index.h("input", { key: '08128c76158aea3c5fc989bb50e3402e7c5f8fb7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), index.h("label", { key: 'd23b646f54fa8fc0f53dc0c3f2b9fd18b6c5abaa', slot: "label" })))));
+        return (index.h(index.Host, { key: 'dab1fc8e6052e2aa79dc4a890e8e3ff0897dc246' }, index.h("button", { key: '566b8193319fe1ee5ff9757304d6916ee05ab8c7', 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: 'acdcb04633ebc0a617675b71868a3b087804b7d9', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: '0acdb92b9d485e6ce0b3c1f1c93e7373a6ca382c', for: "popover-target" }, index.h("div", { key: 'b620b366be8049be740b1d6f517d2c38e7085d28', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: '33ac13b5b587b0ff650b1de9e9524f7d5ae33ff1', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'd1a3c0bf4135822d12c9266e30609bc9e63ef092', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '181db9502552947cd9613c8c90178355a28fb4ff' }, index.h("input", { key: '43b4abc21ea507ac04ceaabd3ae9150ffbb4aaf0', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), index.h("label", { key: '1fe06f80e10128525a7cde0709b52e1067bae648', slot: "label" })))));
     }
     get root() { return index.getElement(this); }
 };
@@ -401,10 +401,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6b1cec3ada210abd3c64e7f2ee031dd155e81386', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '9d355c890568766c1c35707680195ae716d7fa01', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '0eaf71cbea21a03831a8b96225c8cc764830f436', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '46cab9fdafd4dcc2bb8142ee04782f551145786f', class: "gux-arrow-caret" })), index.h("div", { key: '2ff38c8cd00019ded970f478f3072057faaf3b42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'c0a57b3b3405376a3961c91928eaf1781a3cf988', name: "title" }), this.renderDismissButton()), index.h("div", { key: '07b604c56fc4add8d47aad965757a6adae4f4918', class: "gux-popover-content" }, index.h("slot", { key: '3fa44ea7b0d90e7351e01e598c915e54fdfa30a2' }))));
+            }, "data-placement": true }, index.h("div", { key: '1e7f7d6632bb136ebde5556cf981c3b010b1a5fa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '49ed6cfcc00b17ef308e151b30a07333ab9fb112', class: "gux-arrow-caret" })), index.h("div", { key: '6b428cc275bdbfdd79dee7e20c9491c43faa81ff', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'e457918fb4896564ad33360bf806ed0c22b87376', name: "title" }), this.renderDismissButton()), index.h("div", { key: '76b59f4b008362e98fcead5394d94a2c29dd034d', class: "gux-popover-content" }, index.h("slot", { key: '339fb487fd60e22d39202164306ead41cf49150b' }))));
     }
     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-e56cf78b.js');
+const usage = require('./usage-bab0c22a.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -69,13 +69,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6f3dcc2df1e049772e8fa25a9165092bbcb7e37a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '5c0ce7b6b7b76052811481e8c0d110600571d176', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'ce266647a05aa9ea122186d6eae6317756aed01f', 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: '5f01ad183044592ddf5141d6109f347a97fae0d3', class: "gux-input-and-error-container" }, index.h("div", { key: '20dd9d00ffe2aa659ba2d62334454c5feb29c7e9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'f502626469f903e2d5b869097dedb04d2883d9d5', class: {
+            } }, index.h("div", { key: 'e53e678ece01ed35a0d30f8f5634180d7db1daf2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '1a01971423a7a0a5bedd726ce946c37d4f8a7952' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '526dbfac1bfcda733f72816852ee529da891207e', show: this.hasError }, index.h("slot", { key: '04bb439b88d010b43d312b6bf5f95eddb476a216', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a7f8f06b605800b4d03a9519e053a92cbd4e485c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8242387ab7a043766c6ec74cf20352ca0ed7fa67', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -8,7 +8,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-form-field-legend-label{font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
 const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
@@ -72,7 +72,7 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a343c90310cf28500ed7af2a5d3a825f3be74b4f', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'a9256282d2effa1a337bbd59c96cbe066a390af7', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'c08396feebf1cde91f19b6d8bc5b399976301c45', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), index.h("slot", { key: '20d0194275ab1a61b042169b344210bc0f816930' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '9e9e3a9607c3762e1c937bbe9e02f659b53a93f1', show: this.hasGroupError }, index.h("slot", { key: 'd43287ea4f5b354ac51b791b693cd8806552595b', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '382f3c667023926fa717b3c4371234249759906d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '69c18b00b4290b1c2ec478ba066e9a2894d18d1e', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8f54b265084eb1c2da7fe3283746c5d7be789492', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'd3589e14418dea8366238f3c51b9fe733c04ea68', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '388c245f668ab9bdf799c6796f2dfd0ec1f3fa6e', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), index.h("slot", { key: '05ab0e89cb8796d91e744d527fce8f27af0a1707' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cea0ae86c19cf0de7c9606ef53b9371a6cc6311a', show: this.hasGroupError }, index.h("slot", { key: 'b58ebc4dad34f9b7dc5b3c0c513910e2dc2301ce', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '567d7d9da1dca56dab2e8611bff268736b2c251c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'ebaa33bca1a7e949e570556da99fe95977446a86', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="label"]');

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-4e1d6772.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b335309d70bc8ab06267c50f4c623ca519238199', class: {
+        return (index.h(index.Host, { key: 'e17456ce9b8015838eacb38cd698f3f4877b1a99', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '97e99ea3fa5d83000ea819cd1713800f4a96e4f9', class: "gux-form-field-container" }, index.h("div", { key: '15a44ed431873990b2aa9209979b6dd2951ba042', class: "gux-input-label" }, index.h("div", { key: 'e9e37654772a1b0e365903bdf7f5eab42b620c8e', class: "gux-input" }, index.h("slot", { key: '6ea9b85433af15c9f0a527fcff3460f529322507', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7b10f8f0a65b77d793fb7ff14ccaae564340e394', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '5794f7de875016c01c815f6a54a851d1df6e3e34', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: '35f92edfc585f98332726aefcde59f5a48dab422', show: this.hasError }, index.h("slot", { key: '857177e5d2dc47933e268e0e63cbb2a83def05e2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '41e71c3fb43f56bb8bff20476e690a342c0a02f5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '044b3a68741d85c3bcab3ab247257fc551fc9bf4', name: "help" })))))));
+            } }, index.h("div", { key: 'fe8d1587dc9d4fc8f018820c71c732744953f207', class: "gux-form-field-container" }, index.h("div", { key: '808758ed100a768166f5293516deda32a0e43a76', class: "gux-input-label" }, index.h("div", { key: 'bf76f380a1eef45ddad060fc329692191d8975a7', class: "gux-input" }, index.h("slot", { key: '50b92448e54b4f8657d6635776797051640797cb', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '96c770f17e7f9b64a321eedf688b494ff7d21934', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '95a58e33847a0f69581dbdb7c5daf85c1f94d920', name: "label" }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a55afaef6dce712f6642f32f5062b3390f39bd76', show: this.hasError }, index.h("slot", { key: '4aa4107d5024de21aa285af17d50be5855636309', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7e01a45a1f0e6d8ee1f72ecf90e890b35ebf3b99', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '970ad77bfd7ff17c5d48f0786aa23c6af45cb9e2', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '452a88b472a77083f5878406b9b1f84a54e2941b', class: {
+        return (index.h(index.Host, { key: 'ab84b7a0a6ffe60550f76789f435a86e32850874', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4ca11339451208acf905fd0f2c7a4e8551b04c18', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5d17e46afa81209b5e3c60ff94e8dd546fb631b3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '00115f8167fde4e5631dda50554fb86b75b82149', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'bf6f36a21065b4c932f1efd32d06c62c9f284534', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bf91840ef34f3e67ea38000a21956c0bafa4d7f6', show: this.hasError }, index.h("slot", { key: '0c7ce3f52902ec67d64efc1b804640abef240b72', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a90199cbc3cf58b7c5693dc9fe98342867cf134b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a63394f60f0820320b89e61b2d856bf6b068b61b', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7e37db581de411b3c8548ef9142e11362c59ff41', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '81bfda9e439bcdf6d4a444cd53ae80cb6d186d60', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f1536b5af281b9051919c5c11d18a7e5633d9603', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '0868eb6e6af3efe69db3b3d3c5324a6450f7eb73', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '91130872a632988e5cde9765dd74a27a8a0cc4f7', show: this.hasError }, index.h("slot", { key: '3081f22e9dfc5d58cc42bd6075fa225fb4dbe036', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e3d8cf3afc0773f369f19257916c919dd6c8ca2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '02b487e1c73af225d7227b56d9fc1bb9da51498e', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: 'eae9c8659ddb5471f4cc13d8033ebce2e159efdb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7e5d682b6952513634bc8789ade7630f012b6bce', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'eb6428c53a2c5f8a3159c925fd6e3797473987aa', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '0ad6c809bcd37ca397cce65ef7a38c2567b7d12f', class: "gux-input-and-error-container" }, index.h("div", { key: '78b59a3f13a75474f930587c8bb5c309e3b96ace', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '42779f1c2d0cab45b38f18e6ae50166f70f257f7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '080fb3751b41d43042a65ac6a2bbf666d25f0be4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c6ffd706741bb8daeb959b720daa0c03a44a27e5', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '525766420143a047d9f7ed56ce06399f100931a2', class: "gux-input-and-error-container" }, index.h("div", { key: '83073128ad9ed6c7a168e77c690ee4792900a4f2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '915b59490d2c95d8276f43b6087a01be58c52cd3', class: {
+            } }, index.h("div", { key: '5ba45dde5c2aab840675dca2ff37272527793d01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: '9d9e1565619b3902931afcba8bbff66c99e32015', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'ecc5fe01557818ae02c52dd9b4beb9e2eb474cb8', 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: 'e74de993184468a668f9d7f087980582dd13b53a', show: this.hasError }, index.h("slot", { key: '20277ecb11cf72797d0dc8d8457be3324e200b33', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd1a78b8009dfab3af50999a38a4cfd276106b6c5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c938fc9efec79d50f30dcd139ec344dfbf4743e7', name: "help" })))));
+            } }, index.h("gux-icon", { key: 'f673d51be68a9a3ca29d75e71fc78b87bfc6e588', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '317c0dab47ae69fece7829507aa3800e4f08a384', 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: '897ae0159c0abfe24724897b079d631e878c00a5', show: this.hasError }, index.h("slot", { key: '5ec68b0692c98b2154f2d7baefb109b1de6ad5f9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1f457eae9906f50809f53510e36b9aa799294772', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5acac15b6f1306fe62398ff136cfb487b35e2be0', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '72ea38787283ae092e18b7f48e004024a1e59b98', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'bc46f96bcd85b45f328618c329b800a728404f96', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '11cced80844a01b95f6dc2120d9a925af876bb58', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '61840cecfc4e0ca4b656af5da003d5590c54f906', class: "gux-input-and-error-container" }, index.h("div", { key: '822f2f358003f14cab79ae3f76ab18987827fdce', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0f05fda9050e25ffa3dafa20b650a79e5451b557', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'df77654c404549e8649b9fd0825f7cbf2e133271', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'cc902ff85b3a340db13c2bf984af0129be98b9fa', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '5798224cf3620259bbcc051327772bf484b43065', class: "gux-input-and-error-container" }, index.h("div", { key: '7dc8d4a80418c7f26b4987e0f5a7b9124ae12399', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '6874351a8b3c91b08c96c77aff17b97c38dc38ae', class: {
+            } }, index.h("div", { key: 'd363aa3963e9be7174d74e96976244ccc3ce7d37', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a367d5f06134d52039267207ee9d5e234c9a4572', name: "input" }), index.h("gux-icon", { key: '516bf6ba0bbedf4a0ef93ffd4ac360a7163b7340', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3f2921b59ed462110f8e62e427165cd7e7269961', show: this.hasError }, index.h("slot", { key: 'eb50d621311828cf4536957cac6dbebd6ffd1ff3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '48675c384e89c5201f85beecf80d4cb7a36069fd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4a09eb9739507a5b98fe7405dcba1d389a2106ea', name: "help" })))));
+            } }, index.h("slot", { key: '5933423758246e0a2e6ac345eb74398372c20f4f', name: "input" }), index.h("gux-icon", { key: '6ad7a5a76f4f84c4b2f8102705ea523baac3f542', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '76effa57179c825bd47ac1c4b608d0528b5f55c5', show: this.hasError }, index.h("slot", { key: '675f20bf2273b7d82d34a7e628b1dbe70e9e70f7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '56d5679c4bdc9a436fc703b4450ae2d18bb13a9d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3bf29e3d11f598851a2538f6096760a068cc2627', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '86a510be1423b2e46f8f0e8457dde0c1e9df13ed', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '63c3fc02eb3ec146075c2da84c462f27822ca808', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4ef1afb40888de7df1642f23286e5cffcf6d5864', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'fd35d679cdac2f9c64eedbe144e5792a2cfa03ad', class: "gux-input-and-error-container" }, index.h("div", { key: 'ae0d6f2d3662997b8e2d7dcb8895ee2a57033119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
+            } }, index.h("div", { key: 'faced97c3fd4504e59eb8086b0adef95b9ec881f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, 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" })))));
+            } }, index.h("slot", { key: '7e936d0be636981e6404c559e20a29dbd8654eee', name: "prefix" }), index.h("slot", { key: '3945e2a3c79ff28178c355002c576c6fa0fbe099', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '2ed2ac89134fe77eb62e286a84d0c0ffe4fe13d2', 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: '3abfa87d4642948fd21dfd8748e30efbcd18d527', show: this.hasError }, index.h("slot", { key: 'b77a1af625c5901e31809fee6e88aeadbb76c851', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1e1e5474f87d937186c140690f2e8d85cde0c14a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cffc4e02f2ce1e6c0f64621e760bcf6f5b67c627', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: 'e979a94377785246cdb54e0c02c9d353bdfb951c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ed29b2893a7146495d708a652c461a172d11de01', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e59b2d31b8c5c27894ee08adeafdf04500b31664', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'c3ec954743e260c59c2812b6d4a908cea3022b93', class: "gux-input-and-error-container" }, index.h("div", { key: '4367a234eb8ce018f492ca654144dcddf522c5fa', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3e5c4c4fbcac1d5bf9d19d95d7bc1fd70d43019e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '113d8de398b8f7d22bcb07531103c82a3a8e7abf', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '3a310279167b2adeeed50e44481c8bbf866d1157', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'f2d964b6e336fe7be88e6e0ba568fc01bf0ef485', class: "gux-input-and-error-container" }, index.h("div", { key: '712f3f48fb15d0c1481fa1cf81723e0121c736fd', 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: '817d605e6e4a6b3eecb982462a499cd0841f9a92', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c8cb6c4de92e4525ccee2240806653d8a3cda6a9', show: this.hasError }, index.h("slot", { key: '7bfe9951e9ca42702f0ebb46750b8b447e3de122', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '57fc8d15edb3faccbc3f3f15cb5fad38d7d67285', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd0545ec9191cd249ef6465a0b48258140cfa8bbb', name: "help" })))));
+            } }, index.h("slot", { key: 'd9da9023de29d890a935ec1e0b0b79bf0f7d19b1', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fa7bbaf903fa1eb0554a29750bbbc018806620e4', show: this.hasError }, index.h("slot", { key: '790a3c8ae66649ff548e9c651882c529abd3df47', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '689e7ce01a75b85e0219096b36bcad0020afd167', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2fe135afeb4851885897b3227fd8a67d18f40f53', 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-4e1d6772.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-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: 'd9f56ba03fb8bb91c762ac534d2b2c0c830eb617', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '66bb27dd485a699b7556d69d73590b1f72bd6dde', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'e8d11ad28178d7897e47f11bdce14ebcc7b95769', 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: 'f38261ee3eae550224508fa1147938bd36a7ac55', class: "gux-input-and-error-container" }, index.h("div", { key: 'f1d0954da1b5ffca1fc9ce1e5482d545f5d56199', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'dd411e739df07f7c1eba5bd79dd57bc65cd03caf', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: 'ce01d20567e7424760c81e9fe6668e33ceb12d0b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '6f2915ad697f455b4f08139eb9838a9e636aa3b8', 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: '068d6aadb8a70d7b77a82f7837d5a4021eb272fe', class: "gux-input-and-error-container" }, index.h("div", { key: '4e45c08204dba5e52018bdeb38c39d3454e8cb75', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '62e1515b202fb7d6804ebf86b7ec1ac9122d45ae', class: {
+            } }, index.h("div", { key: '857c8ab3f5e7cd4c6bca4f3fb51509152d416a22', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '6943949cb8010d2385acc6e6da2c4a7be8061a3c' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2118d51bc453b2185792b24b54c84a2f617d7d95', show: this.hasError }, index.h("slot", { key: '13fc21b1f8e93e5ff3291b2733361988dc474f5c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0a3044bae2f160f11bda134af97c6ced67cafcd9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '36a334b034afa7e68c1a66353fccc62ee7c42462', name: "help" })))));
+            } }, index.h("slot", { key: '8d5b8a0856f1562a4d7437f6512f592b6342c228' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '00d2bacf3b165896326edf957e8b361d33a72cc4', show: this.hasError }, index.h("slot", { key: '409e5e1117d520e5a3e8d00f70726545114378df', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '53b4932c7332ba0cf6428e7ffa6603afc793dcfa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e16ced5c18d6df46e4ff2fb849d74657dc16b068', 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-4e1d6772.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-e56cf78b.js');
+const usage = require('./usage-bab0c22a.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: 'a261e4a0dfef65293bab43cb0b24b8046a049e24', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '51a8a9c6415a8558ff16b0a806f5398581d6238b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'df1aa773111f8c9177f8f1eede33f456834bcea3', 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: '68962311832bc62a7e8356c03e64ff7f2e12e96b', class: "gux-input-and-error-container" }, index.h("div", { key: '4248ebb1c03f89a5b2deb652ebe69353cfd9999c', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f94434c2698f294abbdb8bb06b05c634f6bd7544', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '36b28fee558e5a55565ee0046a05a8e4074445e8', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '4b1ae9a76308987b21ee89477e28f0b9ccee5590', 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: '57e80ad01c6c5d4c70851a53c6af5960a194ead4', class: "gux-input-and-error-container" }, index.h("div", { key: '9dba2395f519b52dca9af3e343665a5a4b89f4a3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '3db291ff951e407a0d1da4363594688a45ea5364' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '422f599fc666a2c1a98e3b2672d07eb97024ced1', show: this.hasError }, index.h("slot", { key: '7131273984482a30e9741ab33b91b9cc2f3061a1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '01463b42824158972a53ea3505fc7274c9ab7939', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '00137dbca755e504388e378deed7f52ccb05b773', name: "help" })))));
+            } }, index.h("slot", { key: 'c21a0347234434ec2496fb03c2a45cb156109351' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '93c6e7fe6a8e300145ffba7d31dbd412978cf6c2', show: this.hasError }, index.h("slot", { key: 'f63893abd4985dc87d923f7b7df46d0979f70dac', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e1646724b78fc3be329b135041edec3a455a8706', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '907afd34c8a11d6dac079c7f2c07574e8e61e790', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+
+const guxFormFieldsetHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-forms-fieldset-header-text-fontFamily) !important;font-size:var(--gse-semantic-forms-fieldset-header-text-fontSize) !important;font-weight:var(--gse-semantic-forms-fieldset-header-text-fontWeight) !important;line-height:var(--gse-semantic-forms-fieldset-header-text-lineHeight) !important;color:var(--gse-semantic-forms-fieldset-header-foregroundColor) !important}";
+const GuxFormFieldsetHeadingStyle0 = guxFormFieldsetHeadingCss;
+
+const GuxFormFieldsetHeading = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("slot", { key: '38b0e65dd7605949ccd46f801898d5435ba0097c' }));
+    }
+};
+GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;
+
+exports.gux_form_fieldset_heading = GuxFormFieldsetHeading;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+const usage = require('./usage-bab0c22a.js');
+
+const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top: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:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) 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:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) 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:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
+const GuxFormFooterStyle0 = guxFormFooterCss;
+
+const GuxFormFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.placement = 'page-desktop';
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.placement });
+    }
+    render() {
+        return (index.h(index.Host, { key: '94325f71c5d4f4efeb629095c05c0c7b75a16ac9', class: {
+                [`gux-form-footer-${this.placement}`]: true
+            } }, index.h("slot", { key: 'e52a9d6a79c907afc065983759d96f79e5f40a69' })));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxFormFooter.style = GuxFormFooterStyle0;
+
+exports.gux_form_footer = GuxFormFooter;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+
+const guxFormHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-forms-formHeader-text-fontFamily) !important;font-size:var(--gse-semantic-forms-formHeader-text-fontSize) !important;font-weight:var(--gse-semantic-forms-formHeader-text-fontWeight) !important;line-height:var(--gse-semantic-forms-formHeader-text-lineHeight) !important;color:var(--gse-semantic-forms-formHeader-foregroundColor) !important}";
+const GuxFormHeadingStyle0 = guxFormHeadingCss;
+
+const GuxFormHeading = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("slot", { key: '29312b9a7103b147c7755b9ed366cecb4a4c7b7c' }));
+    }
+};
+GuxFormHeading.style = GuxFormHeadingStyle0;
+
+exports.gux_form_heading = GuxFormHeading;