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

package/dist/esm/gov-form-multi-select.entry.js

@@ -0,0 +1,268 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { g as govForm, c as FormMultiSelectClass, d as FormMultiselectSizes } from './form-DvhJiKwA.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { c as createID, r as removeDiacritics } from './string.utils-vN03FcXN.js';
+import { p as propsValueToArray } from './array.utils-CJ0U_ONv.js';
+import { t as tick } from './stencil.utils-Cjg0wpDG.js';
+import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
+import './sizes-BcQO4NH2.js';
+import './utils-CQvUntGY.js';
+import './constants-BegH8u6i.js';
+import './colors-U40vKHrs.js';
+import './constants-aqe7GX2n.js';
+import './constants-CysDgoMA.js';
+import './gov.log-BtqD9K8d.js';
+import './helpers.types-DNztiAH0.js';
+
+const GovFormMultiSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govFocus = createEvent(this, "gov-focus");
+        this.govBlur = createEvent(this, "gov-blur");
+        this.govChange = createEvent(this, "gov-change");
+        this.govSelect = createEvent(this, "gov-select");
+        this.govRemove = createEvent(this, "gov-remove");
+        /**
+         * Select’s size.
+         */
+        this.size = 'm';
+        /**
+         * Option to hide the list of selected items
+         */
+        this.hideSelectedList = false;
+        /**
+         * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
+         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
+         */
+        this.required = false;
+        /**
+         * Makes the select component disabled.
+         * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
+         */
+        this.disabled = false;
+        /**
+         * Custom message for when there is a blank sheet
+         */
+        this.messageEmpty = 'Nebyly nalezeny žádné výsledky';
+        /**
+         * Custom message for when data is loaded
+         */
+        this.messageLoading = 'Načítám...';
+        this.selectedOptionsState = [];
+        this.optionsState = [];
+        this.inheritedAttributes = {};
+        this.selectId = createID('GovSelect');
+        this.listId = createID('GovMultiList');
+        this.h = govHost(this.host);
+        this.f = govForm(this.h);
+    }
+    validateSize(newValue) {
+        validateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root);
+    }
+    watchOptions(newValue) {
+        this.optionsState = propsValueToArray(newValue);
+    }
+    watchValue(newValue) {
+        this.selectedOptionsState = propsValueToArray(newValue);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+        this.initAutocomplete();
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.optionsState = propsValueToArray(this.options);
+        this.selectedOptionsState = propsValueToArray(this.value);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    getAvailableOptions(ignoreFilter = false) {
+        if (Array.isArray(this.optionsState) && this.optionsState.length) {
+            if (ignoreFilter) {
+                return this.optionsState;
+            }
+            return this.optionsState.filter((option) => {
+                const selectedIndex = this.selectedValueIndex(option.value);
+                return (selectedIndex !== -1 || (option === null || option === void 0 ? void 0 : option.disabled)) ? false : true;
+            }).map((option) => { var _a; return ({ name: (_a = option.label) !== null && _a !== void 0 ? _a : option.value, value: option.value }); });
+        }
+        return Array.from(this.selectRef.querySelectorAll('option'))
+            .filter((option) => {
+            if (ignoreFilter) {
+                return true;
+            }
+            const selectedIndex = this.selectedValueIndex(option.value);
+            return !(option.disabled || option.selected || selectedIndex > -1);
+        })
+            .map((option) => ({ name: option.textContent, value: option.value }));
+    }
+    initAutocomplete() {
+        var _a, _b, _c, _d, _e;
+        (_a = this.autocompleteRef) === null || _a === void 0 ? void 0 : _a.addEventListener('gov-select', this.onSelectHandler.bind(this));
+        (_b = this.autocompleteRef) === null || _b === void 0 ? void 0 : _b.addEventListener('gov-input', this.onInputHandler.bind(this));
+        (_c = this.autocompleteRef) === null || _c === void 0 ? void 0 : _c.addEventListener('gov-focus', this.onFocusHandler.bind(this));
+        (_d = this.autocompleteRef) === null || _d === void 0 ? void 0 : _d.addEventListener('gov-blur', this.onBlurHandler.bind(this));
+        (_e = this.autocompleteRef) === null || _e === void 0 ? void 0 : _e.setSearchCallback(searchString => {
+            return new Promise(resolve => {
+                const data = this.getAvailableOptions();
+                if (String(searchString).length === 0) {
+                    return resolve(data);
+                }
+                resolve(data.filter(({ label, value }) => {
+                    if (!label)
+                        label = value;
+                    return removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1;
+                }));
+            });
+        }).finally();
+    }
+    selectedValueIndex(value) {
+        return this.selectedOptionsState.findIndex((selected) => selected === value);
+    }
+    getOptionElement(value) {
+        return this.selectRef.querySelector('option[value="' + value + '"]');
+    }
+    getOption(value) {
+        var _a;
+        return (_a = this.getAvailableOptions(true).find((option) => option.value === value)) !== null && _a !== void 0 ? _a : null;
+    }
+    selectOption(newOption, notify = true) {
+        const index = this.selectedValueIndex(newOption);
+        if (index === -1) {
+            this.selectedOptionsState = [...this.selectedOptionsState, newOption];
+            this.value = this.selectedOptionsState;
+            if (notify) {
+                this.govChange.emit({
+                    component: FormMultiSelectClass.root,
+                    value: this.selectedOptionsState,
+                });
+                this.govSelect.emit({
+                    component: FormMultiSelectClass.root,
+                    value: this.selectedOptionsState,
+                });
+            }
+            const option = this.getOptionElement(newOption);
+            if (option) {
+                option.selected = true;
+            }
+        }
+    }
+    removeOption(removeOption, notify = true) {
+        const index = this.selectedValueIndex(removeOption);
+        if (index !== -1) {
+            this.selectedOptionsState.splice(index, 1);
+            this.selectedOptionsState = [...this.selectedOptionsState];
+            this.value = this.selectedOptionsState;
+            if (notify) {
+                this.govChange.emit({
+                    component: FormMultiSelectClass.root,
+                    value: this.selectedOptionsState,
+                });
+                this.govRemove.emit({
+                    component: FormMultiSelectClass.root,
+                    value: this.selectedOptionsState,
+                });
+            }
+            const option = this.getOptionElement(removeOption);
+            if (option) {
+                option.selected = false;
+            }
+        }
+    }
+    async componentDidRender() {
+        this.f.passAttrToLabel('required', String(this.required));
+        tick(() => {
+            this.selectRef.querySelectorAll('option').forEach((option) => {
+                if (option.selected) {
+                    this.selectOption(option.value, false);
+                }
+            });
+        });
+    }
+    render() {
+        return (h(Host, { key: '00de4cfbb82c004cae37353e271f8535fe46775e', class: FormMultiSelectClass.root, size: this.size }, h("div", { key: '7e35ab7e890edf08ae084fc65812755645e32771', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && h("slot", { key: '9b95a1b803f3eba9470b0dffd2cacd16462b1dfe', name: "prefix" }), h("gov-form-autocomplete", { key: 'a5e6f7740ff1ea946e2efcbb122ee3c350f3d79c', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && h("gov-icon", { key: '56520f21509ed79d828848f713af383fafe8e47a', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '1f8f2e059a5c8c30ae0644435f591f7cb70e0930', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: 'e6996c534d4c8bda09f365336160dfe552f8a4a0', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), h("select", Object.assign({ key: '69a0ec03bc00ee1b7e85f1655a7033f587ea553f', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '95ccf066ef3585b5c3dc58441e74d70152c0fffb' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+            var _a;
+            const selectedOption = this.selectedValueIndex(option.value);
+            return (h("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
+        })), this.h.hasSlot('sufix') && h("slot", { key: 'e07e4cd61da18737a4373fd4badc72c9ae3dab30', name: "sufix" })), this.hideSelectedList === false ? (h("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+            var _a;
+            const option = this.getOption(selected);
+            if (!option)
+                return null;
+            return (h("li", { class: FormMultiSelectClass.item, role: "option" }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value, h("gov-button", { "aria-label": `Odebrat vybranou položku ${option.label}`, color: "primary", type: "base", size: this.size, "on-gov-click": () => this.onTagRemove(selected) }, h("gov-icon", { name: "x-lg", type: "components" }))));
+        }))) : null));
+    }
+    onFocusHandler(e) {
+        e.stopPropagation();
+        this.focused = true;
+        this.govFocus.emit({
+            component: FormMultiSelectClass.root,
+            originalEvent: e,
+            value: this.selectedOptionsState,
+        });
+    }
+    onBlurHandler(e) {
+        e.stopPropagation();
+        e.stopPropagation();
+        this.focused = false;
+        this.govBlur.emit({
+            component: FormMultiSelectClass.root,
+            originalEvent: e,
+            value: this.selectedOptionsState,
+        });
+    }
+    onInputHandler(e) {
+        this.valueState = e.detail.value;
+        e.stopPropagation();
+    }
+    onSelectHandler(e) {
+        e.stopPropagation();
+        const value = e.detail.selected;
+        this.selectOption(value.value);
+        this.valueState = '';
+        this.autocompleteRef.clearValue().finally();
+        this.autocompleteRef.focus();
+    }
+    onTagRemove(removeOption) {
+        this.removeOption(removeOption);
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async setFocus(options) {
+        return this.selectRef.focus(options);
+    }
+    /**
+     * Sets the ordered value of the element
+     */
+    async setValue(value) {
+        this.valueState = value;
+    }
+    /**
+     * Returns an instance of the native html select element
+     */
+    async getRef() {
+        return this.selectRef;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "options": ["watchOptions"],
+        "value": ["watchValue"]
+    }; }
+};
+
+export { GovFormMultiSelect as gov_form_multi_select };
+//# sourceMappingURL=gov-form-multi-select.entry.js.map
+
+//# sourceMappingURL=gov-form-multi-select.entry.js.map

package/dist/esm/gov-form-multi-select.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-multi-select.entry.js","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}`}\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"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-password-power.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h, H as Host } from './index-ClISz4NF.js';
+
+const FormPasswordPowerClass = {
+    root: 'gov-form-password-power',
+    bar: 'gov-form-password-power__bar',
+    text: 'gov-form-password-power__text',
+};
+
+const GovFormPasswordPower = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '259a9deb3c0ee50d133d51185e0a4f32fb7bbb22', class: FormPasswordPowerClass.root }, h("span", { key: '28ef4f7e8a3588929e5a58d7c2a0c1c5e792a4e5', class: FormPasswordPowerClass.bar }, h("span", { key: '84430e3aa8975955a1d071b6c55ef92dabdb9da5' }), h("span", { key: '3a3b278664a4d5713a6e88e263d339d5787ed719' }), h("span", { key: 'b524dfa5680ce613cfbdbb6b2796c9c2d22ab82d' })), h("span", { key: '64ad4e07768ffe8fb91bf2441a043347a0d40a68', class: FormPasswordPowerClass.text }, h("slot", { key: 'd3ec539e4e3fae3a60b4c42432563c250e571bdf' }))));
+    }
+};
+
+export { GovFormPasswordPower as gov_form_password_power };
+//# sourceMappingURL=gov-form-password-power.entry.js.map
+
+//# sourceMappingURL=gov-form-password-power.entry.js.map

package/dist/esm/gov-form-password-power.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-password-power.entry.js","sources":["../../../packages/core/src/components/gov-form/password-power/constants.ts","../../../packages/core/src/components/gov-form/password-power/gov-form-password-power.tsx"],"sourcesContent":["export const FormPasswordPowerClass = {\n\troot: 'gov-form-password-power',\n    bar: 'gov-form-password-power__bar',\n    text: 'gov-form-password-power__text',\n}\n","import {Component, h, Host, Prop} from '@stencil/core'\nimport {FormPasswordPowerClass} from './constants'\n\n@Component({\n\ttag: 'gov-form-password-power',\n})\nexport class GovFormPasswordPower {\n\t/**\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\n\t */\n\t@Prop({reflect: true}) readonly power: number\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormPasswordPowerClass.root}>\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AACrC,IAAA,IAAI,EAAE,yBAAyB;AAC5B,IAAA,GAAG,EAAE,8BAA8B;AACnC,IAAA,IAAI,EAAE,+BAA+B;CACxC;;MCEY,oBAAoB,GAAA,MAAA;;;;IAMhC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAA,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtC,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACF;;;;;;"}

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

@@ -0,0 +1,78 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { d as FormRadioGroupClass, F as FormGroupClass, a as FormGroupSizes, b as FormGroupOrientation } from './constants-Du0ZtfYe.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { t as tick } from './stencil.utils-Cjg0wpDG.js';
+import './utils-CQvUntGY.js';
+import './sizes-BcQO4NH2.js';
+import './gov.log-BtqD9K8d.js';
+
+const govFormGroupCss = "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 GovFormRadioGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govChange = createEvent(this, "gov-change");
+        /**
+         * Gap's size.
+         */
+        this.gap = undefined;
+        /**
+         * Elements orientation
+         */
+        this.orientation = 'vertical';
+        /**
+         * Group's value
+         */
+        this.value = undefined;
+        this.handleChange = (event) => {
+            event.stopPropagation();
+            this.value = event.detail.value;
+            this.govChange.emit({
+                value: this.value,
+                component: FormRadioGroupClass.root,
+            });
+        };
+        this.h = govHost(this.host);
+    }
+    validateGap(newValue) {
+        if (newValue) {
+            validateProp(FormGroupSizes, newValue, FormGroupClass.root);
+        }
+    }
+    validateOrientation(newValue) {
+        if (newValue) {
+            validateProp(FormGroupOrientation, newValue, FormGroupClass.root);
+        }
+    }
+    componentWillLoad() {
+        this.validateGap(this.gap);
+        this.validateOrientation(this.orientation);
+    }
+    componentDidRender() {
+        tick(() => this.rerenderComponent());
+    }
+    rerenderComponent() {
+        this.host.querySelectorAll('gov-form-radio').forEach((element) => {
+            if (!element.hasAttribute('listener-attached')) {
+                element.addEventListener('gov-change', this.handleChange);
+            }
+            element.setAttribute('listener-attached', 'true');
+            element.checked = element.value === this.value;
+        });
+    }
+    render() {
+        return (h(Host, { key: 'e0f85e28552b3620666e4e857a96f7492f2aeb58', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '4ac20b47a4f0073b8accf8dc3e3ce75f8cbddc56' })));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "gap": ["validateGap"],
+        "orientation": ["validateOrientation"]
+    }; }
+};
+GovFormRadioGroup.style = govFormGroupCss;
+
+export { GovFormRadioGroup as gov_form_radio_group };
+//# sourceMappingURL=gov-form-radio-group.entry.js.map
+
+//# sourceMappingURL=gov-form-radio-group.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-radio-group.entry.js","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 Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\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"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,ssEAAssE;;MCoBjtE,iBAAiB,GAAA,MAAA;AAG7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKA;;AAEG;AACc,QAAA,IAAG,CAAA,GAAA,GAAwB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;AACpE;;AAEG;AACwC,QAAA,IAAK,CAAA,KAAA,GAAY,SAAS;AAoBrE,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAkC,KAAI;YACrD,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI;AACnC,aAAA,CAAC;AACH,SAAC;QA1CA,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC3B,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;AAK7D,IAAA,mBAAmB,CAAC,QAAgB,EAAA;QACnC,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,oBAAoB,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;;IAanE,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;;IAG3C,kBAAkB,GAAA;QACjB,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;;IAGrC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;YAChE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE;gBAC/C,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC;;AAE1D,YAAA,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC;YACjD,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;AAC/C,SAAC,CAAC;;IAGH,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjF,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;"}

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

@@ -0,0 +1,145 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { c as createID } from './string.utils-vN03FcXN.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { g as govForm, e as FormRadioClass, f as FormRadioSizes } from './form-DvhJiKwA.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
+import { F as Fragment } from './Fragment-5itQzbON.js';
+import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
+import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
+import './gov.log-BtqD9K8d.js';
+import './utils-CQvUntGY.js';
+import './sizes-BcQO4NH2.js';
+import './constants-BegH8u6i.js';
+import './colors-U40vKHrs.js';
+import './constants-aqe7GX2n.js';
+import './constants-CysDgoMA.js';
+
+const GovFormRadio = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govFocus = createEvent(this, "gov-focus");
+        this.govBlur = createEvent(this, "gov-blur");
+        this.govChange = createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * When you can't use the form label.
+         */
+        this.noLabel = false;
+        /**
+         * Radio button state
+         */
+        this.checked = false;
+        /**
+         * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
+         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
+         */
+        this.required = false;
+        /**
+         * Makes the radio component disabled.
+         * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.
+         */
+        this.disabled = false;
+        /**
+         * Radio's size.
+         */
+        this.size = "m";
+        this.inheritedAttributes = {};
+        this.radioId = createID("GovRadio");
+        this.h = govHost(this.host);
+        this.f = govForm(this.h);
+    }
+    validateSize(newValue) {
+        validateProp(FormRadioSizes, newValue, FormRadioClass.root);
+    }
+    watchControlAttrs() {
+        this.passControlAttrs();
+    }
+    passControlAttrs() {
+        this.f.passAttrToControl("size", this.size);
+        this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+        this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+        this.f.passAttrToControl("type", "radio");
+    }
+    componentWillLoad() {
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    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 _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    render() {
+        const wrapRadio = (children) => {
+            if (this.noLabel) {
+                return h("label", { class: FormRadioClass.label }, children);
+            }
+            return children;
+        };
+        return (h(Host, { class: FormRadioClass.root, hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapRadio(h(Fragment, null, h("input", Object.assign({ class: FormRadioClass.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: el => (this.inputRef = el), required: this.required }, this.inheritedAttributes, { "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), h("span", null, h("slot", { name: "label" }))))));
+    }
+    onClickHandler(e) {
+        e.stopPropagation();
+    }
+    onFocusHandler(e) {
+        e.stopPropagation();
+        this.govFocus.emit({
+            component: FormRadioClass.root,
+            value: this.value,
+            checked: this.checked,
+            originalEvent: e,
+        });
+    }
+    onBlurHandler(e) {
+        e.stopPropagation();
+        this.govBlur.emit({
+            component: FormRadioClass.root,
+            value: this.value,
+            checked: this.checked,
+            originalEvent: e,
+        });
+    }
+    onChangeHandler(e) {
+        this.checked = e.target.checked;
+        e.stopPropagation();
+        this.govChange.emit({
+            component: FormRadioClass.root,
+            value: this.value,
+            checked: this.checked,
+            originalEvent: e,
+        });
+    }
+    /**
+     * Returns the reference of the native element
+     */
+    async getRef() {
+        return this.inputRef;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize", "watchControlAttrs"],
+        "disabled": ["watchControlAttrs"],
+        "invalid": ["watchControlAttrs"]
+    }; }
+};
+
+export { GovFormRadio as gov_form_radio };
+//# sourceMappingURL=gov-form-radio.entry.js.map
+
+//# sourceMappingURL=gov-form-radio.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-radio.entry.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAiBa,YAAY,GAAA,MAAA;AASxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAcxB;;AAEG;AACqC,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAChE;;AAEG;AACmC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AACrD;;;AAGG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAC1C;;;AAGG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAKzD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAwB,GAAG;AAkCvC,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;AAtE5C,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC;QAEnC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB;AAuDD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;IAM5D,iBAAiB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;;IAKhB,gBAAgB,GAAA;QACvB,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AAC3C,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC;;IAI1C,iBAAiB,GAAA;QAChB,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC;;AAGtD,IAAA,MAAM,kBAAkB,GAAA;AACvB,QAAA,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC;AACrE,QAAA,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,EAAE;;IAGxB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,MAAM,GAAA;AACL,QAAA,MAAM,SAAS,GAAG,CAAC,QAAQ,KAAI;AAC9B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,gBAAA,OAAO,CAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,cAAc,CAAC,KAAK,EAAA,EAAG,QAAQ,CAAS;;AAE9D,YAAA,OAAO,QAAQ;AAChB,SAAC;QAED,QACC,CAAC,CAAA,IAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAC9F,OAAO,EAAE,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,IAC3C,SAAS,CACT,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EACnC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAAsB,CAAC,EACnD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACnB,EAAA,IAAI,CAAC,mBAAmB,EACd,EAAA,cAAA,EAAA,IAAI,CAAC,OAAO,EACX,eAAA,EAAA,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACnC,cAAA,EAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAChC,eAAA,EAAA,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAChD,CAAA,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,IAAA,EACC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAA,CAAE,CACd,CACG,CACX,CACK;;AAID,IAAA,cAAc,CAAC,CAAe,EAAA;QACrC,CAAC,CAAC,eAAe,EAAE;;AAGZ,IAAA,cAAc,CAAC,CAAa,EAAA;QACnC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,aAAa,CAAC,CAAa,EAAA;QAClC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGK,IAAA,eAAe,CAAC,CAAQ,EAAA;QAC/B,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO;QACrD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YACnB,SAAS,EAAE,cAAc,CAAC,IAAI;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,aAAa,EAAE,CAAC;AAChB,SAAA,CAAC;;AAGH;;AAEG;AAEH,IAAA,MAAM,MAAM,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ;;;;;;;;;;;;"}