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

package/dist/esm/gov-form-autocomplete.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-form-autocomplete.entry.js","sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {booleanString, toBoolAttr} from '../../../helpers/Dom/template'\r\nimport {validateProp} from '../../../helpers/Validate/props'\r\nimport {Nullable} from '../../../types/interfaces'\r\nimport {createID} from '../../../utils/string.utils'\r\nimport {delay, has, throttle} from '../../../utils/utils'\r\nimport {FormInputEvent} from '../input/gov-form-input.types'\r\nimport {FormAutocompleteClass, FormAutocompleteSizes, SizesType,} from './constants'\r\nimport {FormAutocompleteEvent, GovFormAutocompleteItem} from './gov-form-autocomplete.types'\r\nimport {propsValueToArray} from \"../../../utils/array.utils\";\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-autocomplete',\r\n})\r\nexport class GovFormAutocomplete {\r\n\tprivate inputRef?: HTMLGovFormInputElement\r\n\tprivate listRef?: HTMLUListElement\r\n\tprivate readonly listBoxId: string\r\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\r\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.listBoxId = createID('GovListBox')\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 = ''\r\n\t/**\r\n\t * Options of autocomplete\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormAutocompleteItem[]\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() readonly success: boolean\r\n\t/**\r\n\t * Input’s size.\r\n\t */\r\n\t@Prop() readonly size?: SizesType = 'm'\r\n\t/**\r\n\t * Main key name in the object\r\n\t */\r\n\t@Prop({attribute: 'name-key'}) readonly nameKey: string = 'name'\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 * 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 input component disabled.\r\n\t * This prevents users from being able to interact with the select, 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 * 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 * 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 * Minimum length (number of characters) of value\r\n\t */\r\n\t@Prop() readonly minlength: number = 3\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 * Input throttle in milliseconds\r\n\t */\r\n\t@Prop() readonly throttleTime: number = 200\r\n\t/**\r\n\t * Custom message for when there is a blank sheet\r\n\t */\r\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\r\n\t/**\r\n\t * Emitted when the input has focus.\r\n\t */\r\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormAutocompleteEvent>\r\n\t/**\r\n\t * Emitted when the input loses focus.\r\n\t */\r\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormAutocompleteEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: 'gov-input'}) govInput: EventEmitter<FormAutocompleteEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormAutocompleteEvent>\r\n\r\n\t@State() focused: boolean\r\n\t@State() processing = false\r\n\t@State() arrowCounter = -1\r\n\t@State() list: GovFormAutocompleteItem[] = []\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\r\n\t}\r\n\r\n\t@Watch('options')\r\n\twatchOptions(newValue: string | GovFormAutocompleteItem[]): void {\r\n\t\tthis.setOptions(propsValueToArray(newValue)).catch()\r\n\t}\r\n\r\n\tprivate onArrowUp() {\r\n\t\tif (this.arrowCounter > 0) {\r\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\r\n\t\t\tthis.moveToView().finally()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onArrowDown() {\r\n\t\tif (this.arrowCounter < this.list.length - 1) {\r\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\r\n\t\t\tthis.moveToView().finally()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async moveToView() {\r\n\t\tawait delay(200)\r\n\t\tconst heightOfList = this.listRef.offsetHeight\r\n\t\tconst selected = this.listRef.querySelector('li[aria-selected=\"true\"]') as HTMLUListElement\r\n\t\tif (selected && heightOfList) {\r\n\t\t\tconst offsetTop = selected.offsetTop\r\n\t\t\tthis.listRef.scrollTo({top: offsetTop, behavior: 'smooth'})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate doSearch() {\r\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\r\n\t\t\tthis.list = []\r\n\t\t\tthis.arrowCounter = -1\r\n\t\t\tthis.processing = false\r\n\t\t\treturn\r\n\t\t}\r\n\t\tif (this.searchCallback) {\r\n\t\t\tthis.processing = true\r\n\t\t\tthis.searchCallback(this.value)\r\n\t\t\t\t.then(response => (this.list = response))\r\n\t\t\t\t.catch(() => (this.list = []))\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tthis.arrowCounter = -1\r\n\t\t\t\t\tthis.processing = false\r\n\t\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate clearList() {\r\n\t\tconst areOptions = propsValueToArray<GovFormAutocompleteItem[]>(this.options)\r\n\t\tif (areOptions.length === 0) {\r\n\t\t\tthis.list = []\r\n\t\t}\r\n\t}\r\n\r\n\tget isValueAccepted() {\r\n\t\tif (typeof this.value === 'string') {\r\n\t\t\treturn this.value.length >= this.minlength\r\n\t\t} else {\r\n\t\t\treturn false\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\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={FormAutocompleteClass.root} size={this.size}>\r\n\t\t\t\t<gov-form-input\r\n\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\tname={this.name}\r\n\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\treadonly={this.readonly}\r\n\t\t\t\t\tautocomplete={false}\r\n\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\tinvalid={this.invalid}\r\n\t\t\t\t\tsuccess={this.success}\r\n\t\t\t\t\trole={'searchbox'}\r\n\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\tminlength={this.minlength}\r\n\t\t\t\t\tmaxlength={this.maxlength}\r\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), this.throttleTime)}\r\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\r\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\r\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\taria-autocomplete={'list'}\r\n\t\t\t\t\taria-owns={[this.listBoxId, this.inheritedAttributes['aria-owns']].join(' ')}\r\n\t\t\t\t\taria-expanded={booleanString(this.list.length && this.focused ? true : false)}\r\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"validation-icon\" />\r\n\t\t\t\t\t<slot name=\"icon-end\" />\r\n\t\t\t\t</gov-form-input>\r\n\t\t\t\t<ul class={FormAutocompleteClass.list}\r\n\t\t\t\t\trole={'listbox'}\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.focused)}\r\n\t\t\t\t\thidden={!this.focused}\r\n\t\t\t\t\tid={this.listBoxId}\r\n\t\t\t\t\tref={el => (this.listRef = el as HTMLUListElement)}>\r\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\r\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>{this.messageEmpty}</li>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\r\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\r\n\t\t\t\t\t\t\t<gov-skeleton size=\"m\"></gov-skeleton>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.focused ? this.list.map((item, index) => {\r\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\r\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\r\n\t\t\t\t\t\t\t\trole={'option'}\r\n\t\t\t\t\t\t\t\taria-posinset={index}\r\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\r\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\r\n\t\t\t\t\t\t\t\tonTouchStart={(e: TouchEvent) => this.onSelectHandler(e, index)}\r\n\t\t\t\t\t\t\t\tonMouseDown={(e: PointerEvent) => this.onSelectHandler(e, index)}\r\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"list-item-left\"/>\r\n\t\t\t\t\t\t\t\t<slot name=\"list-item-right\"/>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}) : null}\r\n\t\t\t\t</ul>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\tthis.focused = true\r\n\t\tthis.arrowCounter = -1\r\n\t\tif (this.isValueAccepted && this.searchCallback) {\r\n\t\t\tthis.doSearch()\r\n\t\t}\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\toriginalEvent: e,\r\n\t\t\tcomponent: FormAutocompleteClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tselected: null,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\tthis.focused = false\r\n\t\tthis.clearList();\r\n\t\tthis.arrowCounter = -1\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\toriginalEvent: e,\r\n\t\t\tcomponent: FormAutocompleteClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tselected: null,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\toriginalEvent: e,\r\n\t\t\tcomponent: FormAutocompleteClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tselected: null,\r\n\t\t})\r\n\t\tthis.doSearch()\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: PointerEvent | CustomEvent | TouchEvent, index = -1) {\r\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\r\n\t\tif (index > -1) {\r\n\t\t\tselected = this.list[index]\r\n\t\t} else if (has(this.arrowCounter, this.list)) {\r\n\t\t\tselected = this.list[this.arrowCounter]\r\n\t\t}\r\n\t\tif (selected) {\r\n\t\t\tthis.govSelect.emit({\r\n\t\t\t\tcomponent: FormAutocompleteClass.root,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\tselected: selected,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t})\r\n\t\t\tthis.clearList();\r\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {\r\n\t\t\t\tthis.value = selected[this.nameKey]\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onKeyUpHandler(e: CustomEvent) {\r\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\r\n\t\te.stopPropagation()\r\n\t\tevent.stopPropagation()\r\n\t\tif (event.keyCode === 38) this.onArrowUp()\r\n\t\telse if (event.keyCode === 40) this.onArrowDown()\r\n\t\telse if (event.keyCode === 13) {\r\n\t\t\te.preventDefault()\r\n\t\t\tevent.preventDefault()\r\n\t\t\tthis.onSelectHandler(e)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onKeyDownHandler(e: CustomEvent) {\r\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\r\n\t\te.stopPropagation()\r\n\t\tevent.stopPropagation()\r\n\t\tif (event.keyCode === 13) {\r\n\t\t\te.preventDefault()\r\n\t\t\tevent.preventDefault()\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Focus main input element\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 * Blur main input element\r\n\t */\r\n\t@Method()\r\n\tasync setBlur(): Promise<void> {\r\n\t\treturn this.inputRef.blur()\r\n\t}\r\n\r\n\t/**\r\n\t * Set options for list\r\n\t */\r\n\t@Method()\r\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\r\n\t\tthis.list = Array.isArray(options) ? options : []\r\n\t\tthis.arrowCounter = -1\r\n\t}\r\n\r\n\t/**\r\n\t * Clears whisperer 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\r\n\t\tawait this.inputRef.clearValue()\r\n\t}\r\n\r\n\t/**\r\n\t * Clears whisperer value\r\n\t */\r\n\t@Method()\r\n\tasync setProcessing(status: boolean): Promise<void> {\r\n\t\tthis.processing = status\r\n\t}\r\n\r\n\t/**\r\n\t * Set a custom asynchronous function for the whisperer\r\n\t */\r\n\t@Method()\r\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\r\n\t\tthis.searchCallback = callback\r\n\t}\r\n\r\n\t/**\r\n\t * Setting a custom whisper result template\r\n\t * @param callback\r\n\t */\r\n\t@Method()\r\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\r\n\t\tthis.templateResolver = callback\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gov-form-autocomplete.entry.js","sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {booleanString, toBoolAttr} from '../../../helpers/Dom/template'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID} from '../../../utils/string.utils'\nimport {delay, has, throttle} from '../../../utils/utils'\nimport {FormInputEvent} from '../input/gov-form-input.types'\nimport {FormAutocompleteClass, FormAutocompleteSizes, SizesType,} from './constants'\nimport {FormAutocompleteEvent, GovFormAutocompleteItem} from './gov-form-autocomplete.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\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-autocomplete',\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate listRef?: HTMLUListElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.listBoxId = createID('GovListBox')\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 = ''\n\t/**\n\t * Options of autocomplete\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormAutocompleteItem[]\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() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: SizesType = 'm'\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop({attribute: 'name-key'}) readonly nameKey: string = 'name'\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\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 input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\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 * 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 * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 3\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Input throttle in milliseconds\n\t */\n\t@Prop() readonly throttleTime: number = 200\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-input'}) govInput: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormAutocompleteEvent>\n\n\t@State() focused: boolean\n\t@State() processing = false\n\t@State() arrowCounter = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormAutocompleteItem[]): void {\n\t\tthis.setOptions(propsValueToArray(newValue)).catch()\n\t}\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < this.list.length - 1) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate async moveToView() {\n\t\tawait delay(200)\n\t\tconst heightOfList = this.listRef.offsetHeight\n\t\tconst selected = this.listRef.querySelector('li[aria-selected=\"true\"]') as HTMLUListElement\n\t\tif (selected && heightOfList) {\n\t\t\tconst offsetTop = selected.offsetTop\n\t\t\tthis.listRef.scrollTo({top: offsetTop, behavior: 'smooth'})\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then(response => (this.list = response))\n\t\t\t\t.catch(() => (this.list = []))\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tprivate clearList() {\n\t\tconst areOptions = propsValueToArray<GovFormAutocompleteItem[]>(this.options)\n\t\tif (areOptions.length === 0) {\n\t\t\tthis.list = []\n\t\t}\n\t}\n\n\tget isValueAccepted() {\n\t\tif (typeof this.value === 'string') {\n\t\t\treturn this.value.length >= this.minlength\n\t\t} else {\n\t\t\treturn false\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.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\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={FormAutocompleteClass.root} size={this.size}>\n\t\t\t\t<gov-form-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tautocomplete={false}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\trole={'searchbox'}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), this.throttleTime)}\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-autocomplete={'list'}\n\t\t\t\t\taria-owns={[this.listBoxId, this.inheritedAttributes['aria-owns']].join(' ')}\n\t\t\t\t\taria-expanded={booleanString(this.list.length && this.focused ? true : false)}\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"validation-icon\" />\n\t\t\t\t\t<slot name=\"icon-end\" />\n\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list}\n\t\t\t\t\trole={'listbox'}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.focused)}\n\t\t\t\t\thidden={!this.focused}\n\t\t\t\t\tid={this.listBoxId}\n\t\t\t\t\tref={el => (this.listRef = el as HTMLUListElement)}>\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>{this.messageEmpty}</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\n\t\t\t\t\t\t\t<gov-skeleton size=\"m\"></gov-skeleton>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused ? this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={'option'}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonTouchStart={(e: TouchEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\tonMouseDown={(e: PointerEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-left\"/>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-right\"/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t}) : null}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif (this.isValueAccepted && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.clearList();\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(e: PointerEvent | CustomEvent | TouchEvent, index = -1) {\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\n\t\tif (index > -1) {\n\t\t\tselected = this.list[index]\n\t\t} else if (has(this.arrowCounter, this.list)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif (selected) {\n\t\t\tthis.govSelect.emit({\n\t\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\tselected: selected,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t\tthis.clearList();\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp()\n\t\telse if (event.keyCode === 40) this.onArrowDown()\n\t\telse if (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t\tthis.onSelectHandler(e)\n\t\t}\n\t}\n\n\tprivate onKeyDownHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\n\t/**\n\t * Focus main input element\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 * Blur main input element\n\t */\n\t@Method()\n\tasync setBlur(): Promise<void> {\n\t\treturn this.inputRef.blur()\n\t}\n\n\t/**\n\t * Set options for list\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\n\t\tthis.list = Array.isArray(options) ? options : []\n\t\tthis.arrowCounter = -1\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync setProcessing(status: boolean): Promise<void> {\n\t\tthis.processing = status\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-checkbox-group.entry.js

