@gov-design-system-ce/components 4.1.3-BETA-10 → 4.2.0

package/dist/components/gov-form-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovFormMultiSelect","proxyCustomElement","H","constructor","this","selectId","createID","listId","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormMultiselectSizes","FormMultiSelectClass","root","watchOptions","optionsState","propsValueToArray","watchValue","selectedOptionsState","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","initAutocomplete","componentWillLoad","size","options","value","disconnectedCallback","stopObserving","removeAttribute","inheritedAttributes","Object","assign","getAvailableOptions","ignoreFilter","Array","isArray","length","filter","option","selectedIndex","selectedValueIndex","disabled","map","_a","name","label","from","selectRef","querySelectorAll","selected","textContent","autocompleteRef","addEventListener","onSelectHandler","bind","_b","onInputHandler","_c","onFocusHandler","_d","onBlurHandler","_e","setSearchCallback","searchString","Promise","resolve","data","String","removeDiacritics","toLowerCase","indexOf","finally","findIndex","getOptionElement","querySelector","getOption","find","selectOption","newOption","notify","index","govChange","emit","component","govSelect","removeOption","splice","govRemove","componentDidRender","passAttrToLabel","required","tick","forEach","render","Host","key","class","wrap","hasSlot","valueState","identifier","invalid","success","placeholder","messageEmpty","messageLoading","ref","el","minlength","slot","type","hidden","toBoolAttr","multiple","toBoolAttrIfDefined","selectedOption","hideSelectedList","role","id","list","item","color","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","setFocus","setValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\nimport {FormMultiSelectClass, FormMultiselectSizes, FormMultiselectSizesType} from './constants'\nimport {\n\tFormMultiselectEvent,\n\tGovFormMultiSelectItem,\n\tGovFormMultiSelectSelectedItem\n} from './gov-form-multi-select.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: 'gov-form-multi-select',\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string | GovFormMultiSelectSelectedItem[]\n\t/**\n\t * Options of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormMultiSelectItem[]\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Option to hide the list of selected items\n\t */\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: 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 select 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 * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * 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 * 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 * Custom message for when data is loaded\n\t */\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is selected\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() valueState: string\n\t@State() selectedOptionsState: GovFormMultiSelectSelectedItem[] = []\n\t@State() optionsState: GovFormMultiSelectItem[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.optionsState = propsValueToArray(newValue)\n\t}\n\n\t@Watch('value')\n\twatchValue(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.selectedOptionsState = propsValueToArray(newValue)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.initAutocomplete()\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.selectedOptionsState = propsValueToArray(this.value)\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\tprivate getAvailableOptions(ignoreFilter = false): GovFormMultiSelectItem[] {\n\t\tif (Array.isArray(this.optionsState) && this.optionsState.length) {\n\t\t\tif (ignoreFilter) {\n\t\t\t\treturn this.optionsState;\n\t\t\t}\n\t\t\treturn this.optionsState.filter((option) => {\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn (selectedIndex !== -1 || option?.disabled) ? false : true\n\t\t\t}).map((option) => ({name: option.label ?? option.value, value: option.value}))\n\t\t}\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => {\n\t\t\t\tif (ignoreFilter) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn !(option.disabled || option.selected || selectedIndex > -1)\n\t\t\t})\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef?.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t?.setSearchCallback(searchString => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(searchString).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({label, value}) => {\n\t\t\t\t\t\t\tif (!label) label = value;\n\t\t\t\t\t\t\treturn removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.finally()\n\t}\n\n\tprivate selectedValueIndex(value: GovFormMultiSelectSelectedItem) {\n\t\treturn this.selectedOptionsState.findIndex((selected) => selected === value)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectSelectedItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate getOption(value: GovFormMultiSelectSelectedItem): GovFormMultiSelectItem | null {\n\t\treturn this.getAvailableOptions(true).find((option) => option.value === value) ?? null;\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState, newOption]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govSelect.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptionsState.splice(index, 1)\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govRemove.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\n\t\ttick(() => {\n\t\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\t\tif (option.selected) {\n\t\t\t\t\tthis.selectOption(option.value, false)\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\tvalue={this.valueState}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tmessage-empty={this.messageEmpty}\n\t\t\t\t\t\tmessage-loading={this.messageLoading}\n\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\taria-owns={this.listId}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.success && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t{this.invalid && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t<gov-icon slot=\"icon-end\" class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t\t<select\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass={'hidden-select-list'}\n\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\n\t\t\t\t\t\tmultiple\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\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>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\tconst selectedOption = this.selectedValueIndex(option.value);\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={selectedOption > -1}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t\t</div>\n\t\t\t\t{this.hideSelectedList === false ? (\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t\t{Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {\n\t\t\t\t\t\t\tconst option = this.getOption(selected);\n\t\t\t\t\t\t\tif (!option) return null\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t\t{option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\taria-label={'Odebrat vybranou položku ' + option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(selected)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.valueState = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value.value)\n\t\tthis.valueState = ''\n\t\tthis.autocompleteRef.clearValue().finally()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectSelectedItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.valueState = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormMultiSelect","proxyCustomElement","H","constructor","this","selectId","createID","listId","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormMultiselectSizes","FormMultiSelectClass","root","watchOptions","optionsState","propsValueToArray","watchValue","selectedOptionsState","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","initAutocomplete","componentWillLoad","size","options","value","disconnectedCallback","_a","stopObserving","removeAttribute","inheritedAttributes","Object","assign","getAvailableOptions","ignoreFilter","Array","isArray","length","filter","option","selectedIndex","selectedValueIndex","disabled","map","name","label","from","selectRef","querySelectorAll","selected","textContent","autocompleteRef","addEventListener","onSelectHandler","bind","_b","onInputHandler","_c","onFocusHandler","_d","onBlurHandler","_e","setSearchCallback","searchString","Promise","resolve","data","String","removeDiacritics","toLowerCase","indexOf","finally","findIndex","getOptionElement","querySelector","getOption","find","selectOption","newOption","notify","index","govChange","emit","component","govSelect","removeOption","splice","govRemove","componentDidRender","passAttrToLabel","required","tick","forEach","render","Host","key","class","wrap","hasSlot","valueState","identifier","invalid","success","placeholder","messageEmpty","messageLoading","ref","el","minlength","slot","type","hidden","toBoolAttr","multiple","toBoolAttrIfDefined","selectedOption","hideSelectedList","role","id","list","item","color","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","setFocus","setValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\nimport {FormMultiSelectClass, FormMultiselectSizes, FormMultiselectSizesType} from './constants'\nimport {\n\tFormMultiselectEvent,\n\tGovFormMultiSelectItem,\n\tGovFormMultiSelectSelectedItem\n} from './gov-form-multi-select.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: 'gov-form-multi-select',\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string | GovFormMultiSelectSelectedItem[]\n\t/**\n\t * Options of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormMultiSelectItem[]\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Option to hide the list of selected items\n\t */\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: 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 select 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 * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * 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 * 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 * Custom message for when data is loaded\n\t */\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is selected\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() valueState: string\n\t@State() selectedOptionsState: GovFormMultiSelectSelectedItem[] = []\n\t@State() optionsState: GovFormMultiSelectItem[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.optionsState = propsValueToArray(newValue)\n\t}\n\n\t@Watch('value')\n\twatchValue(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.selectedOptionsState = propsValueToArray(newValue)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.initAutocomplete()\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.selectedOptionsState = propsValueToArray(this.value)\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\tprivate getAvailableOptions(ignoreFilter = false): GovFormMultiSelectItem[] {\n\t\tif (Array.isArray(this.optionsState) && this.optionsState.length) {\n\t\t\tif (ignoreFilter) {\n\t\t\t\treturn this.optionsState;\n\t\t\t}\n\t\t\treturn this.optionsState.filter((option) => {\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn (selectedIndex !== -1 || option?.disabled) ? false : true\n\t\t\t}).map((option) => ({name: option.label ?? option.value, value: option.value}))\n\t\t}\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => {\n\t\t\t\tif (ignoreFilter) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn !(option.disabled || option.selected || selectedIndex > -1)\n\t\t\t})\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef?.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t?.setSearchCallback(searchString => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(searchString).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({label, value}) => {\n\t\t\t\t\t\t\tif (!label) label = value;\n\t\t\t\t\t\t\treturn removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.finally()\n\t}\n\n\tprivate selectedValueIndex(value: GovFormMultiSelectSelectedItem) {\n\t\treturn this.selectedOptionsState.findIndex((selected) => selected === value)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectSelectedItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate getOption(value: GovFormMultiSelectSelectedItem): GovFormMultiSelectItem | null {\n\t\treturn this.getAvailableOptions(true).find((option) => option.value === value) ?? null;\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState, newOption]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govSelect.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptionsState.splice(index, 1)\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govRemove.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\n\t\ttick(() => {\n\t\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\t\tif (option.selected) {\n\t\t\t\t\tthis.selectOption(option.value, false)\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\tvalue={this.valueState}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tmessage-empty={this.messageEmpty}\n\t\t\t\t\t\tmessage-loading={this.messageLoading}\n\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\taria-owns={this.listId}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.success && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t{this.invalid && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t<gov-icon slot=\"icon-end\" class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t\t<select\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass={'hidden-select-list'}\n\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\n\t\t\t\t\t\tmultiple\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\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>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\tconst selectedOption = this.selectedValueIndex(option.value);\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={selectedOption > -1}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t\t</div>\n\t\t\t\t{this.hideSelectedList === false ? (\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t\t{Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {\n\t\t\t\t\t\t\tconst option = this.getOption(selected);\n\t\t\t\t\t\t\tif (!option) return null\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t\t{option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\taria-label={'Odebrat vybranou položku ' + option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(selected)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.valueState = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value.value)\n\t\tthis.valueState = ''\n\t\tthis.autocompleteRef.clearValue().finally()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectSelectedItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.valueState = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-password-power.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as o,d as a}from"./p-42200001.js";const c={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const r=e(class e extends s{constructor(){super();this.__registerHost();this.power=undefined}render(){return o(a,{key:"ca17606a7f29175d97da93daed3005a27b38d607",class:c.root},o("span",{key:"b2b80382c10034b88adb971db02c7e3f901453ee",class:c.bar},o("span",{key:"0c0de35b5c257c175281792765d3fec89f5ee498"}),o("span",{key:"92847bc51174d38543a2e0f9a1a7c3ba37fec6f4"}),o("span",{key:"7cc7a9cbda4c54c4d1269874a1f8d2b91e533bad"})),o("span",{key:"de62cf845c51d870e4fa1b1b6156348be8460d6b",class:c.text},o("slot",{key:"8132df44d6ce3f83f89d1d45b34c182850663571"})))}},[4,"gov-form-password-power",{power:[514]}]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-form-password-power"];e.forEach((e=>{switch(e){case"gov-form-password-power":if(!customElements.get(e)){customElements.define(e,r)}break}}))}d();const t=r;const f=d;export{t as GovFormPasswordPower,f as defineCustomElement};
+import{p as e,H as s,h as o,d as c}from"./p-42200001.js";const a={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const d=e(class e extends s{constructor(){super();this.__registerHost();this.power=undefined}render(){return o(c,{key:"5345be77d281075d14e4d846cc28b4ee80238d44",class:a.root},o("span",{key:"4d54a301ac65d9432e524906eb8d0626fcc6be63",class:a.bar},o("span",{key:"0590bdcda2ca777daa02b4ed078490120c0d76b9"}),o("span",{key:"d76531fc51948809e1c7577c06661fd320ccb68c"}),o("span",{key:"48a13aa684e06289961bf7aaeb778c9340242e55"})),o("span",{key:"683dab64032d38a9d94121c154085a5e4cb0f6f1",class:a.text},o("slot",{key:"d55a6fdbd4bfb5504457d10c7e6ce194d0ff36c5"})))}},[4,"gov-form-password-power",{power:[514]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-form-password-power"];e.forEach((e=>{switch(e){case"gov-form-password-power":if(!customElements.get(e)){customElements.define(e,d)}break}}))}r();const t=d;const n=r;export{t as GovFormPasswordPower,n as defineCustomElement};
 //# sourceMappingURL=gov-form-password-power.js.map

package/dist/components/gov-form-radio-group.js

@@ -1,2 +1,2 @@
-import{p as o,H as r,c as a,h as g,d as e}from"./p-42200001.js";import{d as i,a as t,b as p,c as n}from"./p-e44a0fee.js";import{g as m}from"./p-ea7fdd2e.js";import{v as l}from"./p-0b3574c2.js";import{t as f}from"./p-26618322.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";const s=v;const c=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change",7);this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:i.root})};this.gap=undefined;this.orientation="vertical";this.value=undefined;this.h=m(this.host)}validateGap(o){if(o){l(p,o,t.root)}}validateOrientation(o){if(o){l(n,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return g(e,{key:"0526062e74e480edc22bdbbdf8c1f82a91ff463d",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"f11696b75d4f0c4bc72da3ca70d3111825edd36a"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return s}},[4,"gov-form-radio-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-radio-group"];o.forEach((o=>{switch(o){case"gov-form-radio-group":if(!customElements.get(o)){customElements.define(o,c)}break}}))}u();const d=c;const h=u;export{d as GovFormRadioGroup,h as defineCustomElement};
+import{p as o,H as r,c as a,h as g,d as i}from"./p-42200001.js";import{d as t,a as e,b as p,c as l}from"./p-fc2afe61.js";import{g as n}from"./p-ea7fdd2e.js";import{v as m}from"./p-0b3574c2.js";import{t as f}from"./p-26618322.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const s=v;const c=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change",7);this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:t.root})};this.gap=undefined;this.orientation="vertical";this.value=undefined;this.h=n(this.host)}validateGap(o){if(o){m(p,o,e.root)}}validateOrientation(o){if(o){m(l,o,e.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return g(i,{key:"f5d9641f18787c21c13898a8d80159326161e676",gap:this.gap,class:this.h.classes(e.root),value:this.value},g("slot",{key:"81b46ef337551d1f31b9b7f7d5bb32a620f0fb69"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return s}},[4,"gov-form-radio-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-radio-group"];o.forEach((o=>{switch(o){case"gov-form-radio-group":if(!customElements.get(o)){customElements.define(o,c)}break}}))}u();const h=c;const d=u;export{h as GovFormRadioGroup,d as defineCustomElement};
 //# sourceMappingURL=gov-form-radio-group.js.map

package/dist/components/gov-form-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["govFormGroupCss","GovFormRadioGroupStyle0","GovFormRadioGroup","proxyCustomElement","H","constructor","this","handleChange","event","stopPropagation","value","detail","govChange","emit","component","FormRadioGroupClass","root","undefined","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","gap","orientation","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control */\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// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include 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 $form-group-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\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\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 = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\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<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').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 = element.value === this.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"],"mappings":"qOAAA,MAAMA,EAAkB,ktEACxB,MAAAC,EAAeD,E,MCmBFE,EAAiBC,EAAA,MAAAD,UAAAE,EAG7B,WAAAC,G,oEAoCAC,KAAAC,aAAgBC,IACfA,EAAMC,kBACNH,KAAKI,MAAQF,EAAMG,OAAOD,MAC1BJ,KAAKM,UAAUC,KAAK,CACnBH,MAAOJ,KAAKI,MACZI,UAAWC,EAAoBC,MAC9B,E,SAlCyCC,U,iBAIc,W,WAIEA,UAf3DX,KAAKY,EAAIC,EAAQb,KAAKc,K,CAsBvB,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeT,K,EAKxD,mBAAAU,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeT,K,EAa9D,iBAAAY,GACCtB,KAAKe,YAAYf,KAAKuB,KACtBvB,KAAKoB,oBAAoBpB,KAAKwB,Y,CAG/B,kBAAAC,GACCC,GAAK,IAAM1B,KAAK2B,qB,CAGjB,iBAAAA,GACC3B,KAAKc,KAAKc,iBAAiB,kBAAkBC,SAASC,IACrD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAchC,KAAKC,a,CAE7C6B,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQI,QAAUJ,EAAQ1B,QAAUJ,KAAKI,KAAK,G,CAIhD,MAAA+B,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACd,IAAKvB,KAAKuB,IAAKe,MAAOtC,KAAKY,EAAE2B,QAAQpB,EAAeT,MAAON,MAAOJ,KAAKI,OAC5EQ,EAAA,QAAAyB,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["govFormGroupCss","GovFormRadioGroupStyle0","GovFormRadioGroup","proxyCustomElement","H","constructor","this","handleChange","event","stopPropagation","value","detail","govChange","emit","component","FormRadioGroupClass","root","undefined","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","gap","orientation","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control */\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// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include 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 $form-group-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\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\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 = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\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<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').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 = element.value === this.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"],"mappings":"qOAAA,MAAMA,EAAkB,usEACxB,MAAAC,EAAeD,E,MCmBFE,EAAiBC,EAAA,MAAAD,UAAAE,EAG7B,WAAAC,G,oEAoCAC,KAAAC,aAAgBC,IACfA,EAAMC,kBACNH,KAAKI,MAAQF,EAAMG,OAAOD,MAC1BJ,KAAKM,UAAUC,KAAK,CACnBH,MAAOJ,KAAKI,MACZI,UAAWC,EAAoBC,MAC9B,E,SAlCyCC,U,iBAIc,W,WAIEA,UAf3DX,KAAKY,EAAIC,EAAQb,KAAKc,K,CAsBvB,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeT,K,EAKxD,mBAAAU,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeT,K,EAa9D,iBAAAY,GACCtB,KAAKe,YAAYf,KAAKuB,KACtBvB,KAAKoB,oBAAoBpB,KAAKwB,Y,CAG/B,kBAAAC,GACCC,GAAK,IAAM1B,KAAK2B,qB,CAGjB,iBAAAA,GACC3B,KAAKc,KAAKc,iBAAiB,kBAAkBC,SAASC,IACrD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAchC,KAAKC,a,CAE7C6B,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQI,QAAUJ,EAAQ1B,QAAUJ,KAAKI,KAAK,G,CAIhD,MAAA+B,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACd,IAAKvB,KAAKuB,IAAKe,MAAOtC,KAAKY,EAAE2B,QAAQpB,EAAeT,MAAON,MAAOJ,KAAKI,OAC5EQ,EAAA,QAAAyB,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-radio.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as s,h as e,d as h}from"./p-42200001.js";import{c as a}from"./p-cd6c2938.js";import{v as n}from"./p-0b3574c2.js";import{g as o,j as r,k as d}from"./p-9908b9f0.js";import{g as c,c as l,t as u}from"./p-ea7fdd2e.js";import{F as f}from"./p-1c1d0bbe.js";import{i as m,A as p,a as v}from"./p-33d5d1ed.js";const b=t(class t extends i{constructor(){super();this.__registerHost();this.govFocus=s(this,"gov-focus",7);this.govBlur=s(this,"gov-blur",7);this.govChange=s(this,"gov-change",7);this.hydrated=false;this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.inheritedAttributes={};this.radioId=a("GovRadio");this.h=c(this.host);this.f=o(this.h)}validateSize(t){n(d,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.inheritedAttributes=m(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(v)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}render(){const t=t=>{if(this.noLabel){return e("label",{class:r.label},t)}return t};return e(h,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:u(this.invalid)},t(e(f,null,e("input",Object.assign({class:r.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:t=>this.inputRef=t,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":u(this.required),"aria-invalid":u(this.invalid),"aria-disabled":u(this.disabled)})),e("span",null,e("slot",{name:"label"})))))}onClickHandler(t){t.stopPropagation()}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[4,"gov-form-radio",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[1],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-form-radio"];t.forEach((t=>{switch(t){case"gov-form-radio":if(!customElements.get(t)){customElements.define(t,b)}break}}))}g();const C=b;const k=g;export{C as GovFormRadio,k as defineCustomElement};
+import{p as t,H as i,c as s,h as e,d as h}from"./p-42200001.js";import{c as a}from"./p-cd6c2938.js";import{v as n}from"./p-0b3574c2.js";import{g as o,j as r,k as d}from"./p-9908b9f0.js";import{g as l,c,t as u}from"./p-ea7fdd2e.js";import{F as f}from"./p-1c1d0bbe.js";import{i as m,A as p,a as v}from"./p-33d5d1ed.js";const b=t(class t extends i{constructor(){super();this.__registerHost();this.govFocus=s(this,"gov-focus",7);this.govBlur=s(this,"gov-blur",7);this.govChange=s(this,"gov-change",7);this.hydrated=false;this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.inheritedAttributes={};this.radioId=a("GovRadio");this.h=l(this.host);this.f=o(this.h)}validateSize(t){n(d,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",c(this.invalid));this.f.passAttrToControl("disabled",c(this.disabled));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.inheritedAttributes=m(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(v)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}render(){const t=t=>{if(this.noLabel){return e("label",{class:r.label},t)}return t};return e(h,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:u(this.invalid)},t(e(f,null,e("input",Object.assign({class:r.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:t=>this.inputRef=t,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":u(this.required),"aria-invalid":u(this.invalid),"aria-disabled":u(this.disabled)})),e("span",null,e("slot",{name:"label"})))))}onClickHandler(t){t.stopPropagation()}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[4,"gov-form-radio",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[1],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-form-radio"];t.forEach((t=>{switch(t){case"gov-form-radio":if(!customElements.get(t)){customElements.define(t,b)}break}}))}g();const C=b;const k=g;export{C as GovFormRadio,k as defineCustomElement};
 //# sourceMappingURL=gov-form-radio.js.map

package/dist/components/gov-form-radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovFormRadio","proxyCustomElement","H","constructor","this","hydrated","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","size","toBoolAttr","invalid","disabled","componentWillLoad","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","required","connectedCallback","disconnectedCallback","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","noLabel","class","label","Host","checked","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.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 {FormRadioClass, FormRadioSizes, FormRadioSizesType} 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 {FormRadioEvent} from \"./gov-form-radio.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-radio\",\n})\nexport class GovFormRadio {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly radioId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.radioId = createID(\"GovRadio\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormRadioElement\n\t/**\n\t * Value of radio\n\t */\n\t@Prop() readonly value: 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 * Radio 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 radio component disabled.\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Name of the radio.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Radio's size.\n\t */\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\n\t/**\n\t * Custom radio 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 * Emitted when the radio has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.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(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\n\t}\n\n\n\tcomponentWillLoad() {\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.radioId)\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 wrapRadio = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapRadio(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={FormRadioClass.input}\n\t\t\t\t\t\t\tid={this.identifier || this.radioId}\n\t\t\t\t\t\t\ttype=\"radio\"\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\tdisabled={this.disabled}\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\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={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</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 onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRadioClass.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: FormRadioClass.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 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: FormRadioClass.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormRadio","proxyCustomElement","H","constructor","this","hydrated","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","size","toBoolAttr","invalid","disabled","componentWillLoad","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","required","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","noLabel","class","label","Host","checked","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.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 {FormRadioClass, FormRadioSizes, FormRadioSizesType} 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 {FormRadioEvent} from \"./gov-form-radio.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-radio\",\n})\nexport class GovFormRadio {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly radioId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.radioId = createID(\"GovRadio\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormRadioElement\n\t/**\n\t * Value of radio\n\t */\n\t@Prop() readonly value: 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 * Radio 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 radio component disabled.\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Name of the radio.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Radio's size.\n\t */\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\n\t/**\n\t * Custom radio 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 * Emitted when the radio has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.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(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\n\t}\n\n\n\tcomponentWillLoad() {\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.radioId)\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 wrapRadio = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapRadio(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={FormRadioClass.input}\n\t\t\t\t\t\t\tid={this.identifier || this.radioId}\n\t\t\t\t\t\t\ttype=\"radio\"\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\tdisabled={this.disabled}\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\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={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</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 onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRadioClass.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: FormRadioClass.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 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: FormRadioClass.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"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,d as o}from"./p-42200001.js";import{C as r}from"./p-5aad3497.js";import{p as a}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";a(c,["_S","_M","_L"]);a(r,["PRIMARY","NEUTRAL"]);const f={root:"gov-form-search"};const n=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"05f033c30dffd615b36b181535329704d46665ae",class:f.root,color:this.color,size:this.size},t("slot",{key:"7c7fb4e2d90ace38aef4b63454e1f9513903977c",name:"input"}),t("slot",{key:"92484cbbbae29ba45bb963f80da8237d9406a91b",name:"button-erase"}),t("slot",{key:"92ebb818ee922d790534ffb7816be400ff4a1f98",name:"button"}))}get host(){return this}},[4,"gov-form-search",{size:[1],color:[513]}]);function m(){if(typeof customElements==="undefined"){return}const e=["gov-form-search"];e.forEach((e=>{switch(e){case"gov-form-search":if(!customElements.get(e)){customElements.define(e,n)}break}}))}m();const b=n;const i=m;export{b as GovFormSearch,i as defineCustomElement};
+import{p as e,H as s,h as t,d as o}from"./p-42200001.js";import{C as r}from"./p-5aad3497.js";import{p as a}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";a(c,["_S","_M","_L"]);a(r,["PRIMARY","NEUTRAL"]);const n={root:"gov-form-search"};const m=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"2a4e3dd63dd15981e25c952e3a6f1f5eabdae12a",class:n.root,color:this.color,size:this.size},t("slot",{key:"393fefd7c775341c8be8067900a29c36776d767c",name:"input"}),t("slot",{key:"bcb202961db1564bcd4a30ae58a6a686895ea6d4",name:"button-erase"}),t("slot",{key:"d82551286246b38fa1276bd181c18807e6fb4da8",name:"button"}))}get host(){return this}},[4,"gov-form-search",{size:[1],color:[513]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-form-search"];e.forEach((e=>{switch(e){case"gov-form-search":if(!customElements.get(e)){customElements.define(e,m)}break}}))}f();const d=m;const i=f;export{d as GovFormSearch,i as defineCustomElement};
 //# sourceMappingURL=gov-form-search.js.map

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

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-13a70392.js";const t=o;const a=s;export{t as GovFormSelect,a as defineCustomElement};
+import{G as o,d as s}from"./p-0327a469.js";const t=o;const a=s;export{t as GovFormSelect,a as defineCustomElement};
 //# sourceMappingURL=gov-form-select.js.map

package/dist/components/gov-form-switch.js

@@ -1,2 +1,2 @@
-import{p as i,H as s,c as t,h as e,d as h}from"./p-42200001.js";import{c as a}from"./p-cd6c2938.js";import{v as n}from"./p-0b3574c2.js";import{g as o,n as c,o as d}from"./p-9908b9f0.js";import{g as r,c as l,t as u}from"./p-ea7fdd2e.js";import{F as m}from"./p-1c1d0bbe.js";import{A as f,a as b,i as p}from"./p-33d5d1ed.js";import{d as v}from"./p-a877bf8a.js";const g=i(class i extends s{constructor(){super();this.__registerHost();this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.hydrated=false;this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=r(this.host);this.f=o(this.h)}validateSize(i){n(d,i,c.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("type","switch")}componentDidLoad(){this.attributeObserver=new f(this.host,((i,s)=>{this.onAriaAttributeChange(i,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=p(this.host)}disconnectedCallback(){this.attributeObserver.stopObserving()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(i,s){this.host.removeAttribute(i);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[i]:s})}render(){const i=i=>{if(this.noLabel){return e("label",{class:c.label},i)}return i};return e(h,{class:this.h.classes(c.root),hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:u(this.invalid)},i(e(m,null,e("input",Object.assign({class:c.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:i=>this.inputRef=i,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":u(this.required),"aria-invalid":u(this.invalid),"aria-disabled":u(this.disabled)})),e("span",null,e("span",{class:c.indicator},this.checked&&e("gov-icon",{name:"check-lg",type:"components"})),e("slot",{name:"label"})))))}onClickHandler(i){i.stopPropagation()}onFocusHandler(i){i.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onBlurHandler(i){i.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onChangeHandler(i){this.checked=i.target.checked;i.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[4,"gov-form-switch",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[513],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}]);function k(){if(typeof customElements==="undefined"){return}const i=["gov-form-switch","gov-icon"];i.forEach((i=>{switch(i){case"gov-form-switch":if(!customElements.get(i)){customElements.define(i,g)}break;case"gov-icon":if(!customElements.get(i)){v()}break}}))}k();const w=g;const j=k;export{w as GovFormSwitch,j as defineCustomElement};
+import{p as i,H as s,c as t,h as e,d as h}from"./p-42200001.js";import{c as a}from"./p-cd6c2938.js";import{v as n}from"./p-0b3574c2.js";import{g as o,n as c,o as d}from"./p-9908b9f0.js";import{g as r,c as l,t as u}from"./p-ea7fdd2e.js";import{F as m}from"./p-1c1d0bbe.js";import{A as f,a as b,i as p}from"./p-33d5d1ed.js";import{d as v}from"./p-3c90521b.js";const g=i(class i extends s{constructor(){super();this.__registerHost();this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.hydrated=false;this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=r(this.host);this.f=o(this.h)}validateSize(i){n(d,i,c.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("type","switch")}componentDidLoad(){this.attributeObserver=new f(this.host,((i,s)=>{this.onAriaAttributeChange(i,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=p(this.host)}disconnectedCallback(){var i;(i=this.attributeObserver)===null||i===void 0?void 0:i.stopObserving()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(i,s){this.host.removeAttribute(i);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[i]:s})}render(){const i=i=>{if(this.noLabel){return e("label",{class:c.label},i)}return i};return e(h,{class:this.h.classes(c.root),hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:u(this.invalid)},i(e(m,null,e("input",Object.assign({class:c.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:i=>this.inputRef=i,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":u(this.required),"aria-invalid":u(this.invalid),"aria-disabled":u(this.disabled)})),e("span",null,e("span",{class:c.indicator},this.checked&&e("gov-icon",{name:"check-lg",type:"components"})),e("slot",{name:"label"})))))}onClickHandler(i){i.stopPropagation()}onFocusHandler(i){i.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onBlurHandler(i){i.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onChangeHandler(i){this.checked=i.target.checked;i.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[4,"gov-form-switch",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[513],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}]);function k(){if(typeof customElements==="undefined"){return}const i=["gov-form-switch","gov-icon"];i.forEach((i=>{switch(i){case"gov-form-switch":if(!customElements.get(i)){customElements.define(i,g)}break;case"gov-icon":if(!customElements.get(i)){v()}break}}))}k();const w=g;const j=k;export{w as GovFormSwitch,j as defineCustomElement};
 //# sourceMappingURL=gov-form-switch.js.map

package/dist/components/gov-form-switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovFormSwitch","proxyCustomElement","H","constructor","this","hydrated","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormSwitchSizes","FormSwitchClass","root","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","invalid","disabled","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","stopObserving","componentDidRender","passAttrToLabel","identifier","String","required","connectedCallback","removeAttribute","Object","assign","render","wrapCheckbox","children","noLabel","class","label","Host","classes","checked","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","indicator","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/switch/gov-form-switch.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 {FormSwitchClass, FormSwitchSizes, FormSwitchSizesType} 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 {FormSwitchEvent} from \"./gov-form-switch.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-switch\",\n})\nexport class GovFormSwitch {\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: HTMLGovFormSwitchElement\n\t/**\n\t * Value of switch\n\t */\n\t@Prop() readonly value: 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 * Switch 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 */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the switch component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Name of the switch.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormSwitchSizesType = \"m\"\n\t/**\n\t * Custom switch 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 * Emitted when the switch has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): 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(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"switch\")\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.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\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\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={FormSwitchClass.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={this.h.classes(FormSwitchClass.root)} hydrated={this.hydrated} checked={this.checked}\n\t\t\t\t  size={this.size} invalid={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\tclass={FormSwitchClass.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\tdisabled={this.disabled}\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\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={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<span class={FormSwitchClass.indicator}>\n\t\t\t\t\t\t\t\t{this.checked && <gov-icon name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\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 onClickHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\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: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormSwitch","proxyCustomElement","H","constructor","this","hydrated","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormSwitchSizes","FormSwitchClass","root","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","invalid","disabled","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","componentDidRender","passAttrToLabel","identifier","String","required","connectedCallback","removeAttribute","Object","assign","render","wrapCheckbox","children","noLabel","class","label","Host","classes","checked","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","indicator","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/switch/gov-form-switch.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 {FormSwitchClass, FormSwitchSizes, FormSwitchSizesType} 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 {FormSwitchEvent} from \"./gov-form-switch.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-switch\",\n})\nexport class GovFormSwitch {\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: HTMLGovFormSwitchElement\n\t/**\n\t * Value of switch\n\t */\n\t@Prop() readonly value: 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 * Switch 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 */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the switch component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Name of the switch.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormSwitchSizesType = \"m\"\n\t/**\n\t * Custom switch 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 * Emitted when the switch has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): 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(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"switch\")\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.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\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\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={FormSwitchClass.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={this.h.classes(FormSwitchClass.root)} hydrated={this.hydrated} checked={this.checked}\n\t\t\t\t  size={this.size} invalid={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\tclass={FormSwitchClass.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\tdisabled={this.disabled}\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\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={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<span class={FormSwitchClass.indicator}>\n\t\t\t\t\t\t\t\t{this.checked && <gov-icon name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\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 onClickHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\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: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\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"],"mappings":"4WAiBaA,EAAaC,EAAA,MAAAD,UAAAE,EASzB,WAAAC,G,0IAFQC,KAAAC,SAAW,M,kCAiBwC,M,aAIX,M,cAIX,M,cAIe,M,8BAQS,I,0EAkClB,GApE1CD,KAAKE,WAAaC,EAAS,eAE3BH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,EAAIC,EAAQR,KAAKI,E,CAsDvB,YAAAK,CAAaC,GACZC,EAAaC,EAAiBF,EAAUG,EAAgBC,K,CAMzD,aAAAC,GACCf,KAAKgB,kB,CAKE,gBAAAA,GACPhB,KAAKO,EAAEU,kBAAkB,OAAQjB,KAAKkB,MACtClB,KAAKO,EAAEU,kBAAkB,UAAWE,EAAWnB,KAAKoB,UACpDpB,KAAKO,EAAEU,kBAAkB,WAAYE,EAAWnB,KAAKqB,WACrDrB,KAAKO,EAAEU,kBAAkB,OAAQ,S,CAGlC,gBAAAK,GACCtB,KAAKuB,kBAAoB,IAAIC,EAAkBxB,KAAKM,MAAM,CAACmB,EAAef,KACzEV,KAAK0B,sBAAsBD,EAAef,EAAS,IAGpDV,KAAKuB,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACC7B,KAAKgB,mBACLhB,KAAK8B,oBAAsBC,EAAsB/B,KAAKM,K,CAGvD,oBAAA0B,G,OACCC,EAAAjC,KAAKuB,qBAAiB,MAAAU,SAAA,SAAAA,EAAEC,e,CAGzB,wBAAMC,GACLnC,KAAKO,EAAE6B,gBAAgB,aAAcpC,KAAKqC,YAAcrC,KAAKE,YAC7DF,KAAKO,EAAE6B,gBAAgB,WAAYE,OAAOtC,KAAKuC,WAC/CvC,KAAKgB,kB,CAGN,iBAAAwB,GACCxC,KAAKC,SAAW,I,CAGjB,qBAAAyB,CAAsBD,EAAuBf,GAC5CV,KAAKM,KAAKmC,gBAAgBhB,GAC1BzB,KAAK8B,oBAAmBY,OAAAC,OAAAD,OAAAC,OAAA,GAAO3C,KAAK8B,qBAAmB,CAAEL,CAACA,GAAgBf,G,CAG3E,MAAAkC,GACC,MAAMC,EAAgBC,IACrB,GAAI9C,KAAK+C,QAAS,CACjB,OACC3C,EAAA,SAAO4C,MAAOnC,EAAgBoC,OAC5BH,E,CAIJ,OAAOA,CAAQ,EAGhB,OACC1C,EAAC8C,EAAI,CAACF,MAAOhD,KAAKI,EAAE+C,QAAQtC,EAAgBC,MAAOb,SAAUD,KAAKC,SAAUmD,QAASpD,KAAKoD,QACvFlC,KAAMlB,KAAKkB,KAAME,QAASiC,EAAoBrD,KAAKoB,UACpDyB,EACAzC,EAACkD,EAAQ,KACRlD,EAAA,QAAAsC,OAAAC,OAAA,CACCK,MAAOnC,EAAgB0C,MACvBC,GAAIxD,KAAKqC,YAAcrC,KAAKE,WAC5BuD,KAAK,WACLC,MAAO1D,KAAK0D,MACZC,KAAM3D,KAAK2D,KACXtC,SAAUrB,KAAKqB,SACf+B,QAASpD,KAAKoD,QACdQ,QAAS5D,KAAK6D,eAAeC,KAAK9D,MAClC+D,SAAU/D,KAAKgE,gBAAgBF,KAAK9D,MACpCiE,QAASjE,KAAKkE,eAAeJ,KAAK9D,MAClCmE,OAAQnE,KAAKoE,cAAcN,KAAK9D,MAChCqE,IAAKC,GAAOtE,KAAKuE,SAAWD,EAC5B/B,SAAUvC,KAAKuC,UACXvC,KAAK8B,oBAAmB,gBACd9B,KAAKoD,QAAO,gBACXC,EAAoBrD,KAAKuC,UAAS,eACnCc,EAAoBrD,KAAKoB,SAAQ,gBAChCiC,EAAoBrD,KAAKqB,aAEzCjB,EAAA,YACCA,EAAA,QAAM4C,MAAOnC,EAAgB2D,WAC3BxE,KAAKoD,SAAWhD,EAAA,YAAUuD,KAAK,WAAWF,KAAK,gBAEjDrD,EAAA,QAAMuD,KAAK,a,CAQT,cAAAE,CAAeY,GACtBA,EAAEC,iB,CAGK,cAAAR,CAAeO,GACtBA,EAAEC,kBACF1E,KAAK2E,SAASC,KAAK,CAClBC,UAAWhE,EAAgBC,KAC3BsC,QAASpD,KAAKoD,QACdM,MAAO1D,KAAK0D,MACZoB,cAAeL,G,CAIT,aAAAL,CAAcK,GACrBA,EAAEC,kBACF1E,KAAK+E,QAAQH,KAAK,CACjBC,UAAWhE,EAAgBC,KAC3BsC,QAASpD,KAAKoD,QACdM,MAAO1D,KAAK0D,MACZoB,cAAeL,G,CAIT,eAAAT,CAAgBS,GACvBzE,KAAKoD,QAAWqB,EAAEO,OAA4B5B,QAC9CqB,EAAEC,kBACF1E,KAAKiF,UAAUL,KAAK,CACnBC,UAAWhE,EAAgBC,KAC3BsC,QAASpD,KAAKoD,QACdM,MAAO1D,KAAK0D,MACZoB,cAAeL,G,CAQjB,YAAMS,GACL,OAAOlF,KAAKuE,Q","ignoreList":[]}

package/dist/components/gov-grid-item.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,h as i,d as t}from"./p-42200001.js";import{a as d}from"./p-880743a5.js";import{g as n}from"./p-ea7fdd2e.js";const o=s(class s extends e{constructor(){super();this.__registerHost();this.size="12/12";this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined;this.h=n(this.host)}render(){return i(t,{key:"e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a",class:this.h.classes(d.root),role:"listitem",size:this.size,"size-sm":this.sizeSm,"size-md":this.sizeMd,"size-lg":this.sizeLg,"size-xl":this.sizeXl},i("slot",{key:"53780db95fa728f252302cb86923ad9e9fcd9b66"}))}get host(){return this}},[4,"gov-grid-item",{size:[1],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-grid-item"];s.forEach((s=>{switch(s){case"gov-grid-item":if(!customElements.get(s)){customElements.define(s,o)}break}}))}r();const m=o;const a=r;export{m as GovGridItem,a as defineCustomElement};
+import{p as s,H as e,h as n,d as t}from"./p-42200001.js";import{a as o}from"./p-ea128b8b.js";import{g as i}from"./p-ea7fdd2e.js";const d=s(class s extends e{constructor(){super();this.__registerHost();this.column="12";this.columnSm=undefined;this.columnMd=undefined;this.columnLg=undefined;this.columnXl=undefined;this.row="1";this.rowSm=undefined;this.rowMd=undefined;this.rowLg=undefined;this.rowXl=undefined;this.h=i(this.host)}render(){return n(t,{key:"58d1762c23639140ca76c43b99b6f00451531da9",class:this.h.classes(o.root),role:"listitem"},n("slot",{key:"87b4642506246324607c1ff3c7ca71e98fe5dd0a"}))}get host(){return this}},[4,"gov-grid-item",{column:[1,"col-span"],columnSm:[1,"col-span-sm"],columnMd:[1,"col-span-md"],columnLg:[1,"col-span-lg"],columnXl:[1,"col-span-xl"],row:[1,"row-span"],rowSm:[1,"row-span-sm"],rowMd:[1,"row-span-md"],rowLg:[1,"row-span-lg"],rowXl:[1,"row-span-xl"]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-grid-item"];s.forEach((s=>{switch(s){case"gov-grid-item":if(!customElements.get(s)){customElements.define(s,d)}break}}))}r();const c=d;const m=r;export{c as GovGridItem,m as defineCustomElement};
 //# sourceMappingURL=gov-grid-item.js.map

package/dist/components/gov-grid-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovGridItem","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role","size","sizeSm","sizeMd","sizeLg","sizeXl"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop() readonly size: string = '12/12'\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-sm' }) readonly sizeSm: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-md' }) readonly sizeMd: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-lg' }) readonly sizeLg: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-xl' }) readonly sizeXl: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t\tsize={this.size}\n\t\t\t\tsize-sm={this.sizeSm}\n\t\t\t\tsize-md={this.sizeMd}\n\t\t\t\tsize-lg={this.sizeLg}\n\t\t\t\tsize-xl={this.sizeXl}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uIAQaA,EAAWC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,wCAQgC,Q,wFAP/BC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOP,KAAKC,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,WACLC,KAAMZ,KAAKY,KAAI,UACNZ,KAAKa,OAAM,UACXb,KAAKc,OAAM,UACXd,KAAKe,OAAM,UACXf,KAAKgB,QAEdf,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovGridItem","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\n\t/**\n\t * Connects rows in the grid\n\t */\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\n\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uIAQaA,EAAWC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,0CAQ2D,K,yGAoBH,I,oFA3BvDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8CvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOP,KAAKC,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAA,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-grid.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,d as i}from"./p-42200001.js";import{G as n}from"./p-880743a5.js";import{g as a}from"./p-ea7fdd2e.js";const o=e(class e extends s{constructor(){super();this.__registerHost();this.alignX=undefined;this.alignY=undefined;this.h=a(this.host)}render(){return t(i,{key:"d2f4e42a186e0d8020abc96ef3ca0956e1492d05",class:this.h.classes(n.root),"align-x":this.alignX,"align-y":this.alignY,role:"list"},t("slot",{key:"46c60ccdda81ce271aeaca46bead1bf33e22c041"}))}get host(){return this}},[4,"gov-grid",{alignX:[1,"align-x"],alignY:[1,"align-y"]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-grid"];e.forEach((e=>{switch(e){case"gov-grid":if(!customElements.get(e)){customElements.define(e,o)}break}}))}r();const c=o;const d=r;export{c as GovGrid,d as defineCustomElement};
+import{p as e,H as s,h as t,d as i}from"./p-42200001.js";import{G as n}from"./p-ea128b8b.js";import{g as o}from"./p-ea7fdd2e.js";const d=e(class e extends s{constructor(){super();this.__registerHost();this.columns="12";this.alignItems=undefined;this.justifyItems=undefined;this.gap=undefined;this.h=o(this.host)}render(){return t(i,{key:"7092dda416db17f4137ecd04bea2659dfe76b0e0",class:this.h.classes(n.root),role:"list"},t("slot",{key:"b05231f0b950cd8c6830ee96e3d16e798ed97835"}))}get host(){return this}},[4,"gov-grid",{columns:[513],alignItems:[513,"align-items"],justifyItems:[513,"justify-items"],gap:[513]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-grid"];e.forEach((e=>{switch(e){case"gov-grid":if(!customElements.get(e)){customElements.define(e,d)}break}}))}r();const c=d;const f=r;export{c as GovGrid,f as defineCustomElement};
 //# sourceMappingURL=gov-grid.js.map

package/dist/components/gov-grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovGrid","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","GridClass","root","alignX","alignY","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-x' }) readonly alignX: string\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'align-y' }) readonly alignY: string\n\n\t// vertical / horizontal align\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} align-x={this.alignX} align-y={this.alignY} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uIAQaA,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,0EACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAgBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAUC,MAAK,UAAWV,KAAKW,OAAM,UAAWX,KAAKY,OAAQC,KAAK,QAC7FZ,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovGrid","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","GridClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass, GridSizesType } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Setting the number of grid columns\n\t */\n\t@Prop({ attribute: 'columns', reflect: true }) columns?: string = \"12\";\n\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-items', reflect: true }) alignItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'justify-items', reflect: true }) justifyItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({ attribute: 'gap', reflect: true }) gap?: GridSizesType;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uIAQaA,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,2CASkE,K,yEARjEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAUC,MAAOC,KAAK,QACjDV,EAAA,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-icon.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-a877bf8a.js";const a=o;const t=s;export{a as GovIcon,t as defineCustomElement};
+import{G as o,d as s}from"./p-3c90521b.js";const t=o;const c=s;export{t as GovIcon,c as defineCustomElement};
 //# sourceMappingURL=gov-icon.js.map

package/dist/components/gov-infobar.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as o,d as i}from"./p-42200001.js";import{g as a,c as n}from"./p-ea7fdd2e.js";import{F as c}from"./p-1c1d0bbe.js";import{v as l}from"./p-0b3574c2.js";import{C as r}from"./p-5aad3497.js";import{p as b}from"./p-e0e2e9c1.js";import{A as d,a as h,i as f}from"./p-33d5d1ed.js";import{d as m}from"./p-558cbab0.js";import{d as p}from"./p-a877bf8a.js";const g=b(r,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var v;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(v||(v={}));const u={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const y=t(class t extends e{constructor(){super();this.__registerHost();this.govClose=s(this,"gov-close",7);this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(t){l(g,t,u.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(h)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=f(this.host)}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){const t=o("gov-button",{key:"2d0597a56f6edb97e7feff654ba98885fa48033a",size:"s","aria-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:u.close},o("gov-icon",{key:"c17ba542b02a4910a136eec6cb4556d1857dffb2",name:"x-lg",type:"components"}));return o(i,{key:"d71d1b8ffe158de90f3fb520bd996a8246988d3d",class:this.h.classes(u.root),color:this.color,type:this.type},o("section",Object.assign({key:"12cce82faa13fa39135fe92b0ab61bc2b01fa083",class:u.section},this.inheritedAttributes,{role:this.role}),o("slot",{key:"bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9",name:"icon"}),o("div",{key:"70422e59cb69504d1aca5d45b9f9700b35b344f0",class:u.content},this.h.hasSlot("headline")?o(c,null,o("div",{class:u.headline},o("slot",{name:"headline"}),o("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","aria-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},o("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down",type:"components"}))),o("div",{hidden:!this.toggleContent,"aria-hidden":n(this.toggleContent)},o("slot",null))):o("slot",null)),this.closable&&t))}onCloseHandler(t){this.govClose.emit({component:u.root,ref:this.host,originalEvent:t})}get isBold(){return this.type==="bold"}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-infobar",{color:[1],type:[1],role:[1],accessibleCloseLabel:[1,"accessible-close-label"],accessibleToggleLabel:[1,"accessible-toggle-label"],closable:[4],toggleContent:[32],inheritedAttributes:[32]},undefined,{color:["validateColor"]}]);function j(){if(typeof customElements==="undefined"){return}const t=["gov-infobar","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-infobar":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){p()}break}}))}j();const k=y;const C=j;export{k as GovInfobar,C as defineCustomElement};
+import{p as t,H as e,c as s,h as o,d as i}from"./p-42200001.js";import{g as a,c}from"./p-ea7fdd2e.js";import{F as n}from"./p-1c1d0bbe.js";import{v as l}from"./p-0b3574c2.js";import{C as r}from"./p-5aad3497.js";import{p as b}from"./p-e0e2e9c1.js";import{A as d,a as h,i as f}from"./p-33d5d1ed.js";import{d as m}from"./p-4fba9df0.js";import{d as p}from"./p-3c90521b.js";const v=b(r,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var g;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(g||(g={}));const u={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const y=t(class t extends e{constructor(){super();this.__registerHost();this.govClose=s(this,"gov-close",7);this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(t){l(v,t,u.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(h)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){const t=o("gov-button",{key:"86cbac93b6d258503af7dc3016aeb465b3573072",size:"s","aria-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:u.close},o("gov-icon",{key:"4c6b17d93c677e0ad25afc611cd64d42fb5a7d14",name:"x-lg",type:"components"}));return o(i,{key:"039cb25b798660d17a34e943d63099bdb09a424d",class:this.h.classes(u.root),color:this.color,type:this.type},o("section",Object.assign({key:"68b0cea9fd672762f677019f5762368e9bd97088",class:u.section},this.inheritedAttributes,{role:this.role}),this.h.hasSlot("icon")&&o("span",{key:"6150ac778d70268e75c5c0f9195094ec38869025"},o("slot",{key:"c9992923e5c53a6bcc03ab6bcb69b3aa4ea439b4",name:"icon"})),o("div",{key:"b95e4a257672af49c273972de9ff41433d5e46f8",class:u.content},this.h.hasSlot("headline")?o(n,null,o("div",{class:u.headline},o("slot",{name:"headline"}),o("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","aria-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},o("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down",type:"components"}))),o("div",{hidden:!this.toggleContent,"aria-hidden":c(this.toggleContent)},o("slot",null))):o("slot",null)),this.closable&&t))}onCloseHandler(t){this.govClose.emit({component:u.root,ref:this.host,originalEvent:t})}get isBold(){return this.type==="bold"}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-infobar",{color:[1],type:[1],role:[1],accessibleCloseLabel:[1,"accessible-close-label"],accessibleToggleLabel:[1,"accessible-toggle-label"],closable:[4],toggleContent:[32],inheritedAttributes:[32]},undefined,{color:["validateColor"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-infobar","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-infobar":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){p()}break}}))}k();const j=y;const C=k;export{j as GovInfobar,C as defineCustomElement};
 //# sourceMappingURL=gov-infobar.js.map

package/dist/components/gov-infobar.js.map

@@ -1 +1 @@
-{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","proxyCustomElement","H","constructor","undefined","this","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","stopObserving","removeAttribute","Object","assign","render","closeButton","key","size","accessibleCloseLabel","type","isBold","onCloseHandler","bind","class","name","Host","classes","role","hasSlot","Fragment","accessibleToggleLabel","toggleContent","hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.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-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\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(): void {\n\t\tthis.validateColor(this.color)\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\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"qXAIO,MAAMA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGlG,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,QAAS,uBACTC,SAAU,wBACVC,MAAO,sB,MCHKC,EAAUC,EAAA,MAAAD,UAAAE,EAItB,WAAAC,G,6EASoC,U,UAIO,O,UAIEC,U,0BAIwC,0B,2BAIE,0B,cAQjD,M,mBAEb,M,yBACkB,GAnC1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAsCvB,aAAAC,CAAcC,GACbC,EAAarB,EAAeoB,EAAUhB,EAAaC,K,CAGpD,gBAAAiB,GACCP,KAAKQ,kBAAoB,IAAIC,EAAkBT,KAAKG,MAAM,CAACO,EAAeL,KACzEL,KAAKW,sBAAsBD,EAAeL,EAAS,IAGpDL,KAAKQ,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCd,KAAKI,cAAcJ,KAAKe,OACxBf,KAAKgB,oBAAsBC,EAAsBjB,KAAKG,K,CAGvD,oBAAAe,GACClB,KAAKQ,kBAAkBW,e,CAGxB,qBAAAR,CAAsBD,EAAuBL,GAC5CL,KAAKG,KAAKiB,gBAAgBV,GAC1BV,KAAKgB,oBAAmBK,OAAAC,OAAAD,OAAAC,OAAA,GAAOtB,KAAKgB,qBAAmB,CAAEN,CAACA,GAAgBL,G,CAG3E,MAAAkB,GACC,MAAMC,EACLvB,EAAA,cAAAwB,IAAA,2CAAYC,KAAK,IAAG,aACL1B,KAAK2B,qBACjBC,KAAK,OACLb,MAAOf,KAAK6B,OAAS7B,KAAKe,MAAQ,UAAS,eAC7Bf,KAAK8B,eAAeC,KAAK/B,MACvCgC,MAAO3C,EAAaK,OACtBO,EAAA,YAAAwB,IAAA,2CAAUQ,KAAK,OAAOL,KAAK,gBAI7B,OACC3B,EAACiC,EAAI,CAAAT,IAAA,2CAACO,MAAOhC,KAAKC,EAAEkC,QAAQ9C,EAAaC,MAAOyB,MAAOf,KAAKe,MAAOa,KAAM5B,KAAK4B,MAC7E3B,EAAA,UAAAoB,OAAAC,OAAA,CAAAG,IAAA,2CAASO,MAAO3C,EAAaE,SAAaS,KAAKgB,oBAAmB,CAAEoB,KAAMpC,KAAKoC,OAC9EnC,EAAA,QAAAwB,IAAA,2CAAMQ,KAAK,SACXhC,EAAA,OAAAwB,IAAA,2CAAKO,MAAO3C,EAAaG,SACvBQ,KAAKC,EAAEoC,QAAQ,YACfpC,EAACqC,EAAQ,KACRrC,EAAA,OAAK+B,MAAO3C,EAAaI,UACxBQ,EAAA,QAAMgC,KAAM,aACZhC,EAAA,cACCyB,KAAK,IACLE,KAAK,OACLb,MAAOf,KAAK6B,OAAS7B,KAAKe,MAAQ,UAAS,aAC/Bf,KAAKuC,sBAAqB,eACxB,IAAOvC,KAAKwC,eAAiBxC,KAAKwC,eAEhDvC,EAAA,YAAUgC,KAAMjC,KAAKwC,cAAgB,aAAe,eAAgBZ,KAAK,iBAG3E3B,EAAA,OAAKwC,QAASzC,KAAKwC,cAAa,cAAeE,EAAW1C,KAAKwC,gBAC9DvC,EAAA,eAIFA,EAAA,cAGDD,KAAK2C,UAAYnB,G,CAMtB,cAAAM,CAAec,GACd5C,KAAK6C,SAASC,KAAK,CAClBC,UAAW1D,EAAaC,KACxB0D,IAAKhD,KAAKG,KACV8C,cAAeL,G,CAIjB,UAAIf,GACH,OAAO7B,KAAK4B,OAAS,M","ignoreList":[]}
+{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","proxyCustomElement","H","constructor","undefined","this","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","closeButton","key","size","accessibleCloseLabel","type","isBold","onCloseHandler","bind","class","name","Host","classes","role","hasSlot","Fragment","accessibleToggleLabel","toggleContent","hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.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-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\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(): void {\n\t\tthis.validateColor(this.color)\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\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"gXAIO,MAAMA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGlG,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,QAAS,uBACTC,SAAU,wBACVC,MAAO,sB,MCHKC,EAAUC,EAAA,MAAAD,UAAAE,EAItB,WAAAC,G,6EASoC,U,UAIO,O,UAIEC,U,0BAIwC,0B,2BAIE,0B,cAQjD,M,mBAEb,M,yBACkB,GAnC1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAsCvB,aAAAC,CAAcC,GACbC,EAAarB,EAAeoB,EAAUhB,EAAaC,K,CAGpD,gBAAAiB,GACCP,KAAKQ,kBAAoB,IAAIC,EAAkBT,KAAKG,MAAM,CAACO,EAAeL,KACzEL,KAAKW,sBAAsBD,EAAeL,EAAS,IAGpDL,KAAKQ,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCd,KAAKI,cAAcJ,KAAKe,OACxBf,KAAKgB,oBAAsBC,EAAsBjB,KAAKG,K,CAGvD,oBAAAe,G,OACCC,EAAAnB,KAAKQ,qBAAiB,MAAAW,SAAA,SAAAA,EAAEC,e,CAGzB,qBAAAT,CAAsBD,EAAuBL,GAC5CL,KAAKG,KAAKkB,gBAAgBX,GAC1BV,KAAKgB,oBAAmBM,OAAAC,OAAAD,OAAAC,OAAA,GAAOvB,KAAKgB,qBAAmB,CAAEN,CAACA,GAAgBL,G,CAG3E,MAAAmB,GACC,MAAMC,EACLxB,EAAA,cAAAyB,IAAA,2CAAYC,KAAK,IAAG,aACL3B,KAAK4B,qBACjBC,KAAK,OACLd,MAAOf,KAAK8B,OAAS9B,KAAKe,MAAQ,UAAS,eAC7Bf,KAAK+B,eAAeC,KAAKhC,MACvCiC,MAAO5C,EAAaK,OACtBO,EAAA,YAAAyB,IAAA,2CAAUQ,KAAK,OAAOL,KAAK,gBAI7B,OACC5B,EAACkC,EAAI,CAAAT,IAAA,2CAACO,MAAOjC,KAAKC,EAAEmC,QAAQ/C,EAAaC,MAAOyB,MAAOf,KAAKe,MAAOc,KAAM7B,KAAK6B,MAC7E5B,EAAA,UAAAqB,OAAAC,OAAA,CAAAG,IAAA,2CAASO,MAAO5C,EAAaE,SAAaS,KAAKgB,oBAAmB,CAAEqB,KAAMrC,KAAKqC,OAC7ErC,KAAKC,EAAEqC,QAAQ,SACfrC,EAAA,QAAAyB,IAAA,4CACCzB,EAAA,QAAAyB,IAAA,2CAAMQ,KAAK,UAGbjC,EAAA,OAAAyB,IAAA,2CAAKO,MAAO5C,EAAaG,SACvBQ,KAAKC,EAAEqC,QAAQ,YACfrC,EAACsC,EAAQ,KACRtC,EAAA,OAAKgC,MAAO5C,EAAaI,UACxBQ,EAAA,QAAMiC,KAAM,aACZjC,EAAA,cACC0B,KAAK,IACLE,KAAK,OACLd,MAAOf,KAAK8B,OAAS9B,KAAKe,MAAQ,UAAS,aAC/Bf,KAAKwC,sBAAqB,eACxB,IAAOxC,KAAKyC,eAAiBzC,KAAKyC,eAEhDxC,EAAA,YAAUiC,KAAMlC,KAAKyC,cAAgB,aAAe,eAAgBZ,KAAK,iBAG3E5B,EAAA,OAAKyC,QAAS1C,KAAKyC,cAAa,cAAeE,EAAW3C,KAAKyC,gBAC9DxC,EAAA,eAIFA,EAAA,cAGDD,KAAK4C,UAAYnB,G,CAMtB,cAAAM,CAAec,GACd7C,KAAK8C,SAASC,KAAK,CAClBC,UAAW3D,EAAaC,KACxB2D,IAAKjD,KAAKG,KACV+C,cAAeL,G,CAIjB,UAAIf,GACH,OAAO9B,KAAK6B,OAAS,M","ignoreList":[]}

package/dist/components/gov-layout-column.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as o}from"./p-42200001.js";import{a as c}from"./p-13ebd887.js";import{g as n}from"./p-ea7fdd2e.js";const a=e(class e extends t{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return s(o,{key:"ebef4ca76b1308a566c862b5a49eecf1eb3fce99",class:this.h.classes(c.root)},s("slot",{key:"aaeefeb1a56b294d91b1327fd52eb16486cfb918"}))}get host(){return this}},[4,"gov-layout-column"]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-layout-column"];e.forEach((e=>{switch(e){case"gov-layout-column":if(!customElements.get(e)){customElements.define(e,a)}break}}))}r();const u=a;const f=r;export{u as GovLayoutColumn,f as defineCustomElement};
+import{p as t,H as s,h as o,d as e}from"./p-42200001.js";import{a as c}from"./p-13ebd887.js";import{g as n}from"./p-ea7fdd2e.js";const r=t(class t extends s{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return o(e,{key:"d312c9ffd071d7f002ed74095279ac3c1c549c48",class:this.h.classes(c.root)},o("slot",{key:"c57685e71dc20fb558a3b9c21ff2456906130b54"}))}get host(){return this}},[4,"gov-layout-column"]);function u(){if(typeof customElements==="undefined"){return}const t=["gov-layout-column"];t.forEach((t=>{switch(t){case"gov-layout-column":if(!customElements.get(t)){customElements.define(t,r)}break}}))}u();const a=r;const f=u;export{a as GovLayoutColumn,f as defineCustomElement};
 //# sourceMappingURL=gov-layout-column.js.map

package/dist/components/gov-layout.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,h as e,d as o}from"./p-42200001.js";import{L as c}from"./p-13ebd887.js";import{g as n}from"./p-ea7fdd2e.js";const i=s(class s extends t{constructor(){super();this.__registerHost();this.type="stretch";this.variant=undefined;this.inverse=false;this.h=n(this.host)}typeClass(s,t,e,o){const c=t?"-"+t:"";const n=e?"-"+e:"";const i=o?"-inverse":"";return s+" "+s+c+n+i}render(){return e(o,{key:"c35fc39e07229363bdf36be5856165e7e8eb7985",type:this.type,class:this.h.classes(c.root)},e("section",{key:"dc50cf9cba8bd4e879291fddfbd41955f2d10330",class:this.typeClass(c.section,this.type,this.variant,this.inverse)},e("slot",{key:"017a329c119529d3893e187b6a8bbccfbbc76679"})))}get host(){return this}},[4,"gov-layout",{type:[1],variant:[1],inverse:[4]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-layout"];s.forEach((s=>{switch(s){case"gov-layout":if(!customElements.get(s)){customElements.define(s,i)}break}}))}r();const a=i;const d=r;export{a as GovLayout,d as defineCustomElement};
+import{p as s,H as t,h as e,d as o}from"./p-42200001.js";import{L as c}from"./p-13ebd887.js";import{g as n}from"./p-ea7fdd2e.js";const i=s(class s extends t{constructor(){super();this.__registerHost();this.type="stretch";this.variant=undefined;this.inverse=false;this.h=n(this.host)}typeClass(s,t,e,o){const c=t?"-"+t:"";const n=e?"-"+e:"";const i=o?"-inverse":"";return s+" "+s+c+n+i}render(){return e(o,{key:"2683ce4af13c8862c4cb671735c30ed630c9b452",type:this.type,class:this.h.classes(c.root)},e("section",{key:"48f71de1a388997388849018cf93bb8e305d51f9",class:this.typeClass(c.section,this.type,this.variant,this.inverse)},e("slot",{key:"f4955f6e169d0fbc55a74ae8759ab5e82dc24f71"})))}get host(){return this}},[4,"gov-layout",{type:[1],variant:[1],inverse:[4]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-layout"];s.forEach((s=>{switch(s){case"gov-layout":if(!customElements.get(s)){customElements.define(s,i)}break}}))}r();const a=i;const f=r;export{a as GovLayout,f as defineCustomElement};
 //# sourceMappingURL=gov-layout.js.map

package/dist/components/gov-lifecycle.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as n,d as c}from"./p-42200001.js";import{a as t}from"./p-cd6c2938.js";const s=e(class e extends o{constructor(){super();this.__registerHost();this.uniqueId="lifecycle-"+t()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return n(c,{key:"506eabaae01ae888fa838c10572e55bbe6fb7015",identifier:this.uniqueId},n("span",{key:"7604a29214fdffb1a470d83d7db37a583e5072ed"},"lifecycle ",this.uniqueId))}},[0,"gov-lifecycle"]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-lifecycle"];e.forEach((e=>{switch(e){case"gov-lifecycle":if(!customElements.get(e)){customElements.define(e,s)}break}}))}l();const i=s;const d=l;export{i as GovLifecycle,d as defineCustomElement};
+import{p as e,H as o,h as n,d as c}from"./p-42200001.js";import{a as t}from"./p-cd6c2938.js";const s=e(class e extends o{constructor(){super();this.__registerHost();this.uniqueId="lifecycle-"+t()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return n(c,{key:"556587d121852458ea1bb0aefb93e370db14854c",identifier:this.uniqueId},n("span",{key:"d61e27a4e6cff37986e9494576b58adca98bb755"},"lifecycle ",this.uniqueId))}},[0,"gov-lifecycle"]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-lifecycle"];e.forEach((e=>{switch(e){case"gov-lifecycle":if(!customElements.get(e)){customElements.define(e,s)}break}}))}l();const i=s;const d=l;export{i as GovLifecycle,d as defineCustomElement};
 //# sourceMappingURL=gov-lifecycle.js.map

package/dist/components/gov-link.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,d as i}from"./p-42200001.js";import{p as o}from"./p-e0e2e9c1.js";import{S as n}from"./p-92f420cb.js";import{g as r}from"./p-ea7fdd2e.js";import{v as a}from"./p-0b3574c2.js";import{i as c}from"./p-33d5d1ed.js";import{d as h}from"./p-a877bf8a.js";const f=o(n,["_S","_M","_L"]);const m={root:"gov-link"};const d=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.external=false;this.href=undefined;this.target=undefined;this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){a(f,t,m.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=c(this.host)}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){return s(i,{key:"233af48c179501fe03ee2e5931806e1955913b59",class:this.h.classes(m.root),size:this.size,href:this.href,external:this.external},s("a",Object.assign({key:"679067805205d76500979620b1ef4405139bb339",class:"element",href:this.href,target:this.target},this.inheritedAttributes),s("slot",{key:"d24c4ab99451f317a453c8131bd0506606322553",name:"icon-start"}),s("slot",{key:"276923f48cdc13985115e8d4e8860a2fb0c692e2"}),this.external?s("gov-icon",{name:"box-arrow-up-right",type:"components"}):s("slot",{name:"icon-end"})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-link",{size:[1],external:[4],href:[1],target:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"]}]);function l(){if(typeof customElements==="undefined"){return}const t=["gov-link","gov-icon"];t.forEach((t=>{switch(t){case"gov-link":if(!customElements.get(t)){customElements.define(t,d)}break;case"gov-icon":if(!customElements.get(t)){h()}break}}))}l();const p=d;const b=l;export{p as GovLink,b as defineCustomElement};
+import{p as e,H as t,h as s,d as i}from"./p-42200001.js";import{p as a}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";import{g as n}from"./p-ea7fdd2e.js";import{v as o}from"./p-0b3574c2.js";import{i as r}from"./p-33d5d1ed.js";import{d as f}from"./p-3c90521b.js";const h=a(c,["_S","_M","_L"]);const d={root:"gov-link",external:"gov-link--external"};const l=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.external=false;this.href=undefined;this.target=undefined;this.inheritedAttributes={};this.h=n(this.host)}validateSize(e){o(h,e,d.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=r(this.host)}onAriaAttributeChange(e,t){this.host.removeAttribute(e);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[e]:t})}render(){return s(i,{key:"7aef45575f952100a25a516df44a62337fbdf1e1",class:this.h.classes(d.root),size:this.size,href:this.href,external:this.external},s("a",Object.assign({key:"cba0aac863ce6dae404356cd960c6782e418d856",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),s("slot",{key:"b3379f496c8d5f163ffa9f6a58655666e1c23e54",name:"icon-start"}),s("span",{key:"385c05b3c80e93678c5525609c477c7c157f9f44"},s("slot",{key:"a67cbe6a79e0eafa287ca32984061c4000b19cf5"})),s("slot",{key:"6696335405444439c32fb8b9817926a40fc7a48c",name:"icon-end"}),this.external&&s("gov-icon",{key:"4773079d84ca23e0000ae31fca59d09e95d1f45f",name:"box-arrow-up-right",type:"components",size:this.size,class:d.external})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-link",{size:[1],external:[4],href:[1],target:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"]}]);function m(){if(typeof customElements==="undefined"){return}const e=["gov-link","gov-icon"];e.forEach((e=>{switch(e){case"gov-link":if(!customElements.get(e)){customElements.define(e,l)}break;case"gov-icon":if(!customElements.get(e)){f()}break}}))}m();const p=l;const b=m;export{p as GovLink,b as defineCustomElement};
 //# sourceMappingURL=gov-link.js.map