@gov-design-system-ce/components 4.0.8-rc09 → 4.0.8-rc11

package/dist/collection/components/gov-form/select/gov-form-select.js

@@ -10,580 +10,581 @@ import { FormSelectClass, FormSelectSizes, FormSelectVariants } from "./constant
 import { propsValueToArray } from "../../../utils/array.utils";
 import { tick } from "../../../utils/stencil.utils";
 export class GovFormSelect {
-  constructor() {
-    this.value = undefined;
-    this.options = undefined;
-    this.identifier = undefined;
-    this.variant = 'secondary';
-    this.size = 'm';
-    this.name = undefined;
-    this.required = false;
-    this.success = undefined;
-    this.disabled = false;
-    this.invalid = undefined;
-    this.wcagActiveDescendant = undefined;
-    this.wcagControls = undefined;
-    this.wcagDescribedBy = undefined;
-    this.wcagLabelledBy = undefined;
-    this.wcagOwns = undefined;
-    this.focused = undefined;
-    this.optionsState = [];
-    this.h = govHost(this.host);
-    this.f = govForm(this.h);
-    this.selectId = createID('GovSelect');
-  }
-  validateVariant(newValue) {
-    validateProp(FormSelectVariants, newValue, FormSelectClass.root);
-  }
-  validateSize(newValue) {
-    validateProp(FormSelectSizes, newValue, FormSelectClass.root);
-  }
-  watchOptions(newValue) {
-    this.optionsState = propsValueToArray(newValue);
-  }
-  watchDisabled() {
-    this.passControlAttrs();
-  }
-  watchValue() {
-    this.markSelectedValue();
-  }
-  passControlAttrs() {
-    this.f.passAttrToControl('size', this.size);
-    this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
-    this.f.passAttrToControl('type', 'select');
-  }
-  componentWillLoad() {
-    this.validateVariant(this.variant);
-    this.validateSize(this.size);
-    this.markSelectedValue();
-    this.passControlAttrs();
-    this.f.passAttrToLabel('required', String(this.required));
-    this.optionsState = propsValueToArray(this.options);
-  }
-  async componentDidRender() {
-    if (canValidateWcagOnRender()) {
-      await delay(500);
-      await this.validateWcag();
+    constructor() {
+        this.value = undefined;
+        this.options = undefined;
+        this.identifier = undefined;
+        this.variant = 'secondary';
+        this.size = 'm';
+        this.name = undefined;
+        this.required = false;
+        this.success = undefined;
+        this.disabled = false;
+        this.invalid = undefined;
+        this.wcagActiveDescendant = undefined;
+        this.wcagControls = undefined;
+        this.wcagDescribedBy = undefined;
+        this.wcagLabelledBy = undefined;
+        this.wcagOwns = undefined;
+        this.focused = undefined;
+        this.optionsState = [];
+        this.h = govHost(this.host);
+        this.f = govForm(this.h);
+        this.selectId = createID('GovSelect');
     }
-    tick(() => this.markSelectedValue());
-  }
-  markSelectedValue() {
-    this.host.querySelectorAll('option').forEach((option) => {
-      if (option.value === this.value) {
-        option.setAttribute('selected', 'selected');
-      }
-      else {
-        option.removeAttribute('selected');
-      }
-    });
-  }
-  render() {
-    return (h(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && h("slot", { name: "prefix" }), h("span", { class: "element" }, h("gov-icon", { slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && h("slot", { name: "right-icon" }), this.success && h("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && h("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), h("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, h("slot", null), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
-      var _a;
-      return (h("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-    }))), this.h.hasSlot('sufix') && h("slot", { name: "sufix" })));
-  }
-  onFocusHandler(e) {
-    this.focused = true;
-    this.govFocus.emit({
-      component: FormSelectClass.root,
-      originalEvent: e,
-      value: this.value,
-    });
-  }
-  onBlurHandler(e) {
-    this.focused = false;
-    this.govBlur.emit({
-      component: FormSelectClass.root,
-      originalEvent: e,
-      value: this.value,
-    });
-  }
-  onChangeHandler(e) {
-    this.value = e.target.value;
-    e.stopPropagation();
-    this.govChange.emit({
-      component: FormSelectClass.root,
-      originalEvent: e,
-      value: this.value,
-    });
-  }
-  /**
-   * Returns the current state of the component
-   */
-  async setFocus(options) {
-    return this.selectRef.focus(options);
-  }
-  /**
-   * Returns an instance of the native html select element
-   */
-  async getRef() {
-    return this.selectRef;
-  }
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  async validateWcag() {
-    validateWcagRef(this.wcagActiveDescendant, 'wcag-active-descendant', FormSelectClass.root);
-    validateWcagRef(this.wcagControls, 'wcag-controls', FormSelectClass.root);
-    validateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSelectClass.root);
-    validateWcagRef(this.wcagOwns, 'wcag-owns', FormSelectClass.root);
-    validateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root);
-  }
-  static get is() { return "gov-form-select"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-form-select.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-form-select.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value of select"
-        },
-        "attribute": "value",
-        "reflect": true
-      },
-      "options": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string | FormSelectOption[]",
-          "resolved": "FormSelectOption[] | string",
-          "references": {
-            "FormSelectOption": {
-              "location": "import",
-              "path": "./gov-form-select.types",
-              "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectOption"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Options of select"
-        },
-        "attribute": "options",
-        "reflect": true
-      },
-      "identifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Custom select identifier."
-        },
-        "attribute": "identifier",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "FormSelectVariantType",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {
-            "FormSelectVariantType": {
-              "location": "import",
-              "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-form/select/constants.ts::FormSelectVariantType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Style variation of the form select."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'secondary'"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "FormSelectSizesType",
-          "resolved": "\"l\" | \"m\" | \"s\" | \"xl\"",
-          "references": {
-            "FormSelectSizesType": {
-              "location": "import",
-              "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-form/select/constants.ts::FormSelectSizesType"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Select\u2019s size."
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'m'"
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name of the select."
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\nWhen using this property you need to also set \u201Cnovalidate\u201D attribute to your form element to prevent browser from displaying its own validation errors."
-        },
-        "attribute": "required",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "success": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the entered value of child form element does conform to the format expected by the application."
-        },
-        "attribute": "success",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Makes the select component disabled.\nThis prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "invalid": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the entered value does not conform to the format expected by the application."
-        },
-        "attribute": "invalid",
-        "reflect": false
-      },
-      "wcagActiveDescendant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of a related component\u2019s visually focused element."
-        },
-        "attribute": "wcag-active-descendant",
-        "reflect": false
-      },
-      "wcagControls": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component."
-        },
-        "attribute": "wcag-controls",
-        "reflect": false
-      },
-      "wcagDescribedBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of a component that describes the input."
-        },
-        "attribute": "wcag-described-by",
-        "reflect": false
-      },
-      "wcagLabelledBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of a component that labels the input."
-        },
-        "attribute": "wcag-labelled-by",
-        "reflect": false
-      },
-      "wcagOwns": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of a component that describes the input."
-        },
-        "attribute": "wcag-owns",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "focused": {},
-      "optionsState": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "govFocus",
-        "name": "gov-focus",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the select has focus."
-        },
-        "complexType": {
-          "original": "FormSelectEvent",
-          "resolved": "FormSelectEvent",
-          "references": {
-            "FormSelectEvent": {
-              "location": "import",
-              "path": "./gov-form-select.types",
-              "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
-            }
-          }
+    validateVariant(newValue) {
+        validateProp(FormSelectVariants, newValue, FormSelectClass.root);
+    }
+    validateSize(newValue) {
+        validateProp(FormSelectSizes, newValue, FormSelectClass.root);
+    }
+    watchOptions(newValue) {
+        this.optionsState = propsValueToArray(newValue);
+    }
+    watchDisabled() {
+        this.passControlAttrs();
+    }
+    watchValue() {
+        this.markSelectedValue();
+    }
+    passControlAttrs() {
+        this.f.passAttrToControl('size', this.size);
+        this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
+        this.f.passAttrToControl('type', 'select');
+    }
+    componentWillLoad() {
+        this.validateVariant(this.variant);
+        this.validateSize(this.size);
+        this.markSelectedValue();
+        this.passControlAttrs();
+        this.f.passAttrToLabel('required', String(this.required));
+        this.optionsState = propsValueToArray(this.options);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            await delay(500);
+            await this.validateWcag();
         }
-      }, {
-        "method": "govBlur",
-        "name": "gov-blur",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the select loses focus."
-        },
-        "complexType": {
-          "original": "FormSelectEvent",
-          "resolved": "FormSelectEvent",
-          "references": {
-            "FormSelectEvent": {
-              "location": "import",
-              "path": "./gov-form-select.types",
-              "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
+        tick(() => this.markSelectedValue());
+    }
+    markSelectedValue() {
+        this.host.querySelectorAll('option').forEach((option) => {
+            if (option.value === this.value) {
+                option.setAttribute('selected', 'selected');
             }
-          }
-        }
-      }, {
-        "method": "govChange",
-        "name": "gov-change",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the select change value."
-        },
-        "complexType": {
-          "original": "FormSelectEvent",
-          "resolved": "FormSelectEvent",
-          "references": {
-            "FormSelectEvent": {
-              "location": "import",
-              "path": "./gov-form-select.types",
-              "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
+            else {
+                option.removeAttribute('selected');
             }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "setFocus": {
-        "complexType": {
-          "signature": "(options?: FocusOptions) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        });
+    }
+    render() {
+        return (h(Host, { key: '5e9b2cdd4aae50ae5ee5ce8fe35db02888d682db', class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && h("slot", { key: '1eb66206a8dd47a44496c1566cd386b5183766ee', name: "prefix" }), h("span", { key: 'df3d012666a80ca6e2ad96981f04f2adda0d8654', class: "element" }, h("gov-icon", { key: 'e8ad512230dec7eb045e4dc91169b16709674f0b', slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && h("slot", { key: 'f05864931816635b3dc3c4613680ba5c1dac0283', name: "right-icon" }), this.success && h("gov-icon", { key: 'e5d8ad5dc8a6c5c14a1db233426ab2f56e4da6d3', slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && h("gov-icon", { key: 'c63c87a6cfc3eafdb979ebd40e019e3f65ecd35f', slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), h("select", { key: 'b0d5876fb44872b8189870d7cf8ac374612153c7', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, h("slot", { key: '5edd39b36e1dc407a26c28e41eda625e9a780f3f' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+            var _a;
+            return (h("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
+        }))), this.h.hasSlot('sufix') && h("slot", { key: '9d2e12ec4dda23883e70b65773a7936cc231d03c', name: "sufix" })));
+    }
+    onFocusHandler(e) {
+        this.focused = true;
+        this.govFocus.emit({
+            component: FormSelectClass.root,
+            originalEvent: e,
+            value: this.value,
+        });
+    }
+    onBlurHandler(e) {
+        this.focused = false;
+        this.govBlur.emit({
+            component: FormSelectClass.root,
+            originalEvent: e,
+            value: this.value,
+        });
+    }
+    onChangeHandler(e) {
+        this.value = e.target.value;
+        e.stopPropagation();
+        this.govChange.emit({
+            component: FormSelectClass.root,
+            originalEvent: e,
+            value: this.value,
+        });
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async setFocus(options) {
+        return this.selectRef.focus(options);
+    }
+    /**
+     * Returns an instance of the native html select element
+     */
+    async getRef() {
+        return this.selectRef;
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateWcag() {
+        validateWcagRef(this.wcagActiveDescendant, 'wcag-active-descendant', FormSelectClass.root);
+        validateWcagRef(this.wcagControls, 'wcag-controls', FormSelectClass.root);
+        validateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSelectClass.root);
+        validateWcagRef(this.wcagOwns, 'wcag-owns', FormSelectClass.root);
+        validateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root);
+    }
+    static get is() { return "gov-form-select"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gov-form-select.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gov-form-select.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value of select"
+                },
+                "attribute": "value",
+                "reflect": true
             },
-            "FocusOptions": {
-              "location": "global",
-              "id": "global::FocusOptions"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Returns the current state of the component",
-          "tags": []
-        }
-      },
-      "getRef": {
-        "complexType": {
-          "signature": "() => Promise<HTMLSelectElement>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+            "options": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | FormSelectOption[]",
+                    "resolved": "FormSelectOption[] | string",
+                    "references": {
+                        "FormSelectOption": {
+                            "location": "import",
+                            "path": "./gov-form-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Options of select"
+                },
+                "attribute": "options",
+                "reflect": true
+            },
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom select identifier."
+                },
+                "attribute": "identifier",
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormSelectVariantType",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {
+                        "FormSelectVariantType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-form/select/constants.ts::FormSelectVariantType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the form select."
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'secondary'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormSelectSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\"",
+                    "references": {
+                        "FormSelectSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-form/select/constants.ts::FormSelectSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Select\u2019s size."
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the select."
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\nWhen using this property you need to also set \u201Cnovalidate\u201D attribute to your form element to prevent browser from displaying its own validation errors."
+                },
+                "attribute": "required",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "success": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the entered value of child form element does conform to the format expected by the application."
+                },
+                "attribute": "success",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the select component disabled.\nThis prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies."
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "invalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the entered value does not conform to the format expected by the application."
+                },
+                "attribute": "invalid",
+                "reflect": false
+            },
+            "wcagActiveDescendant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a related component\u2019s visually focused element."
+                },
+                "attribute": "wcag-active-descendant",
+                "reflect": false
+            },
+            "wcagControls": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component."
+                },
+                "attribute": "wcag-controls",
+                "reflect": false
             },
-            "HTMLSelectElement": {
-              "location": "global",
-              "id": "global::HTMLSelectElement"
+            "wcagDescribedBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a component that describes the input."
+                },
+                "attribute": "wcag-described-by",
+                "reflect": false
+            },
+            "wcagLabelledBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a component that labels the input."
+                },
+                "attribute": "wcag-labelled-by",
+                "reflect": false
+            },
+            "wcagOwns": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a component that describes the input."
+                },
+                "attribute": "wcag-owns",
+                "reflect": false
             }
-          },
-          "return": "Promise<HTMLSelectElement>"
-        },
-        "docs": {
-          "text": "Returns an instance of the native html select element",
-          "tags": []
-        }
-      },
-      "validateWcag": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        };
+    }
+    static get states() {
+        return {
+            "focused": {},
+            "optionsState": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govFocus",
+                "name": "gov-focus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select has focus."
+                },
+                "complexType": {
+                    "original": "FormSelectEvent",
+                    "resolved": "FormSelectEvent",
+                    "references": {
+                        "FormSelectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govBlur",
+                "name": "gov-blur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select loses focus."
+                },
+                "complexType": {
+                    "original": "FormSelectEvent",
+                    "resolved": "FormSelectEvent",
+                    "references": {
+                        "FormSelectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govChange",
+                "name": "gov-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select change value."
+                },
+                "complexType": {
+                    "original": "FormSelectEvent",
+                    "resolved": "FormSelectEvent",
+                    "references": {
+                        "FormSelectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/select/gov-form-select.types.ts::FormSelectEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setFocus": {
+                "complexType": {
+                    "signature": "(options?: FocusOptions) => Promise<void>",
+                    "parameters": [{
+                            "name": "options",
+                            "type": "FocusOptions",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FocusOptions": {
+                            "location": "global",
+                            "id": "global::FocusOptions"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Returns the current state of the component",
+                    "tags": []
+                }
+            },
+            "getRef": {
+                "complexType": {
+                    "signature": "() => Promise<HTMLSelectElement>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HTMLSelectElement": {
+                            "location": "global",
+                            "id": "global::HTMLSelectElement"
+                        }
+                    },
+                    "return": "Promise<HTMLSelectElement>"
+                },
+                "docs": {
+                    "text": "Returns an instance of the native html select element",
+                    "tags": []
+                }
+            },
+            "validateWcag": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Validate the WCAG attributes of the component",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Validate the WCAG attributes of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "variant",
-        "methodName": "validateVariant"
-      }, {
-        "propName": "size",
-        "methodName": "validateSize"
-      }, {
-        "propName": "options",
-        "methodName": "watchOptions"
-      }, {
-        "propName": "disabled",
-        "methodName": "watchDisabled"
-      }, {
-        "propName": "invalid",
-        "methodName": "watchDisabled"
-      }, {
-        "propName": "size",
-        "methodName": "watchDisabled"
-      }, {
-        "propName": "value",
-        "methodName": "watchValue"
-      }];
-  }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "variant",
+                "methodName": "validateVariant"
+            }, {
+                "propName": "size",
+                "methodName": "validateSize"
+            }, {
+                "propName": "options",
+                "methodName": "watchOptions"
+            }, {
+                "propName": "disabled",
+                "methodName": "watchDisabled"
+            }, {
+                "propName": "invalid",
+                "methodName": "watchDisabled"
+            }, {
+                "propName": "size",
+                "methodName": "watchDisabled"
+            }, {
+                "propName": "value",
+                "methodName": "watchValue"
+            }];
+    }
 }
 //# sourceMappingURL=gov-form-select.js.map