@@ -74,7 +74,7 @@ const GovFormCheckboxGroup = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cfff4a643c778c0a573b08e6310045b8f0f0764b', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '6c9f6c553525f61c3aa95c834fd495d4dd6a8346' })));
+        return (h(Host, { key: '05922c255d84c7e5d454096842080afb3baf7e35', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: 'b770a32c6c932f71c041bb2996c675b84ee594f0' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"version":3,"file":"gov-form-checkbox-group.entry.js","sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormCheckboxGroupClass,\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType\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 {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\r\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\nimport {propsValueToArray} from \"../../../utils/array.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormCheckboxGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\r\n\t/**\r\n  /* Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tconst value = propsValueToArray<string[]>(this.value);\r\n\t\tif (!Array.isArray(value)) return;\r\n\t\tif (event.detail.checked) {\r\n\t\t\tthis.value = [...value, event.detail.value]\r\n\t\t} else {\r\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\r\n\t\t}\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormCheckboxGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t\tthis.value = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = this.value.includes(element.value);\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gov-form-checkbox-group.entry.js","sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormCheckboxGroupClass,\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\nimport {propsValueToArray} from \"../../../utils/array.utils\"\n\n@Component({\n\ttag: \"gov-form-checkbox-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormCheckboxGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\n\t/**\n  /* Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\n\t\tevent.stopPropagation()\n\t\tconst value = propsValueToArray<string[]>(this.value);\n\t\tif (!Array.isArray(value)) return;\n\t\tif (event.detail.checked) {\n\t\t\tthis.value = [...value, event.detail.value]\n\t\t} else {\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\n\t\t}\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormCheckboxGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t\tthis.value = propsValueToArray(this.value)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = this.value.includes(element.value);\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -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\"\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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"}
+{"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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"}

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

@@ -72,7 +72,7 @@ const GovFormControl = class {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        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" }))))));
+        return (h(Host, { key: 'e7965663e6f825f35efa30a5fd8fe3fa7a313ac6', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: 'bb8b452fcab1ae0d49f8d0ed01f0091f97e9c988', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: '4afca4fcee621842c0955287fd9a5488170da0d2', name: "top" }), h("slot", { key: '1e5026d8b37aad78c420ee2f8a69f42e0cb03e8e' }), this.h.hasSlot("bottom") && (h("div", { key: '177ebe3ade712277ea79c7d1a39a3bd9344627fd', class: FormControlClass.bottom }, h("slot", { key: '79ffada9cff037c407aa925e35b3382fba85ae25', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -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\"\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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"}
+{"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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"}

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

@@ -213,7 +213,7 @@ const GovFormFile = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        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));
+        return (h(Host, { key: '0f005cd699699df5d67c1ae5a1ce69bcbe14df08', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, h("div", { key: '85de8e3bbbed08f63a93b874799b2e76311320dd', class: FormFileClass.area, ref: el => (this.areaRef = el) }, h("slot", { key: 'd67d074f20d899d81c37118eeb872eace16be983' }), h("input", Object.assign({ key: 'b0be06c28155cd0bfd13aa6926f05718fe58ca2d', 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: 'bf27e1a3806a4334ec9476171c64a5dfe96a1040', 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

@@ -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 = {\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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"}
+{"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 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{item.file.name}\n\t\t\t\t\t\t\t\t\t<span slot=\"name\">{item.file.name}</span>\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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"}

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

@@ -34,7 +34,7 @@ const GovFormGroup = class {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (h(Host, { key: '54934f365448807adf7408b7feb96fff4244491c', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: '184ae9ea447967ebce23c4dd40e2e14667f74960' })));
+        return (h(Host, { key: '6ad77732e256f54efcc5ad0e8465b99a91f65f8c', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: 'f519f6d2406a85190eb1b04961719a6283398467' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -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\"\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;;;;;;;;;;;"}
+{"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;;;;;;;;;;;"}