@gov-design-system-ce/components 4.6.0 → 4.6.2

package/dist/collection/components/gov-form/range/gov-form-range.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-range.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/range/gov-form-range.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\r\nimport {govForm} from \"../../../helpers/Dom/form\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {isNumber} from \"../../../utils/helpers.types\";\r\nimport {createID} from \"../../../utils/string.utils\";\r\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-form-range',\r\n})\r\nexport class GovFormRange {\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate outputRef?: HTMLOutputElement\r\n\tprivate fillRef?: HTMLDivElement\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate readonly inputId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t\tthis.inputId = createID(\"GovInput\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRangeElement\r\n\t/**\r\n\t * Range’s size\r\n\t */\r\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\r\n\t/**\r\n\t * Value of range\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/**\r\n\t * Custom range identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Name of the range\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Minimum value that is acceptable\r\n\t */\r\n\t@Prop() readonly min?: string | number\r\n\t/**\r\n\t * Maximum value that is acceptable\r\n\t */\r\n\t@Prop() readonly max?: string | number\r\n\t/**\r\n\t * Defines size of each step\r\n\t */\r\n\t@Prop() readonly step?: string | number\r\n\t/**\r\n\t * Show tooltip with current value\r\n\t */\r\n\t@Prop() readonly tooltip?: boolean = false\r\n\t/**\r\n\t * Show input with current value\r\n\t */\r\n\t@Prop() readonly input?: boolean = false\r\n\t/**\r\n\t * Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\r\n\t */\r\n\t@Prop() readonly listIdentifier?: string\r\n\t/**\r\n\t * Set whether the range is required or not\r\n\t */\r\n\t@Prop({reflect: true}) readonly required: boolean = false\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly success: boolean\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly invalid: boolean\r\n\t/**\r\n\t * Makes the range component disabled\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Emitted when the input has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\r\n\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\r\n\t}\r\n\r\n\t@Watch(\"value\")\r\n\twatchValue(): void {\r\n\t\tthis.controlOutputPosition();\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"success\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t}\r\n\r\n\tprivate get getThumbWidth() {\r\n\t\tconst styles = window.getComputedStyle(this.inputRef);\r\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) || 1;\r\n\t}\r\n\r\n\tprivate controlOutputPosition() {\r\n\t\tconst valueInt = +this.value;\r\n\t\tconst min = +this.inputRef.min;\r\n\t\tconst max = +this.inputRef.max;\r\n\r\n\t\tconst thumbWidth = (this.getThumbWidth * 16);\r\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\r\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\r\n\r\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\r\n\r\n\t\tif (this.outputRef) {\r\n\t\t\tthis.outputRef.textContent = this.value;\r\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\r\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\r\n\t\t}\r\n\t\tif (this.fillRef) {\r\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\ttick(this.controlOutputPosition.bind(this))\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<input type=\"range\"\r\n\t\t\t\t\t\t   ref={el => (this.inputRef = el)}\r\n\t\t\t\t\t\t   onInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\t   onFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t   onBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t   id={this.identifier || this.inputId}\r\n\t\t\t\t\t\t   name={this.name}\r\n\t\t\t\t\t\t   min={this.min}\r\n\t\t\t\t\t\t   max={this.max}\r\n\t\t\t\t\t\t   step={this.step}\r\n\t\t\t\t\t\t   list={this.listIdentifier}\r\n\t\t\t\t\t\t   value={this.value}\r\n\t\t\t\t\t\t   required={this.required}\r\n\t\t\t\t\t\t   disabled={this.disabled}\r\n\t\t\t\t\t\t   {...this.inheritedAttributes}\r\n\t\t\t\t\t\t   aria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t   aria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t   aria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\r\n\t\t\t\t\t{this.tooltip ?\r\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\r\n\t\t\t\t\t\t\t{this.value}\r\n\t\t\t\t\t\t</output>\r\n\t\t\t\t\t\t: null}\r\n\t\t\t\t\t<slot name=\"datalist\"></slot>\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t{this.input ?\r\n\t\t\t\t\t<gov-form-input\r\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\r\n\t\t\t\t\t\tclass={FormRangeClass.input}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}>\r\n\t\t\t\t\t</gov-form-input>\r\n\t\t\t\t\t: null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tonCustomInputHandler(e: InputEvent) {\r\n\t\tconst value = (e.target as HTMLInputElement).value;\r\n\t\tif (this.step && isNumber(+this.step)) {\r\n\t\t\tconst numValue = +value;\r\n\t\t\tconst numMin = +this.min;\r\n\t\t\tconst numMax = +this.max;\r\n\t\t\tconst numStep = +this.step;\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (numValue < numMin || numValue > numMax) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tconst diff = numValue - numMin;\r\n\t\t\tif (diff % numStep !== 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tthis.value = value;\r\n\t\t\tthis.govInput.emit({\r\n\t\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLInputElement).value;\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.inputRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.value = value\r\n\t}\r\n\r\n\t/**\r\n\t * Clears input value\r\n\t */\r\n\t@Method()\r\n\tasync clearValue(): Promise<void> {\r\n\t\tthis.value = \"\"\r\n\t\tthis.inputRef.value = \"\"\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html input element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-form/search/constants.js

@@ -1,9 +0,0 @@
-import { Colors } from "../../../core/constants/colors";
-import { pick } from "../../../utils/utils";
-import { Sizes } from "../../../core/constants/sizes";
-export const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L']);
-export const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL']);
-export const FormSearchClass = {
-    root: 'gov-form-search',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-form/search/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/search/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAC,MAAM,+BAA+B,CAAC;AAEpD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGpE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,iBAAiB;CACvB,CAAA","sourcesContent":["import { Colors } from '../../../core/constants/colors'\r\nimport { ValueOf } from '../../../types/interfaces'\r\nimport { pick } from '../../../utils/utils'\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\n\r\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\r\n\r\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\r\n\r\nexport const FormSearchClass = {\r\n\troot: 'gov-form-search',\r\n}\r\n"]}

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

@@ -1,76 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { FormSearchClass } from "./constants";
-export class GovFormSearch {
-    constructor() {
-        /**
-         * Search’s size.
-         */
-        this.size = "m";
-        /**
-         * Style variation of the form input.
-         */
-        this.color = 'neutral';
-    }
-    render() {
-        return (h(Host, { key: '71109e2502931ac3b92b4e2e6336c3d08d666fae', class: FormSearchClass.root, color: this.color, size: this.size }, h("slot", { key: '615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5', name: "input" }), h("slot", { key: 'fa9abfbaee3dedecb4b217cc8681b16557d978bc', name: "button-erase" }), h("slot", { key: '8c2cb29b38de5634b220db526452b9a07873fc29', name: "button" })));
-    }
-    static get is() { return "gov-form-search"; }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "FormSearchSizesType",
-                    "resolved": "\"l\" | \"m\" | \"s\"",
-                    "references": {
-                        "FormSearchSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-form/search/constants.ts::FormSearchSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Search\u2019s size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"m\""
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "FormSearchColorType",
-                    "resolved": "\"neutral\" | \"primary\"",
-                    "references": {
-                        "FormSearchColorType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-form/search/constants.ts::FormSearchColorType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the form input."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "'neutral'"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-form-search.js.map

package/dist/collection/components/gov-form/search/gov-form-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-search.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/search/gov-form-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAC,eAAe,EAA2C,MAAM,aAAa,CAAA;AAKrF,MAAM,OAAO,aAAa;IAH1B;QAKC;;WAEG;QACc,SAAI,GAAyB,GAAG,CAAA;QACjD;;WAEG;QAC6B,UAAK,GAAwB,SAAS,CAAA;KAWtE;IATA,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YACpE,6DAAM,IAAI,EAAC,OAAO,GAAE;YACpB,6DAAM,IAAI,EAAC,cAAc,GAAE;YAC3B,6DAAM,IAAI,EAAC,QAAQ,GAAE,CACf,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-search',\r\n})\r\nexport class GovFormSearch {\r\n\t@Element() host: HTMLGovFormSearchElement\r\n\t/**\r\n\t * Search’s size.\r\n\t */\r\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the form input.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\r\n\t\t\t\t<slot name=\"input\"/>\r\n\t\t\t\t<slot name=\"button-erase\"/>\r\n\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

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

@@ -1,8 +0,0 @@
-import { Sizes } from "../../../core/constants/sizes";
-import { pick } from "../../../utils/utils";
-export const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
-export const FormSelectClass = {
-    root: 'gov-form-select',
-    icon: 'gov-form-select__icon',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/select/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG5E,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,uBAAuB;CAC7B,CAAA","sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\r\n\r\nexport const FormSelectClass = {\r\n\troot: 'gov-form-select',\r\n\ticon: 'gov-form-select__icon',\r\n}\r\n"]}

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

@@ -1,471 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { govForm } from "../../../helpers/Dom/form";
-import { govHost, toBoolAttr, toBoolAttrIfDefined } from "../../../helpers/Dom/template";
-import { validateProp } from "../../../helpers/Validate/props";
-import { createID } from "../../../utils/string.utils";
-import { FormSelectClass, FormSelectSizes, } from "./constants";
-import { propsValueToArray } from "../../../utils/array.utils";
-import { tick } from "../../../utils/stencil.utils";
-import { AttributeObserver } from "../../../helpers/Dom/attribute";
-import { ariaAttributes } from "../../../helpers/Accessibility/attributes";
-import { inheritAriaAttributes } from "../../../helpers/Accessibility/accessibility";
-export class GovFormSelect {
-    constructor() {
-        /**
-         * Select’s size.
-         */
-        this.size = 'm';
-        /**
-         * 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.
-         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        this.required = false;
-        /**
-         * Makes the select component disabled.
-         * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
-         */
-        this.disabled = false;
-        this.optionsState = [];
-        this.inheritedAttributes = {};
-        this.h = govHost(this.host);
-        this.f = govForm(this.h);
-        this.selectId = createID('GovSelect');
-    }
-    validateSize(newValue) {
-        validateProp(FormSelectSizes, newValue, FormSelectClass.root);
-    }
-    watchOptions(newValue) {
-        this.optionsState = propsValueToArray(newValue);
-    }
-    watchControlAttrs() {
-        this.passControlAttrs();
-    }
-    watchValue() {
-        this.markSelectedValue();
-    }
-    passControlAttrs() {
-        this.f.passAttrToControl('size', this.size);
-        this.f.passAttrToControl('invalid', toBoolAttr(this.invalid));
-        this.f.passAttrToControl('success', toBoolAttr(this.success));
-        this.f.passAttrToControl('disabled', toBoolAttr(this.disabled));
-        this.f.passAttrToControl('type', 'select');
-    }
-    componentDidLoad() {
-        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(ariaAttributes);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.markSelectedValue();
-        this.optionsState = propsValueToArray(this.options);
-        this.inheritedAttributes = inheritAriaAttributes(this.host);
-    }
-    async componentDidRender() {
-        this.passControlAttrs();
-        this.f.passAttrToLabel('required', String(this.required));
-        tick(() => this.markSelectedValue());
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    markSelectedValue() {
-        this.host.querySelectorAll('option').forEach((option) => {
-            if (option.value === this.value) {
-                option.setAttribute('selected', 'selected');
-            }
-            else {
-                option.removeAttribute('selected');
-            }
-        });
-    }
-    render() {
-        return (h(Host, { key: '784373d222b67be86b39d3ed61bfdf81d9648a36', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && h("slot", { key: '23b99e07df8d0d135c93bdd8c14556de4b4a5433', name: "prefix" }), h("span", { key: 'f4c931f58a53db5cc2f8379b2dc6b688bbe84bc8', class: "element" }, h("select", Object.assign({ key: 'e259f55116a12a7b821fac43db61b9ed35457c17', 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) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '223133e692d0c7a4c2c9c4706aee2d447f37c37b' }), 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.success && h("gov-icon", { key: '97ceacc7ec59f13a9d994dc6df3b58201b5f68ae', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: 'bd9f33ef6da150e5a3f4a5711d41282fe35df49f', class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: 'c5ca08441cb8f425a4e310e402d6f208c8a75e15', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && h("slot", { key: 'af16a1bd05ed5d665888cea9a811eee2c0fe5749', 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;
-    }
-    static get is() { return "gov-form-select"; }
-    static get properties() {
-        return {
-            "value": {
-                "type": "string",
-                "attribute": "value",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Value of select"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "options": {
-                "type": "string",
-                "attribute": "options",
-                "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"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "identifier": {
-                "type": "string",
-                "attribute": "identifier",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Custom select identifier."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "FormSelectSizesType",
-                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-                    "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'m'"
-            },
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of the select."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "required": {
-                "type": "boolean",
-                "attribute": "required",
-                "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.\r\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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "success": {
-                "type": "boolean",
-                "attribute": "success",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Makes the select component disabled.\r\nThis prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "invalid": {
-                "type": "boolean",
-                "attribute": "invalid",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "focused": {},
-            "optionsState": {},
-            "inheritedAttributes": {}
-        };
-    }
-    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": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "size",
-                "methodName": "validateSize"
-            }, {
-                "propName": "options",
-                "methodName": "watchOptions"
-            }, {
-                "propName": "disabled",
-                "methodName": "watchControlAttrs"
-            }, {
-                "propName": "invalid",
-                "methodName": "watchControlAttrs"
-            }, {
-                "propName": "success",
-                "methodName": "watchControlAttrs"
-            }, {
-                "propName": "size",
-                "methodName": "watchControlAttrs"
-            }, {
-                "propName": "value",
-                "methodName": "watchValue"
-            }];
-    }
-}
-//# sourceMappingURL=gov-form-select.js.map