genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -27,11 +27,12 @@ import { trackComponent } from "../../../../../utils/tracking/usage";
  */
 export class GuxFormFieldColor {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
-        this.computedLabelPosition = undefined;
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
     }
@@ -84,13 +85,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a1abac99f9987c8c9ec8b170c0263a6dc6fb858a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ad5e1415cc2fce44313e4226bae1184d939cb166', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd99f872271f62a3890992d4bbfbbab067b004dac', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'af675e82fc0cc79c1f91399855ba1a05792f90b6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d5c5a2fa8fa17c42ddaf8e74505278e9b2811a6', name: "label-info" })), h("div", { key: '8f9c103ce1c08c656c2ede3bdca168769a270aff', class: "gux-input-and-error-container" }, h("div", { key: '4b730244582e6b92e011d5b91fdda4b4edf7909a', class: {
+        return (h(GuxFormFieldContainer, { key: '50b798eab2ffec2de253631cc955735822fb1af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '243f5f76c6be675bcce6d1a77d4127d27d62c509', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c2e698839a5b377d3ace2598e73bce4f4511feef', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cf4eca811a47ad397fb7b223012c0e9765b06b54', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bba4efb9c91106cbcccb28425081b766ef0773ff', name: "label-info" })), h("div", { key: 'bd8e56487b500d1a93f4fd51126b624dc507d11e', class: "gux-input-and-error-container" }, h("div", { key: '09050e3d83cb9d2b6463cc250db56c91004c4de4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4e91a98be9dee52f5a5ec3d2ae9bc1bda29d4d45', class: {
+            } }, h("div", { key: '768582927565bbe1df7111f1582d984fbcbefac6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b48f16c281011415b0743156e0b104321d9b785e', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd0e61d8d14cb5ed23b07e3659ad72ede73fd65a0', show: this.hasError }, h("slot", { key: '717deea7a203590366bccca8bffc9137fdf2a757', name: "error" })), h(GuxFormFieldHelp, { key: '81da66b21ab922e3af1d96d23674ada26ef8e311', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b3859aae1522dfe81c65a72d32d7b6e6d38560a6', name: "help" })))));
+            } }, h("slot", { key: '2b9b68cf05c516ea01caf971317bbed6a876c792', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c0901866c04c9ff738324b36870bcb0e3be62e79', show: this.hasError }, h("slot", { key: '3ad27f64c30686b62d11735feaae817eb11c8b61', name: "error" })), h(GuxFormFieldHelp, { key: 'b9077472ee08d0708c0e20b2de93f44000a475da', show: !this.hasError && this.hasHelp }, h("slot", { key: '32578a641faf50d6392577305e929a63ca4524e2', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -146,6 +147,8 @@ export class GuxFormFieldColor {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -169,6 +172,8 @@ export class GuxFormFieldColor {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js

@@ -27,10 +27,13 @@ import componentResources from "./i18n/en.json";
  */
 export class GuxFormFieldDropdown {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
         this.hasLabelInfo = false;
@@ -96,11 +99,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c13c59959080bf1b47237f726cd85413fbe8fea1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd17cf870ac1ba7d66453626cbaebf85468ded335' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'f3090303f5561ab32f1f4287c48cf37882787c03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c9d35b40c798f4d11b3c6ff02203eea538e069c9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61220d59ca17068f66e02bacccbaf9908b1a068c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6fda0eb253ae60502a4cb85efba750cc237a4234', name: "label-info" })), h("div", { key: '9d9f1f0155bad09e169ad158479f81bf76f2577d', class: "gux-input-and-error-container" }, h("div", { key: '971e8d486fbc6312de11336020103a668d8fa58b', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4caa607e6f52c90a77986ff7a6edf13984db3245', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd9793de4036bd153a491e15bf0de314efa0d8a61' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '698ed26015f7a62ba80a3c27d9b3aec008bd852c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86c036453fae43c9d18ddc87cad4858b6c76e254', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '06d251db205e0a291c553c2cbf4b1ae3f2e3fe31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '952f0d59f587e67561b93ee2659ed16a0c55e29e', name: "label-info" })), h("div", { key: 'db32cfdcaa0c081b053f0e828198c03eef6e1e76', class: "gux-input-and-error-container" }, h("div", { key: '4fd4aafc19f0cf122a9a8d32d17d171812029342', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'f2b170a7089530b95d2a882b73fe66ff695df3f6' })), h(GuxFormFieldError, { key: '2ef3b063873723523af52043e53101479caa1564', show: this.hasError }, h("slot", { key: '9f8f7abf0e255267a1d2f779a33753aaf078b358', name: "error" })), h(GuxFormFieldHelp, { key: 'e5d07a45daca87084120681b62ce8407782bedb1', show: !this.hasError && this.hasHelp }, h("slot", { key: '1c77a99461629206fe50a3aeeb2dad80a649c853', name: "help" })))));
+            } }, h("slot", { key: 'd2fed5431a315a019a6f6d93e47e68f7075f6358' })), h(GuxFormFieldError, { key: '368eb5e214e7d4963d9723df8ec0ec021e6dd581', show: this.hasError }, h("slot", { key: 'd061d9c878960c3ab36ee426c616168a277c4ac2', name: "error" })), h(GuxFormFieldHelp, { key: 'f7c475fe48499cf1565833015a0e994e5e793a99', show: !this.hasError && this.hasHelp }, h("slot", { key: '7817cb51713b84bab801d4254805523d135f9710', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -162,6 +165,8 @@ export class GuxFormFieldDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -185,6 +190,8 @@ export class GuxFormFieldDropdown {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.js

@@ -25,7 +25,11 @@ import { onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
  */
 export class GuxFormFieldFile {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.hasError = false;
@@ -98,7 +102,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'da72ca8b8a24411863a23e1a7ac942af3c90b647', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a920219662a7f7c0fdf16480415c283a1f2b44f7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2506d700f4f23dca8970dc6f4035a0172889d041', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1063d2e80bed6a81b381774f9907ee1991a8b869', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0f8316ef158c01fa2f9a6f442b066a32de39bb85', name: "label-info" })), h("div", { key: '61fcc04b2a319867034a684b4b04220d4cda2226', class: "gux-input-and-error-container" }, h("slot", { key: '80f96c848c29ffed9ed0bdbc0e09136fb12bca0c', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '73618bd90f0c4d81f2ce7cad6a32be0d2c3d2822', show: this.hasError }, h("slot", { key: '1b5ae7e0e7c89104007a4e437d12269b2dd0b288', name: "error" })), h(GuxFormFieldHelp, { key: '24e9fe52c481161da20dd3e1473af1bfc75499e8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e0eef8f5cf26428dc99c0a98c033da5c67b28636', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), h(GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }
@@ -134,6 +138,8 @@ export class GuxFormFieldFile {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -157,6 +163,8 @@ export class GuxFormFieldFile {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/components/gux-file-list-item/gux-file-list-item.js

@@ -4,21 +4,18 @@ import { trackComponent } from "../../../../../../../utils/tracking/usage";
 import componentResources from "./i18n/en.json";
 export class GuxFileListItem {
     constructor() {
-        this.name = undefined;
-        this.index = undefined;
         this.disabled = false;
-        this.status = undefined;
     }
     async componentWillLoad() {
         this.getI18nValue = await buildI18nForComponent(this.root, componentResources);
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '0e10e2310ec0e64c0477668676f608edf55a361b', class: {
+        return (h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '060c0296ecd715e61aef60a52187475f325b0456', class: "gux-info" }, h("gux-truncate", { key: '749f8f0e7898135c48209c7e8ad1230b4fdf906c' }, h("span", { key: '2837a77acb207ba6028e89f11c5febf60cf73acb', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {
@@ -74,6 +71,8 @@ export class GuxFileListItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -91,6 +90,8 @@ export class GuxFileListItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "index",
                 "reflect": false
             },
@@ -108,6 +109,8 @@ export class GuxFileListItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -126,6 +129,8 @@ export class GuxFileListItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "status",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/gux-form-field-file.js

@@ -28,6 +28,11 @@ import componentResources from "./i18n/en.json";
  */
 export class GuxFormFieldFileBeta {
     constructor() {
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.dragAndDrop = false;
         this.disabled = false;
@@ -86,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f49395fbf627974ce18e0dd84e66915778beba67', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '2939741d702bb9b1c6d280d0b20b9a464acc4cdb', position: "above", required: this.required }, h("slot", { key: '82ac483008e9309a793eea123e7b1f1e15d6c8fd', name: "label" }), h("gux-form-field-label-indicator", { key: '6b188446276f05e553ad52b4adb20ebf433788ee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e0bb581111375386c60f87c05bfaaada99d753', name: "label-info" })), h("div", { key: 'aeb311a235ee3bd2cb1c123c5d3ed0f0a7c2c6e5', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'f6e371315226687aec983ae1b50e8510cbfa2308', show: this.hasHelp }, h("slot", { key: 'db630f997f316f9df1d2af9faa435078d66a156c', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'cf357ba92b82f590588a3ed63bec065b9193d764', show: this.hasError }, h("slot", { key: '8c867f24169bca608c3b9df07b3dcd81028b6eba', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');
@@ -243,6 +248,8 @@ export class GuxFormFieldFileBeta {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"
@@ -261,6 +268,8 @@ export class GuxFormFieldFileBeta {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "drag-and-drop",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -33,12 +33,13 @@ import { focusInputElement } from "../../../../../utils/dom/focus-input-element"
  */
 export class GuxFormFieldNumber {
     constructor() {
-        this.clearable = undefined;
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -101,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '77761848659dfc40e4b60582937aeba94773d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0d1f6ad5d325d8087abcb763f78e7b1185c6d3b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '341099b5fbc78f70e1d97f58de7516919fd8f3da', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '275a70ffd8ca1a30908c3106e214eac5cbe13653', variant: this.indicatorMark, required: this.required }), h("slot", { key: '97f210ff1b1d05c5f305a1f69584c04554cc5a95', name: "label-info" })), h("div", { key: 'deb928d9faf220ee8f2647634fa66a7dbb7a2f01', class: "gux-input-and-error-container" }, h("div", { key: '280dcd53f717d05a60744c80f6792c9b5041d66d', class: {
+        return (h(GuxFormFieldContainer, { key: '12dc2779919b1b02ffa27892b0dd0a618fbe11a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '687d9ab3416d421cef725504497650b179143827', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '22a8650e52351a1fd9d55b644975f435b78e5f23', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '42a582daaa9d37ed3abd22ca00757ff5f0b40119', variant: this.indicatorMark, required: this.required }), h("slot", { key: '31fdad12b44a87f24c8c139ba8c4aeadaf879228', name: "label-info" })), h("div", { key: '7933d9233db513e5c370b0d25fffebcae3f62d98', class: "gux-input-and-error-container" }, h("div", { key: '77ccdb3e33e3b52c6685028ff2ef5d585a5460a5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '2123b69a048f35a757f4b019b0964da36519b6dd', class: {
+            }, part: "input-section" }, h("div", { key: '8d7b02afda8b8dbe83bb1397a2af6e5e3a3aa826', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '503aa94021e17f90a1194bcbc76f2fea4bd80173', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '1aff88a342acc535555526a9bd58bdae73e75e3e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'b4149447835189cc28bd9561c19a25f6b699dfe5', show: this.hasError }, h("slot", { key: '688ff4b6041a6b0bc7940473e256275b500ecd60', name: "error" })), h(GuxFormFieldHelp, { key: '7cdcef3b9163a5fe2d184933ba23e20bb1a527e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd6c2efe1d3021c56e152f8120db9ee78973c0a46', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '50df4de53dd69305bf3104f0f741b8236c9d62f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8437b6e737c34f18308195eeb60ae0eade8f5cb1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'bfefc2accf2de30da422472da670cbd5b25804dd', show: this.hasError }, h("slot", { key: '4e2bfc741b61f5e5bfe4fe8bb2f1106376c69220', name: "error" })), h(GuxFormFieldHelp, { key: '80177d9422eeb189d1a6a2b90b1bb6dfc8d824f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '917ef57b398d13e25aebf5d34bb91cbcde943151', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -192,6 +193,8 @@ export class GuxFormFieldNumber {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clearable",
                 "reflect": false
             },
@@ -215,6 +218,8 @@ export class GuxFormFieldNumber {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -238,6 +243,8 @@ export class GuxFormFieldNumber {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js

@@ -28,10 +28,13 @@ import { GuxFormFieldHelp } from "../../functional-components/gux-form-field-hel
  */
 export class GuxFormFieldPhone {
     constructor() {
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
         this.required = false;
         this.hasError = false;
         this.hasHelp = false;
@@ -92,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4b5ef6c7dabe330d233a32b89e3ac711c883f681', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec4ee08f9ae45062b656a10880745816bfb52e5b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'f1af723b1531b0bb9dec2341410192ec8d388a0a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '49ddbc409cea59b430562d5b0b03a2805e3a8845', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55efdcefc9bd65d87028fb3f036516a1fa5aee45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85e78a0b43be24690cc131987bdc1e28d06a6ffa', name: "label-info" })), h("div", { key: '5cde3c375f165b6a09f904529027c6170e439760', class: "gux-input-and-error-container" }, h("div", { key: 'e40b9674afb15307dc17eb23327872941f35335b', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4cf726af903c7be3b333f632330a91f543ef6684', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3362298599464d52a448a4ad5e73e47e0b162a48' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a53166b5171edfd9db4a9fca89f9fcab58797ee8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a58e3699c16daf7a302c610e443b12b207cc53fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb7097d5a031f680624bc2dcea9181247b1fa3c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0dc10a0c043e891f226c16c88c7cb866b7c80b9', name: "label-info" })), h("div", { key: '4a5308add4085fe534b2d6bba3c61b370a29f4f1', class: "gux-input-and-error-container" }, h("div", { key: '7b325104e32aea1dc06673a0bee9a2f62c96e326', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4010ea331f1d41c44a684f7b3c3a9da88e1c339c', class: {
+            } }, h("div", { key: '4878c0512fc9cae7bad1201aafac835ceb07e644', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '90da5212f26c62d516c5d97055dbabae3a5bb8c7' }))), h(GuxFormFieldError, { key: '38b0229a49ae2ac680ce6b80e118446be9be0e58', show: this.hasError }, h("slot", { key: 'd8ee703e5d873c1047a9300641c17ad9900d8a4d', name: "error" })), h(GuxFormFieldHelp, { key: '33815959f2c346c55976465765323defcf30e3da', show: !this.hasError && this.hasHelp }, h("slot", { key: '534a4809dbbd4b4e6f1736b21d8e3307528a1557', name: "help" })))));
+            } }, h("slot", { key: '0f64e70da67a4289fb0d609defc6418e74733928' }))), h(GuxFormFieldError, { key: 'dab561c39953b59676ed2d5664dae2667c271a8d', show: this.hasError }, h("slot", { key: 'cdc5539e17a8700b0aa23b4c963c5835bde680d0', name: "error" })), h(GuxFormFieldHelp, { key: 'f2953b9d4935909b3eca68b4d8a41b9c418f6ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a18968d4a0106583b2f2724b4da0f5b9d3ac876d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {
@@ -163,6 +166,8 @@ export class GuxFormFieldPhone {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -186,6 +191,8 @@ export class GuxFormFieldPhone {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js

@@ -25,7 +25,6 @@ import { trackComponent } from "../../../../../utils/tracking/usage";
  */
 export class GuxFormFieldRadio {
     constructor() {
-        this.disabled = undefined;
         this.hasHelp = false;
         this.hasError = false;
         this.hasGroupError = false;
@@ -47,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '217cdc362fd9253a67f9f9af7eb24ed35efde177', class: {
+        return (h(Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ddd62604ff91274d0ee97579f06e1e4f32128b0f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e631c4793c2f4372557563302614f530a93c3195', class: "gux-input-label" }, h("div", { key: '46d203cbd987cc5f74b0f8566898e5b3a7e62aaa', class: "gux-input" }, h("slot", { key: 'f600972e11c87cca0b4e557383089f67cc3cc48f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2cafc25421165765708fec2b7ff62ac56a691daa', class: "gux-label" }, h("slot", { key: '3c5f9ca61023b0993bad200b0f85289a2da16688', name: "label" }))), h("div", { key: '6ab9d40616146854b2562ae2b3b0bd8fffa7d505', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5742025abd86c207a608cccc5aaf45412ac18d61', show: this.hasError }, h("slot", { key: '2f91667688507c3f3f848b9ae4d44f7ce3dc150a', name: "error" })), h(GuxFormFieldHelp, { key: '50516d95e06b24d9f68b943733b73221d4ce4e16', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b99cb12563b6dbbde76b82cecacc2967632beec4', name: "help" }))))));
+            } }, h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), h(GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');
@@ -92,6 +91,8 @@ export class GuxFormFieldRadio {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-group-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -110,6 +111,8 @@ export class GuxFormFieldRadio {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-group-disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.js

@@ -25,10 +25,27 @@ import componentResources from "./i18n/en.json";
 export class GuxFormFieldRadioGroupBeta {
     constructor() {
         this.required = false;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
+        /**
+         *  Radio group has error text.
+         */
         this.hasGroupError = false;
+        /**
+         *  radio group has help text.
+         */
         this.hasGroupHelp = false;
+        /**
+         *  radio group has label info tooltip
+         */
         this.hasGroupLabelInfo = false;
+        /**
+         * Disables the radio buttons in the group.
+         */
         this.disabled = false;
     }
     watchGroupError(hasGroupError) {
@@ -104,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '766c331fb5a42901bb4d34e9fd11fe6bbc8e8b2e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '95b56ee1b7e1c2af69b5c08aeb5869e7f43bd21a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1d9b4f1014494a18344c8cc6ba1df40a9681d246', position: "above", required: this.required }, h("slot", { key: '681e3d35a1879568eb72b07ef834bb3521f8493f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3ac9bb3343d32d7534b70402e250bf637b054b0', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c5622b83011f0f9fab113be937834d4e16459630', name: "group-label-info" })), h("slot", { key: '8b2bc5cd318ad5682625a076171432a26d38a729' }), h(GuxFormFieldError, { key: 'c1134db4f4bb69cfe7b7df774e23b37b71b61d96', show: this.hasGroupError }, h("slot", { key: '5a393737271417fa54d22757c6f6573fa8298877', name: "group-error" })), h(GuxFormFieldHelp, { key: '6269f9b2cc5b3b5dec85159cb1ea555ac7f21f66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3c589556bcbe71581d17a043bb49a343c60fe3ec', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), h(GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), h(GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');
@@ -138,6 +155,8 @@ export class GuxFormFieldRadioGroupBeta {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -162,6 +181,8 @@ export class GuxFormFieldRadioGroupBeta {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"
@@ -180,6 +201,8 @@ export class GuxFormFieldRadioGroupBeta {
                     "tags": [],
                     "text": "Disables the radio buttons in the group."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -28,18 +28,15 @@ import { OnResize } from "../../../../../utils/decorator/on-resize";
  */
 export class GuxFormField {
     constructor() {
-        this.displayUnits = undefined;
-        this.valueInTooltip = undefined;
-        this.labelPosition = undefined;
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
-        this.disabled = undefined;
-        this.required = undefined;
         this.hasError = false;
         this.hasHelp = false;
-        this.value = undefined;
-        this.active = undefined;
-        this.valueWatcherId = undefined;
     }
     onInput(e) {
         const input = e.target;
@@ -114,9 +111,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '09ec2b156acd2566434090dd7c3e32a5606edd29', class: {
+        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '4e3a6c856f90a1bab2aa756785519cc745db32bf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '251a6a2c635e4417f288fcc74fa142271dc4f8ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e15896f2d40d8a2d9d754a87b9c6b2e329038bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7511f02475dd97c8cacde9d1b5dc92ca790f07cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7b4ada598a45da54ab202954816254f4dee987ee', name: "label-info" })), h("div", { key: '6cd594843d4b987ba9196a079978c11284a7d560', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8fb8612a5fbefca1b8812b4af015efaa589f9bbb', show: this.hasError }, h("slot", { key: 'e044a1874d83da433327ff195b93ea9e384efbe4', name: "error" })), h(GuxFormFieldHelp, { key: '8e14ccc29e0fd3c7e969b6f9a656ebb40075c914', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e0b4b8710f41898318c7056f1d6e0b3670fcf166', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -149,7 +146,7 @@ export class GuxFormField {
         return (h("div", { class: {
                 'gux-range-input-container': true,
                 'gux-disabled': this.disabled
-            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: -10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
+            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: 10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
                 'gux-display': true,
                 'gux-hidden': this.valueInTooltip
             } }, this.getDisplayValue())));
@@ -208,6 +205,8 @@ export class GuxFormField {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-units",
                 "reflect": false
             },
@@ -225,6 +224,8 @@ export class GuxFormField {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value-in-tooltip",
                 "reflect": false
             },
@@ -248,6 +249,8 @@ export class GuxFormField {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false
             },
@@ -271,6 +274,8 @@ export class GuxFormField {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"