npm - @gov-design-system-ce/components - Versions diffs - 4.2.9 → 4.6.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1489) hide show

package/dist/esm/gov-form-checkbox.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { g as govForm, F as FormCheckboxClass, a as FormCheckboxSizes } from './form-DvhJiKwA.js';
-import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { F as Fragment } from './Fragment-5itQzbON.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
 import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';

package/dist/esm/gov-form-checkbox.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-checkbox.entry.js","sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/*\n\t Value of checkbox\n\t /\n\t@Prop() readonly value: string\n\t/\n\t Checkbox button state\n\t /\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/\n\t 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.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Makes the checkbox component disabled.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t /\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/\n\t Name of the checkbox.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Checkboxes size.\n\t /\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/\n\t Custom checkbox identifier.\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t When you can't use the form label.\n\t /\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop() readonly invalid: boolean\n\t/\n\t Emitted when the checkbox has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/\n\t Emitted when the checkbox loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/\n\t Emitted when the checkbox change value.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/\n\t Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-checkbox.entry.js","sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox\",\r\n})\r\nexport class GovFormCheckbox {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly checkboxId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormCheckboxElement\r\n\t/*\r\n\t Value of checkbox\r\n\t /\r\n\t@Prop() readonly value: string\r\n\t/\r\n\t Checkbox button state\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/\r\n\t 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\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Makes the checkbox component disabled.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\r\n\t /\r\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\r\n\t/\r\n\t Name of the checkbox.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Checkboxes size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\r\n\t/\r\n\t Custom checkbox identifier.\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t When you can't use the form label.\r\n\t /\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\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() readonly invalid: boolean\r\n\t/\r\n\t Emitted when the checkbox has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\r\n\t/\r\n\t Emitted when the checkbox loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\r\n\t/\r\n\t Emitted when the checkbox change value.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\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(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\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\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\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\trender() {\r\n\t\tconst wrapCheckbox = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormCheckboxClass.root}\r\n\t\t\t\t\t\thydrated={this.hydrated}\r\n\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapCheckbox(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"/>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\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: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\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: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/\r\n\t Returns the reference of the native 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"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-control.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { g as govForm, b as FormControlClass } from './form-DvhJiKwA.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { s as splitByWhitespace } from './string.utils-vN03FcXN.js';
 import { i as isString } from './helpers.types-DNztiAH0.js';
 import './sizes-BcQO4NH2.js';
@@ -72,7 +72,7 @@ const GovFormControl = class {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (h(Host, { key: 'd4710c61ec53486fbb5eb0162fe62fbc2a1b53be', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: '2145789de6ed9fbd5ba9e8d0b3d255517bab1565', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: '770d57ce9a48f5ab79e215677948f55c58883b25', name: "top" }), h("slot", { key: '20899727dc84c3fcfba5564d953fd28f08158e41' }), this.h.hasSlot("bottom") && (h("div", { key: 'a9d96218945f98b6c3a5fbcecf59465b2e4751d6', class: FormControlClass.bottom }, h("slot", { key: 'b59c3d323c5299ef042e9dba47989044ba6c68aa', name: "bottom" }))))));
+        return (h(Host, { key: '04e4ab3533f5d22939573fa20a354a0b76319986', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: '9851627baf138775fe24a673d6a095fc8980b6e9', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: 'beffe147db943648861b9775dee76ef6b20dffa3', name: "top" }), h("slot", { key: '6667b41d2720045a93b10a92ef300e2842ff57b4' }), this.h.hasSlot("bottom") && (h("div", { key: 'fe117fdc7d64b3c2b4e18e95d1f213c8a8fe3766', class: FormControlClass.bottom }, h("slot", { key: '07eabb48c2849d624bed7f59ba14811ed35732fb', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-form-control.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-control.entry.js","sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/*\n\t Custom form element identifier\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t /\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/\n\t/\n\t Indicates the form control is disabled\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t/\n\t Indicates the entered value of a child form element does conform to the format expected by the application.\n\t /\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/\n\t Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t /\n\t@Prop() readonly fieldset: boolean = false\n\t/\n\t Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-control.entry.js","sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\r\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\r\nimport {isString} from \"../../../utils/helpers.types\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-control\",\r\n})\r\nexport class GovFormControl {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate observer: MutationObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormControlElement\r\n\t/*\r\n\t Custom form element identifier\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Indicates the entered value of a child form element does not conform to the format expected by the application.\r\n\t /\r\n\t@Prop({reflect: true}) readonly invalid: boolean = false\r\n\t/\r\n\t/\r\n\t Indicates the form control is disabled\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t/\r\n\t Indicates the entered value of a child form element does conform to the format expected by the application.\r\n\t /\r\n\t@Prop({reflect: true}) readonly success: boolean = false\r\n\t/\r\n\t Use control as a fieldset for better accessibility.\r\n\t * Note: Remember to set the legend attribute of the gov-form-label component\r\n\t /\r\n\t@Prop() readonly fieldset: boolean = false\r\n\t/\r\n\t Form element size.\r\n\t */\r\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.syncControlMessages()\r\n\t\tthis.formElementDescriptionControl()\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tthis.observer?.disconnect()\r\n\t}\r\n\r\n\tprivate formElementDescriptionControl() {\r\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\r\n\t\tif (!bottomSlot) return\r\n\t\tthis.observer = new MutationObserver(\r\n\t\t\tfunction () {\r\n\t\t\t\tthis.syncControlMessages()\r\n\t\t\t}.bind(this),\r\n\t\t)\r\n\r\n\t\tthis.observer.observe(bottomSlot, {childList: true})\r\n\t}\r\n\r\n\tprivate syncControlMessages() {\r\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\r\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\r\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\r\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\r\n\t\t\t\tif (Array.isArray(currentValue)) {\r\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\r\n\t\t\t\t}\r\n\t\t\t\tif (ids.length) {\r\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\r\n\t\treturn (\r\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\r\n\t\t\t\t<Tag class={FormControlClass.holder}>\r\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\r\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\r\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-file.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
-import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { g as govForm } from './form-DvhJiKwA.js';
 import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
@@ -98,10 +98,6 @@ const GovFormFile = class {
          * Insert unsupported file error message
          */
         this.errorAccept = "Soubor tohoto typu není povolen";
-        /**
-         * Adds accessible label for the remove button that is only shown for screen readers.
-         */
-        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
         /**
          * Adds accessible label for the list of attachments.
          */
@@ -217,7 +213,7 @@ const GovFormFile = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, h("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, h("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), h("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), h("div", { key: 'd177e0eb47b83c243aa1e6a977462b332464a1a6', class: FormFileClass.inputFocus })), this.h.hasSlot("attachments") ? (h("div", { class: FormFileClass.attachments }, h("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (h("div", { class: FormFileClass.attachments }, h("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (h("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, h("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, h("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
+        return (h(Host, { key: '59bdd8c7d3bf9594fa545146ca44a00f060fccab', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, h("div", { key: 'fd1714f4eb7596fdc1eb67fe8b6d25e4ec93f454', class: FormFileClass.area, ref: el => (this.areaRef = el) }, h("slot", { key: '2712d87a6889321616b1b4cb03ea0c61aefcd241' }), h("input", Object.assign({ key: 'ac998000d9551871016d4c2ab802040634ff6256', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), h("div", { key: '54a896ed65deef09f11a8b497f926d079fb599d1', class: FormFileClass.inputFocus })), this.h.hasSlot("attachments") ? (h("div", { class: FormFileClass.attachments }, h("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (h("div", { class: FormFileClass.attachments }, h("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (h("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, item.file.name, h("span", { slot: "name" }, item.file.name), item.acceptValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, h("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);

package/dist/esm/gov-form-file.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-file.entry.js","sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\n\troot: 'gov-form-file',\n\tarea: 'gov-form-file__area',\n\tinput: 'gov-form-file__input',\n\tinputFocus: 'gov-form-file__input-focus',\n\tattachments: 'gov-form-file__attachments',\n}\n","export function formatBytes(bytes: any): string {\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n\tlet l = 0,\n\t\tn = parseInt(bytes, 10) \|\| 0\n\n\twhile (n >= 1024 && ++l) {\n\t\tn = n / 1024\n\t}\n\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\n}\n\nexport function fileAcceptValidation(file: File, accept: string): boolean {\n\tif (typeof accept === 'string' && accept.length) {\n\t\treturn (\n\t\t\taccept\n\t\t\t\t.replace(/\\s/g, '')\n\t\t\t\t.split(',')\n\t\t\t\t.filter(accept => {\n\t\t\t\t\treturn new RegExp(accept.replace('', '.')).test(file.type)\n\t\t\t\t}).length > 0\n\t\t)\n\t} else {\n\t\treturn true\n\t}\n}\n\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\n\tconst fileSize = Math.round(file.size)\n\treturn fileSize <= maxSize\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormFileClass} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-file\",\n})\nexport class GovFormFile {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate areaRef?: HTMLDivElement\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly fileId: string\n\tprivate attributeObserver: AttributeObserver\n\tprivate eventsRegistered = false\n\n\tconstructor() {\n\t\tthis.fileId = createID(\"GovInputFile\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormFileElement\n\t/*\n\t Expands the file input to fill 100% of the container width.\n\t /\n\t@Prop() readonly expanded: boolean = false\n\t/\n\t 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.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Makes the File component disabled.\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t After selecting the files, the main input element will be reset.\n\t * The propagation of the event with the selected files will not be affected.\n\t /\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\n\t/\n\t Selected files will not be checked for duplicates based on name and size.\n\t /\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\n\t/\n\t Show list of attachments\n\t /\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\n\t/\n\t Name of the input.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n\t /\n\t@Prop() readonly accept: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\n\t /\n\t@Prop() readonly multiple: boolean = false\n\t/\n\t Maximum embedded file size\n\t /\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\n\t/\n\t Custom File identifier.\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop() readonly invalid: boolean\n\t/\n\t Error message when the maximum file size is exceeded\n\t /\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\n\t/\n\t Insert unsupported file error message\n\t /\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\n\t/\n\t Adds accessible label for the remove button that is only shown for screen readers.\n\t /\n\t@Prop({attribute: \"accessible-remove-label\"}) readonly accessibleRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\n\t/\n\t Adds accessible label for the list of attachments.\n\t /\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\n\t/\n\t Emitted when the File has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\n\t/\n\t Emitted when the File loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\n\t/\n\t Called when the list of inserted files is changed\n\t /\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\n\t/\n\t Called when a new file is added\n\t /\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\n\t/\n\t Called when a file is removed from the list\n\t /\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\n\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() files: GovFormFileItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\n\t}\n\n\n\tprivate registerListeners() {\n\t\tif (this.eventsRegistered) {\n\t\t\treturn\n\t\t}\n\t\tthis.eventsRegistered = true\n\n\t\tfunction highlight() {\n\t\t\tthis.areaRef.classList.add(\"highlight\")\n\t\t}\n\n\t\tfunction unhighlight() {\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\n\t\t}\n\n\t\tthis.inputRef.addEventListener(\n\t\t\t\"change\",\n\t\t\te => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\n\t\t\t\tif (this.resetAfterPick) {\n\t\t\t\t\tif (files.length) {\n\t\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t}\n\t\t\t},\n\t\t\tfalse,\n\t\t)\n\n\t\tif (this.expanded) {\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\n\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\n\t\t}\n\t}\n\n\tpreventDefaults(e) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t}\n\n\thandleDrop(e: DragEvent) {\n\t\tconst dataTransfer = e.dataTransfer\n\t\tthis.validateFiles(dataTransfer.files)\n\t}\n\n\tprivate validateFiles(files: FileList) {\n\t\tlet filesBuffer: GovFormFileItem[] = []\n\t\tArray.from(files).map(file => {\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) \|\| null\n\t\t\tif (isFile === null \|\| this.ignoreFileDuplicationCheck) {\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\n\t\t\t\tconst newFile = {\n\t\t\t\t\tid: createID(\"GovFormFile\"),\n\t\t\t\t\tfile,\n\t\t\t\t\tacceptValid: isAcceptValid,\n\t\t\t\t\tsizeValid: isSizeValid,\n\t\t\t\t}\n\t\t\t\tif (this.displayAttachments) {\n\t\t\t\t\tthis.files = [...this.files, newFile]\n\t\t\t\t} else {\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\n\t\t\t\t}\n\t\t\t\tthis.govAddFile.emit({\n\t\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\t\tfile: newFile,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tthis.govFiles.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\n\t\t})\n\n\t\tif (this.resetAfterPick) {\n\t\t\tthis.reset().finally()\n\t\t}\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.registerListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t expanded={toBoolAttrIfDefined(this.expanded)}>\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormFileClass.input}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tid={this.identifier \|\| this.fileId}\n\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\taccept={this.accept}\n\t\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div class={FormFileClass.inputFocus}/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t{this.files.length && this.displayAttachments ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\n\t\t\t\t\t\t\t{this.files.map(item => (\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t on-gov-remove={() => this.onRemoveFileHandler(item)}>\n\t\t\t\t\t\t\t\t\t<span class={\"sr-only\"} id={item.id}>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleRemoveLabel.replace(\"{FILE_NAME}\", item.file.name)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{item.file.name}\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\n\t\t\t\t\t\t\t\t</gov-attachments-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</gov-attachments>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\n\t\tif (index !== -1) {\n\t\t\tconst files = this.files\n\t\t\tconst removeFile = this.files[index]\n\t\t\tfiles.splice(index, 1)\n\t\t\tthis.files = [...files]\n\t\t\tthis.govRemoveFile.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfile: removeFile,\n\t\t\t})\n\t\t\tthis.govFiles.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfiles,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\t/\n\t Returns the reference of the native element\n\t /\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/\n\t Returns the reference of the native area element\n\t /\n\t@Method()\n\tasync getAreaRef(): Promise<HTMLDivElement> {\n\t\treturn this.areaRef\n\t}\n\n\t/\n\t Remove all files from component state\n\t */\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.files = []\n\t\tthis.inputRef.value = '';\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-file.entry.js","sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\r\n\troot: 'gov-form-file',\r\n\tarea: 'gov-form-file__area',\r\n\tinput: 'gov-form-file__input',\r\n\tinputFocus: 'gov-form-file__input-focus',\r\n\tattachments: 'gov-form-file__attachments',\r\n}\r\n","export function formatBytes(bytes: any): string {\r\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\r\n\tlet l = 0,\r\n\t\tn = parseInt(bytes, 10) \|\| 0\r\n\r\n\twhile (n >= 1024 && ++l) {\r\n\t\tn = n / 1024\r\n\t}\r\n\r\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\r\n}\r\n\r\nexport function fileAcceptValidation(file: File, accept: string): boolean {\r\n\tif (typeof accept === 'string' && accept.length) {\r\n\t\treturn (\r\n\t\t\taccept\r\n\t\t\t\t.replace(/\\s/g, '')\r\n\t\t\t\t.split(',')\r\n\t\t\t\t.filter(accept => {\r\n\t\t\t\t\treturn new RegExp(accept.replace('', '.')).test(file.type)\r\n\t\t\t\t}).length > 0\r\n\t\t)\r\n\t} else {\r\n\t\treturn true\r\n\t}\r\n}\r\n\r\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\r\n\tconst fileSize = Math.round(file.size)\r\n\treturn fileSize <= maxSize\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {FormFileClass} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-file\",\r\n})\r\nexport class GovFormFile {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\r\n\tprivate areaRef?: HTMLDivElement\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate readonly fileId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\tprivate eventsRegistered = false\r\n\r\n\tconstructor() {\r\n\t\tthis.fileId = createID(\"GovInputFile\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormFileElement\r\n\t/*\r\n\t Expands the file input to fill 100% of the container width.\r\n\t /\r\n\t@Prop() readonly expanded: boolean = false\r\n\t/\r\n\t 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\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Makes the File component disabled.\r\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t After selecting the files, the main input element will be reset.\r\n\t * The propagation of the event with the selected files will not be affected.\r\n\t /\r\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\r\n\t/\r\n\t Selected files will not be checked for duplicates based on name and size.\r\n\t /\r\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\r\n\t/\r\n\t Show list of attachments\r\n\t /\r\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\r\n\t/\r\n\t Name of the input.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\r\n\t /\r\n\t@Prop() readonly accept: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\r\n\t /\r\n\t@Prop() readonly multiple: boolean = false\r\n\t/\r\n\t Maximum embedded file size\r\n\t /\r\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\r\n\t/\r\n\t Custom File identifier.\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\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() readonly invalid: boolean\r\n\t/\r\n\t Error message when the maximum file size is exceeded\r\n\t /\r\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\r\n\t/\r\n\t Insert unsupported file error message\r\n\t /\r\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\r\n\t/\r\n\t Adds accessible label for the list of attachments.\r\n\t /\r\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\r\n\t/\r\n\t Emitted when the File has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\r\n\t/\r\n\t Emitted when the File loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\r\n\t/\r\n\t Called when the list of inserted files is changed\r\n\t /\r\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\r\n\t/\r\n\t Called when a new file is added\r\n\t /\r\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\r\n\t/\r\n\t Called when a file is removed from the list\r\n\t /\r\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\r\n\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() files: GovFormFileItem[] = []\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\r\n\t}\r\n\r\n\r\n\tprivate registerListeners() {\r\n\t\tif (this.eventsRegistered) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.eventsRegistered = true\r\n\r\n\t\tfunction highlight() {\r\n\t\t\tthis.areaRef.classList.add(\"highlight\")\r\n\t\t}\r\n\r\n\t\tfunction unhighlight() {\r\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\r\n\t\t}\r\n\r\n\t\tthis.inputRef.addEventListener(\r\n\t\t\t\"change\",\r\n\t\t\te => {\r\n\t\t\t\te.preventDefault()\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\r\n\t\t\t\tif (this.resetAfterPick) {\r\n\t\t\t\t\tif (files.length) {\r\n\t\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tfalse,\r\n\t\t)\r\n\r\n\t\tif (this.expanded) {\r\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\r\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\r\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\r\n\r\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\r\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\r\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\r\n\t\t}\r\n\t}\r\n\r\n\tpreventDefaults(e) {\r\n\t\te.preventDefault()\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\thandleDrop(e: DragEvent) {\r\n\t\tconst dataTransfer = e.dataTransfer\r\n\t\tthis.validateFiles(dataTransfer.files)\r\n\t}\r\n\r\n\tprivate validateFiles(files: FileList) {\r\n\t\tlet filesBuffer: GovFormFileItem[] = []\r\n\t\tArray.from(files).map(file => {\r\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) \|\| null\r\n\t\t\tif (isFile === null \|\| this.ignoreFileDuplicationCheck) {\r\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\r\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\r\n\t\t\t\tconst newFile = {\r\n\t\t\t\t\tid: createID(\"GovFormFile\"),\r\n\t\t\t\t\tfile,\r\n\t\t\t\t\tacceptValid: isAcceptValid,\r\n\t\t\t\t\tsizeValid: isSizeValid,\r\n\t\t\t\t}\r\n\t\t\t\tif (this.displayAttachments) {\r\n\t\t\t\t\tthis.files = [...this.files, newFile]\r\n\t\t\t\t} else {\r\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\r\n\t\t\t\t}\r\n\t\t\t\tthis.govAddFile.emit({\r\n\t\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\t\tfile: newFile,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\tthis.govFiles.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\r\n\t\t})\r\n\r\n\t\tif (this.resetAfterPick) {\r\n\t\t\tthis.reset().finally()\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.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\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\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\r\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t expanded={toBoolAttrIfDefined(this.expanded)}>\r\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tclass={FormFileClass.input}\r\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\tid={this.identifier \|\| this.fileId}\r\n\t\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\taccept={this.accept}\r\n\t\t\t\t\t\tmultiple={this.multiple}\r\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\trequired={this.required}\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\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormFileClass.inputFocus}/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{this.files.length && this.displayAttachments ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\r\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\r\n\t\t\t\t\t\t\t{this.files.map(item => (\r\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t on-gov-remove={() => this.onRemoveFileHandler(item)}>\r\n\t\t\t\t\t\t\t\t\t{item.file.name}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"name\">{item.file.name}</span>\r\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\r\n\t\t\t\t\t\t\t\t</gov-attachments-item>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</gov-attachments>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\r\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\r\n\t\tif (index !== -1) {\r\n\t\t\tconst files = this.files\r\n\t\t\tconst removeFile = this.files[index]\r\n\t\t\tfiles.splice(index, 1)\r\n\t\t\tthis.files = [...files]\r\n\t\t\tthis.govRemoveFile.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfile: removeFile,\r\n\t\t\t})\r\n\t\t\tthis.govFiles.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfiles,\r\n\t\t\t})\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: FormFileClass.root,\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: FormFileClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\t/\r\n\t Returns the reference of the native 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\t/\r\n\t Returns the reference of the native area element\r\n\t /\r\n\t@Method()\r\n\tasync getAreaRef(): Promise<HTMLDivElement> {\r\n\t\treturn this.areaRef\r\n\t}\r\n\r\n\t/\r\n\t Remove all files from component state\r\n\t */\r\n\t@Method()\r\n\tasync reset(): Promise<void> {\r\n\t\tthis.files = []\r\n\t\tthis.inputRef.value = '';\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-group.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { F as FormGroupClass, a as FormGroupSizes, b as FormGroupOrientation } from './constants-Du0ZtfYe.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import './utils-CQvUntGY.js';
 import './sizes-BcQO4NH2.js';
@@ -34,7 +34,7 @@ const GovFormGroup = class {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (h(Host, { key: '23bc665133af4d63acae967405c379aef79f9125', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: '11d303816dae7149170180b450542c2cd1a322c6' })));
+        return (h(Host, { key: '54934f365448807adf7408b7feb96fff4244491c', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: '184ae9ea447967ebce23c4dd40e2e14667f74960' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-form-group.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-group.entry.js","sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n FormGroupClass,\n FormGroupOrientation,\n FormGroupOrientationType,\n FormGroupSizes,\n FormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\n\n@Component({\n tag: \"gov-form-group\",\n})\nexport class GovFormGroup {\n private readonly h: GovHost\n\n constructor() {\n this.h = govHost(this.host)\n }\n\n @Element() host: HTMLGovFormGroupElement\n /*\n Gap's size.\n /\n @Prop() readonly gap?: FormGroupSizesType = undefined\n /\n Elements orientation\n */\n @Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\n @Watch(\"gap\")\n validateGap(newValue: string): void {\n if (newValue) {\n validateProp(FormGroupSizes, newValue, FormGroupClass.root)\n }\n }\n\n @Watch(\"orientation\")\n validateOrientation(newValue: string): void {\n if (newValue) {\n validateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n }\n }\n\n componentWillLoad(): void {\n this.validateGap(this.gap)\n this.validateOrientation(this.orientation)\n }\n\n\n\n render() {\n return (\n <Host gap={this.gap} class={this.h.classes(FormGroupClass.root)}>\n <slot></slot>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;;;;;;MAea,YAAY,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAG,CAAA,GAAA,GAAwB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;QAXlE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B;AAaD,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC1B,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;AAK/D,IAAA,mBAAmB,CAAC,QAAgB,EAAA;QAClC,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,oBAAoB,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;IAIrE,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;;IAK5C,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;"}
1	+ {"version":3,"file":"gov-form-group.entry.js","sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n FormGroupClass,\r\n FormGroupOrientation,\r\n FormGroupOrientationType,\r\n FormGroupSizes,\r\n FormGroupSizesType\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\n\r\n@Component({\r\n tag: \"gov-form-group\",\r\n})\r\nexport class GovFormGroup {\r\n private readonly h: GovHost\r\n\r\n constructor() {\r\n this.h = govHost(this.host)\r\n }\r\n\r\n @Element() host: HTMLGovFormGroupElement\r\n /*\r\n Gap's size.\r\n /\r\n @Prop() readonly gap?: FormGroupSizesType = undefined\r\n /\r\n Elements orientation\r\n */\r\n @Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\r\n @Watch(\"gap\")\r\n validateGap(newValue: string): void {\r\n if (newValue) {\r\n validateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n }\r\n }\r\n\r\n @Watch(\"orientation\")\r\n validateOrientation(newValue: string): void {\r\n if (newValue) {\r\n validateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n }\r\n }\r\n\r\n componentWillLoad(): void {\r\n this.validateGap(this.gap)\r\n this.validateOrientation(this.orientation)\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n <Host gap={this.gap} class={this.h.classes(FormGroupClass.root)}>\r\n <slot></slot>\r\n </Host>\r\n )\r\n }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;MAea,YAAY,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAG,CAAA,GAAA,GAAwB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;QAXlE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B;AAaD,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC1B,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;AAK/D,IAAA,mBAAmB,CAAC,QAAgB,EAAA;QAClC,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,oBAAoB,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;IAIrE,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;;IAK5C,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;"}

package/dist/esm/gov-form-input.gov-skeleton.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-input.gov-skeleton.entry.js","sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/*\n\t Value of input\n\t /\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/\n\t Custom input identifier.\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Indicates the entered value of child form element does conform to the format expected by the application.\n\t /\n\t@Prop({reflect:true}) readonly success: boolean\n\t/\n\t Input’s size.\n\t /\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/\n\t Name of the input.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Generates a texarea for the possibility of multiple lines\n\t /\n\t@Prop() readonly multiline: boolean\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t /\n\t@Prop() readonly rows: number\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t /\n\t@Prop() readonly cols: number\n\t/\n\t 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.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/\n\t Makes the input component disabled.\n\t /\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/\n\t Text that appears in the form control when it has no value set\n\t /\n\t@Prop() readonly placeholder: string\n\t/\n\t The value is not editable\n\t /\n\t@Prop() readonly readonly: boolean\n\t/\n\t Minimum length (number of characters) of value\n\t /\n\t@Prop() readonly minlength: number\n\t/\n\t Maximum length (number of characters) of value\n\t /\n\t@Prop() readonly maxlength: number\n\t/\n\t Minimum value that is acceptable and valid for the input containing the attribute\n\t /\n\t@Prop() readonly min?: string \| number\n\t/\n\t Maximum value that is acceptable and valid for the input containing the attribute\n\t /\n\t@Prop() readonly max?: string \| number\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t /\n\t@Prop() readonly autocomplete: boolean\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t /\n\t@Prop() readonly autocorrect: boolean\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t /\n\t@Prop() readonly spellcheck: boolean\n\t/\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t /\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/\n\t Defined the visual style of input\n\t /\n\t@Prop() readonly type?: Type\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t /\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t /\n\t@Prop() readonly role: Nullable<string>\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/\n\t Accessible text for password display\n\t /\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/\n\t Accessible text to hide the password\n\t /\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/\n\t Emitted when the input has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input change value.\n\t /\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input change value.\n\t /\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input change value.\n\t /\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/\n\t Emitted when the input change value.\n\t /\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier \|\| this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{((this.success \|\| this.invalid \|\| this.h.hasSlot(\"icon-end\") \|\| this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/\n\t Returns the current state of the component\n\t /\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/\n\t Sets the ordered value of the element\n\t /\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/\n\t Clears input value\n\t /\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/\n\t Returns an instance of the native html input element\n\t /\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/\n\t Input’s size.\n\t /\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/\n\t Style variation of the skeleton.\n\t /\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/\n\t Shape of the skeleton\n\t /\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/\n\t Width of the skeleton ex. 100px, 100%, auto etc.\n\t /\n\t@Prop({reflect: true}) width?: string = null\n\t/\n\t Height of the skeleton ex. 100px, 100%, auto etc.\n\t /\n\t@Prop({reflect: true}) height?: string = null\n\t/\n\t Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t color={this.color}\n\t\t\t\t class={{\n\t\t\t\t\t [SkeletonClass.root]: true,\n\t\t\t\t\t circle: this.shape === \"circle\",\n\t\t\t\t\t line: this.shape === \"line\",\n\t\t\t\t\t progress: this.animation === \"progress\",\n\t\t\t\t\t pulse: this.animation === \"pulse\",\n\t\t\t\t }}\n\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t aria-busy=\"true\"\n\t\t\t\t aria-valuemin=\"0\"\n\t\t\t\t aria-valuemax=\"100\"\n\t\t\t\t role=\"progressbar\"\n\t\t\t\t tabindex=\"0\"\n\t\t\t\t style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-input.gov-skeleton.entry.js","sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\r\nimport {FormInputEvent} from \"./gov-form-input.types\"\r\nimport {Nullable} from \"../../../types/interfaces\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\nenum Tags {\r\n\tINPUT = \"input\",\r\n\tTEXTAREA = \"textarea\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-form-input\",\r\n})\r\nexport class GovFormInput {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate inputRef?: HTMLInputElement\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.inputId = createID(\"GovInput\")\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormInputElement\r\n\t/*\r\n\t Value of input\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/\r\n\t Custom input identifier.\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\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 Input’s size.\r\n\t /\r\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\r\n\t/\r\n\t Name of the input.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Generates a texarea for the possibility of multiple lines\r\n\t /\r\n\t@Prop() readonly multiline: boolean\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\r\n\t /\r\n\t@Prop() readonly rows: number\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\r\n\t /\r\n\t@Prop() readonly cols: number\r\n\t/\r\n\t 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\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop({reflect:true}) readonly required: boolean = false\r\n\t/\r\n\t Makes the input component disabled.\r\n\t /\r\n\t@Prop({reflect:true}) readonly disabled: boolean = false\r\n\t/\r\n\t Text that appears in the form control when it has no value set\r\n\t /\r\n\t@Prop() readonly placeholder: string\r\n\t/\r\n\t The value is not editable\r\n\t /\r\n\t@Prop() readonly readonly: boolean\r\n\t/\r\n\t Minimum length (number of characters) of value\r\n\t /\r\n\t@Prop() readonly minlength: number\r\n\t/\r\n\t Maximum length (number of characters) of value\r\n\t /\r\n\t@Prop() readonly maxlength: number\r\n\t/\r\n\t Minimum value that is acceptable and valid for the input containing the attribute\r\n\t /\r\n\t@Prop() readonly min?: string \| number\r\n\t/\r\n\t Maximum value that is acceptable and valid for the input containing the attribute\r\n\t /\r\n\t@Prop() readonly max?: string \| number\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\r\n\t /\r\n\t@Prop() readonly autocomplete: boolean\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\r\n\t /\r\n\t@Prop() readonly autocorrect: boolean\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\r\n\t /\r\n\t@Prop() readonly spellcheck: boolean\r\n\t/\r\n\t Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\r\n\t /\r\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\r\n\t/\r\n\t Defined the visual style of input\r\n\t /\r\n\t@Prop() readonly type?: Type\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\r\n\t /\r\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\r\n\t /\r\n\t@Prop() readonly role: Nullable<string>\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 Accessible text for password display\r\n\t /\r\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\r\n\t/\r\n\t Accessible text to hide the password\r\n\t /\r\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\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\t/\r\n\t Emitted when the input change value.\r\n\t /\r\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\r\n\t/\r\n\t Emitted when the input change value.\r\n\t /\r\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\r\n\t/\r\n\t Emitted when the input change value.\r\n\t /\r\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\r\n\t@State() focused: boolean\r\n\t@State() showPassword: boolean = false\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\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\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\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\tthis.govHydrated.emit();\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}\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\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\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{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\r\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\r\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tid={this.identifier \|\| this.inputId}\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\r\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\r\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\r\n\t\t\t\t\t\tlang={this.inputLang}\r\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\r\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\r\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\r\n\t\t\t\t\t\tminlength={this.minlength}\r\n\t\t\t\t\t\tmaxlength={this.maxlength}\r\n\t\t\t\t\t\tmin={this.min}\r\n\t\t\t\t\t\tmax={this.max}\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\trows={this.rows}\r\n\t\t\t\t\t\tcols={this.cols}\r\n\t\t\t\t\t\trole={this.role}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{((this.success \|\| this.invalid \|\| this.h.hasSlot(\"icon-end\") \|\| this.inputType === 'password') && !this.multiline) &&\r\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\r\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\r\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\r\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\r\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\r\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\r\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\r\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\r\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t</gov-button>) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\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</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = true\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormInputClass.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.focused = false\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormInputClass.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 onKeyUpHandler(e: KeyboardEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govKeyUp.emit({\r\n\t\t\tcomponent: FormInputClass.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 onKeyDownHandler(e: KeyboardEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govKeyDown.emit({\r\n\t\t\tcomponent: FormInputClass.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 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: FormInputClass.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","import { pick } from \"../../../utils/utils\"\r\nimport { ValueOf } from \"../../../types/interfaces\"\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {Colors} from \"../../../core/constants/colors\";\r\n\r\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\r\n\r\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\r\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\r\n\r\nexport enum SkeletonShapes {\r\n\tCIRCLE = 'circle',\r\n\tLINE = 'line'\r\n}\r\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\r\n\r\nexport enum SkeletonAnimation {\r\n\tPULSE = 'pulse',\r\n\tPROGRESS = 'progress',\r\n\tFALSE = 'false'\r\n}\r\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\r\n\r\nexport const SkeletonClass = {\r\n\troot: 'gov-skeleton',\r\n}\r\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {\r\n\tSkeletonAnimation,\r\n\tSkeletonAnimationType,\r\n\tSkeletonClass,\r\n\tSkeletonColorType,\r\n\tSkeletonShapes,\r\n\tSkeletonShapesType,\r\n\tSkeletonSizes,\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-skeleton\",\r\n})\r\nexport class GovSkeleton {\r\n\th: GovHost\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovSkeletonElement\r\n\t/\r\n\t Input’s size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\r\n\t/\r\n\t Style variation of the skeleton.\r\n\t /\r\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\r\n\t/\r\n\t Shape of the skeleton\r\n\t /\r\n\t@Prop() shape?: SkeletonShapesType = \"line\"\r\n\t/\r\n\t Width of the skeleton ex. 100px, 100%, auto etc.\r\n\t /\r\n\t@Prop({reflect: true}) width?: string = null\r\n\t/\r\n\t Height of the skeleton ex. 100px, 100%, auto etc.\r\n\t /\r\n\t@Prop({reflect: true}) height?: string = null\r\n\t/\r\n\t Animation type\r\n\t */\r\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\r\n\r\n\titems: number[] = []\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@Watch('shape')\r\n\tvalidateShape(newValue: string): void {\r\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@Watch('animation')\r\n\tvalidateAnimation(newValue: string): void {\r\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\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\t\tthis.validateShape(this.shape)\r\n\t\tthis.validateAnimation(this.animation)\r\n\t\tthis.init()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.init()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\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\tinit() {\r\n\t\tthis.items.fill(1)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host size={this.size}\r\n\t\t\t\t color={this.color}\r\n\t\t\t\t class={{\r\n\t\t\t\t\t [SkeletonClass.root]: true,\r\n\t\t\t\t\t circle: this.shape === \"circle\",\r\n\t\t\t\t\t line: this.shape === \"line\",\r\n\t\t\t\t\t progress: this.animation === \"progress\",\r\n\t\t\t\t\t pulse: this.animation === \"pulse\",\r\n\t\t\t\t }}\r\n\t\t\t\t {...this.inheritedAttributes}\r\n\t\t\t\t aria-busy=\"true\"\r\n\t\t\t\t aria-valuemin=\"0\"\r\n\t\t\t\t aria-valuemax=\"100\"\r\n\t\t\t\t role=\"progressbar\"\r\n\t\t\t\t tabindex=\"0\"\r\n\t\t\t\t style={{width: this.width, height: this.height}}>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAcA,IAAK,IAGJ;AAHD,CAAA,UAAK,IAAI,EAAA;AACR,IAAA,IAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACtB,CAAC,EAHI,IAAI,KAAJ,IAAI,GAGR,EAAA,CAAA,CAAA;MAKY,YAAY,GAAA,MAAA;AAOxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;AAmBA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAwB,GAAG;AAiBhD;;;AAGG;AAC4B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACxD;;AAEG;AAC4B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA6CxD;;;AAGG;AACuC,QAAA,IAAS,CAAA,SAAA,GAAc,MAAM;AAUvE;;AAEG;AAC2D,QAAA,IAA2B,CAAA,2BAAA,GAAG,gBAAgB;AAC5G;;AAEG;AAC2D,QAAA,IAA2B,CAAA,2BAAA,GAAG,aAAa;AA0BhG,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAe7B,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QAzJ5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB;AA0ID,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;IAO5D,iBAAiB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;;IAKhB,gBAAgB,GAAA;QACvB,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AAC3C,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC/D,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7D,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;;IAG9E,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC;AACrD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;IAGxB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAE5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,kBAAkB,GAAA;QACjB,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;;IAG1D,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,MAAM,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK;AAEvD,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAChE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EACxD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS;AAChD,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAA,EACrE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAG,CACrB,EAEP,CAAC,CAAA,GAAG,EACH,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,EAClF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EACnC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAAsB,CAAC,EACnD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC5C,YAAY,EAAE,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,EACrD,WAAW,EAAE,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,EACnD,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACb,IAAI,CAAC,mBAAmB,EAAA,EAAA,eAAA,EACb,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACnC,cAAA,EAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA,eAAA,EAChC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAChD,CAAA,CAAA,EACD,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,KAAK,CAAC,IAAI,CAAC,SAAS;AACjH,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAA,EACpE,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;AAC/B,gBAAA,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,YAAY,EAAY,CAAA,EAC/E,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;AAC/B,gBAAA,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,YAAY,EAAY,CAAA,EACrF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,6DAAM,IAAI,EAAC,UAAU,EAAE,CAAA,EACtF,IAAI,CAAC,SAAS,KAAK,UAAU,IAC7B,CAAA,CAAA,YAAA,EAAA,EAAY,KAAK,EAAE,SAAS,EACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACH,YAAA,EAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,2BAA2B,EACrF,cAAA,EAAA,MAAM,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,EAAA,EAC5D,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,CACxD,IAAI,IAAI,CACjB,CAED,EACN,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAQ,CAAA,CAChD;;AAID,IAAA,cAAc,CAAC,CAAa,EAAA;QACnC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,aAAa,CAAC,CAAa,EAAA;QAClC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,cAAc,CAAC,CAAgB,EAAA;QACtC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,gBAAgB,CAAC,CAAgB,EAAA;QACxC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACpB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,cAAc,CAAC,CAAa,EAAA;QACnC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;QACjD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGH;;AAEG;IAEH,MAAM,QAAQ,CAAC,OAAsB,EAAA;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;;AAGpC;;AAEG;IAEH,MAAM,QAAQ,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;AAGnB;;AAEG;AAEH,IAAA,MAAM,UAAU,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,EAAE;;AAGzB;;AAEG;AAEH,IAAA,MAAM,MAAM,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ;;;;;;;;;;;ACzWf,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAG5C,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AAGjE,IAAY,cAGX;AAHD,CAAA,UAAY,cAAc,EAAA;AACzB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACd,CAAC,EAHW,cAAc,KAAd,cAAc,GAGzB,EAAA,CAAA,CAAA;AAGD,IAAY,iBAIX;AAJD,CAAA,UAAY,iBAAiB,EAAA;AAC5B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAChB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,GAI5B,EAAA,CAAA,CAAA;AAGM,MAAM,aAAa,GAAG;AAC5B,IAAA,IAAI,EAAE,cAAc;CACpB;;MCLY,WAAW,GAAA,MAAA;AAIvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAwB,GAAG;AAC/D;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAuB,SAAS;AACtD;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAwB,MAAM;AAC3C;;AAEG;AACoB,QAAA,IAAK,CAAA,KAAA,GAAY,IAAI;AAC5C;;AAEG;AACoB,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAC7C;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAA2B,UAAU;AAEtD,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE;AAiBX,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QA9C5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA+BD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC;;AAI1D,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC;;AAI3D,IAAA,iBAAiB,CAAC,QAAgB,EAAA;QACjC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC;;IAK9D,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACtC,IAAI,CAAC,IAAI,EAAE;QACX,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,mBAAmB,GAAA;QAClB,IAAI,CAAC,IAAI,EAAE;;IAGZ,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,IAAI,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;;IAGnB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE;AACN,gBAAA,CAAC,aAAa,CAAC,IAAI,GAAG,IAAI;AAC1B,gBAAA,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC/B,gBAAA,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;AAC3B,gBAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU;AACvC,gBAAA,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;aACjC,EAAA,EACG,IAAI,CAAC,mBAAmB,EAAA,EAAA,WAAA,EAClB,MAAM,EACF,eAAA,EAAA,GAAG,EACH,eAAA,EAAA,KAAK,EACnB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,EAAA,CAAA,CAC3C;;;;;;;;;;;;"}

package/dist/esm/gov-form-input_2.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { g as govForm, l as FormInputClass, m as FormInputSizes } from './form-DvhJiKwA.js';
-import { g as govHost, a as toBoolAttr, d as toOnOffAttrIfDefined, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, d as toOnOffAttrIfDefined, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
@@ -97,11 +97,11 @@ const GovFormInput = class {
     }
     render() {
         const Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT;
-        return (h(Host, { key: 'bdbab2105ea328155d7a023e2070c4ca22a5afba', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && h("slot", { key: '71be98f4ba1933c8a5affd3f41b496633528bcc8', name: "prefix" }), h("span", { key: '820a6cc14d90fb52b3fa809858c9b7223d7dec21', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            h("div", { key: '6c001fb96074d4f5b7779a14cbceee9169b4a70a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, h("slot", { key: '15da634518db7ac788de51911296d1a0ca87c993', name: "icon-start" })), h(Tag, Object.assign({ key: 'f43777146426ddbe5d37408a734ca61aa51e0e69', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
-            h("div", { key: '716e004caf2077ce8d5ee5101bcb541fbdb45d38', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                h("gov-icon", { key: '96c5fcdad8332c08d3eaf9a5a6af573962a96744', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                h("gov-icon", { key: '4883e137f51052a2659f46a09270c656bc3347f7', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && h("slot", { key: 'a74b2df0932087834fc33de45aa341444c61042a', name: "icon-end" }), this.inputType === 'password' ? (h("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, h("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && h("slot", { key: '9d15adccc023a5501114982c4417df6db9a4d8c1', name: "sufix" })));
+        return (h(Host, { key: '77dae47e06d063a2487a5ddbb1259306b5cdbfc3', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && h("slot", { key: 'e8e2f433d1ef4132ea11deccd0430d1e629b939b', name: "prefix" }), h("span", { key: 'd6ccd3199c302f2bdefec80c9b1d41e221f5c996', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            h("div", { key: '9bdfc91aeb6b5f9c9c16cf902d092caeb5c5d9c5', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, h("slot", { key: '2a2d7b03fbe85a18353ac360a822721b2e76da78', name: "icon-start" })), h(Tag, Object.assign({ key: 'e43d026dbb5138a6b69363805df462d18d3e1e1f', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
+            h("div", { key: '43025915f216c0153e069acdddbece0e059f3ec7', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                h("gov-icon", { key: '13b34f7a5e705afdb92877850f116895318bb876', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                h("gov-icon", { key: 'd671025577334714519c12956863a3a3c6f3af81', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && h("slot", { key: 'f26ff9842ab606917ff1fe10e5fa83e0707f923f', name: "icon-end" }), this.inputType === 'password' ? (h("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, h("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && h("slot", { key: '666b152801bc34d6cdb66e88c22d695c4b4d169c', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -265,7 +265,7 @@ const GovSkeleton = class {
         this.items.fill(1);
     }
     render() {
-        return (h(Host, Object.assign({ key: '25734d3a4d1d1db5de3ce47019cfdc1e41bf8aa5', size: this.size, color: this.color, class: {
+        return (h(Host, Object.assign({ key: '871f22b2b3bd0c92c75b81b4d649246414c01b97', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",