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

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

@@ -1,270 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var form = require('./form-GgXzZZ-E.js');
-var template = require('./template-Cj6PcLmR.js');
-var props = require('./props-CPENhBnM.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var array_utils = require('./array.utils-DOh1gCQS.js');
-var stencil_utils = require('./stencil.utils-8sCYbm34.js');
-var attribute = require('./attribute-CH1-zDDl.js');
-require('./sizes-D5zsw2g5.js');
-require('./utils-NnC78QR3.js');
-require('./constants-DcKnOyW4.js');
-require('./colors-DgrrxjsX.js');
-require('./constants-CFAhiwqu.js');
-require('./constants-357ehBFU.js');
-require('./gov.log-C5EH15b_.js');
-require('./helpers.types-vap8QfRH.js');
-
-const GovFormMultiSelect = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govFocus = index.createEvent(this, "gov-focus");
-        this.govBlur = index.createEvent(this, "gov-blur");
-        this.govChange = index.createEvent(this, "gov-change");
-        this.govSelect = index.createEvent(this, "gov-select");
-        this.govRemove = index.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 = string_utils.createID('GovSelect');
-        this.listId = string_utils.createID('GovMultiList');
-        this.h = template.govHost(this.host);
-        this.f = form.govForm(this.h);
-    }
-    validateSize(newValue) {
-        props.validateProp(form.FormMultiselectSizes, newValue, form.FormMultiSelectClass.root);
-    }
-    watchOptions(newValue) {
-        this.optionsState = array_utils.propsValueToArray(newValue);
-    }
-    watchValue(newValue) {
-        this.selectedOptionsState = array_utils.propsValueToArray(newValue);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-        this.initAutocomplete();
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.optionsState = array_utils.propsValueToArray(this.options);
-        this.selectedOptionsState = array_utils.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 string_utils.removeDiacritics(label).toLowerCase().indexOf(string_utils.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: form.FormMultiSelectClass.root,
-                    value: this.selectedOptionsState,
-                });
-                this.govSelect.emit({
-                    component: form.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: form.FormMultiSelectClass.root,
-                    value: this.selectedOptionsState,
-                });
-                this.govRemove.emit({
-                    component: form.FormMultiSelectClass.root,
-                    value: this.selectedOptionsState,
-                });
-            }
-            const option = this.getOptionElement(removeOption);
-            if (option) {
-                option.selected = false;
-            }
-        }
-    }
-    async componentDidRender() {
-        this.f.passAttrToLabel('required', String(this.required));
-        stencil_utils.tick(() => {
-            this.selectRef.querySelectorAll('option').forEach((option) => {
-                if (option.selected) {
-                    this.selectOption(option.value, false);
-                }
-            });
-        });
-    }
-    render() {
-        return (index.h(index.Host, { key: 'b5f6643779e88a7fd84c50e0e28a2e3df55ef5b1', class: form.FormMultiSelectClass.root, size: this.size }, index.h("div", { key: 'eac5219ecea75ffa80cf00e2ea7b657d011a4364', class: form.FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && index.h("slot", { key: '043326a3213e27ba4bd82fc07d807f5385cad621', name: "prefix" }), index.h("gov-form-autocomplete", { key: '908d9dd75e8eccf489bf02c38830742119f3f5a8', 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 && index.h("gov-icon", { key: '5462998619176ad9b9fb64bb4cbfa64640b1882b', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && index.h("gov-icon", { key: '927ab032bef36a8de9dcbdc0b04fb9ba788ff3ef', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), index.h("gov-icon", { key: '92064ab6e3af5b2614eabe328795602613e06fdb', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), index.h("select", Object.assign({ key: 'e344464b72f03ab9cf5e9ccdbd5caaff913774f9', hidden: true, class: 'hidden-select-list', "aria-hidden": template.toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": template.toBoolAttrIfDefined(this.disabled), "aria-required": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid) }), index.h("slot", { key: 'b7713729d23f54f2f7d9489bd816237565b87d43' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
-            var _a;
-            const selectedOption = this.selectedValueIndex(option.value);
-            return (index.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') && index.h("slot", { key: 'ae1452913889844708b397d9d6e66fa071f85522', name: "sufix" })), this.hideSelectedList === false ? (index.h("ul", { role: "listbox", id: this.listId, class: form.FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
-            var _a;
-            const option = this.getOption(selected);
-            if (!option)
-                return null;
-            return (index.h("li", { class: form.FormMultiSelectClass.item, role: "option" }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value, index.h("gov-button", { "aria-label": `Odebrat vybranou položku ${option.label}`, color: "primary", type: "base", size: this.size, "on-gov-click": () => this.onTagRemove(selected) }, index.h("gov-icon", { name: "x-lg", type: "components" }))));
-        }))) : null));
-    }
-    onFocusHandler(e) {
-        e.stopPropagation();
-        this.focused = true;
-        this.govFocus.emit({
-            component: form.FormMultiSelectClass.root,
-            originalEvent: e,
-            value: this.selectedOptionsState,
-        });
-    }
-    onBlurHandler(e) {
-        e.stopPropagation();
-        e.stopPropagation();
-        this.focused = false;
-        this.govBlur.emit({
-            component: form.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 index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "options": ["watchOptions"],
-        "value": ["watchValue"]
-    }; }
-};
-
-exports.gov_form_multi_select = GovFormMultiSelect;
-//# sourceMappingURL=gov-form-multi-select.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-multi-select.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-form-multi-select.entry.cjs.js","mappings":"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","names":["createID","govHost","govForm","validateProp","FormMultiselectSizes","FormMultiSelectClass","propsValueToArray","AttributeObserver","ariaAttributes","removeDiacritics","tick","h","Host","toBoolAttr","toBoolAttrIfDefined"],"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'\r\nimport {govForm} from '../../../helpers/Dom/form'\r\nimport {GovForm} from '../../../helpers/Dom/form.types'\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\r\nimport {GovHost} from '../../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../../helpers/Validate/props'\r\nimport {Nullable} from '../../../types/interfaces'\r\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\r\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\r\nimport {FormMultiSelectClass, FormMultiselectSizes, FormMultiselectSizesType} from './constants'\r\nimport {\r\n\tFormMultiselectEvent,\r\n\tGovFormMultiSelectItem,\r\n\tGovFormMultiSelectSelectedItem\r\n} from './gov-form-multi-select.types'\r\nimport {propsValueToArray} from \"../../../utils/array.utils\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: 'gov-form-multi-select',\r\n})\r\nexport class GovFormMultiSelect {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\r\n\tprivate selectRef?: HTMLSelectElement\r\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly selectId: string\r\n\tprivate readonly listId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.selectId = createID('GovSelect')\r\n\t\tthis.listId = createID('GovMultiList')\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormSelectElement\r\n\t/**\r\n\t * Value of multi-select\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string | GovFormMultiSelectSelectedItem[]\r\n\t/**\r\n\t * Options of multi-select\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormMultiSelectItem[]\r\n\t/**\r\n\t * Custom select identifier.\r\n\t */\r\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\r\n\t/**\r\n\t * Custom select placeholder.\r\n\t */\r\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\r\n\t/**\r\n\t * Select’s size.\r\n\t */\r\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\r\n\t/**\r\n\t * Name of the select.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Option to hide the list of selected items\r\n\t */\r\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: boolean = false\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the select component disabled.\r\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect:true}) readonly invalid: boolean\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly success: boolean\r\n\t/**\r\n\t * Custom message for when there is a blank sheet\r\n\t */\r\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\r\n\t/**\r\n\t * Custom message for when data is loaded\r\n\t */\r\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\r\n\t/**\r\n\t * Emitted when the select has focus.\r\n\t */\r\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when the select loses focus.\r\n\t */\r\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when the select change value.\r\n\t */\r\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when an item is selected\r\n\t */\r\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when an item is removed\r\n\t */\r\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\r\n\r\n\t@State() focused: boolean\r\n\t@State() valueState: string\r\n\t@State() selectedOptionsState: GovFormMultiSelectSelectedItem[] = []\r\n\t@State() optionsState: GovFormMultiSelectItem[] = []\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\r\n\t}\r\n\r\n\t@Watch('options')\r\n\twatchOptions(newValue: string | GovFormMultiSelectItem[]): void {\r\n\t\tthis.optionsState = propsValueToArray(newValue)\r\n\t}\r\n\r\n\t@Watch('value')\r\n\twatchValue(newValue: string | GovFormMultiSelectItem[]): void {\r\n\t\tthis.selectedOptionsState = propsValueToArray(newValue)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t\tthis.initAutocomplete()\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.optionsState = propsValueToArray(this.options)\r\n\t\tthis.selectedOptionsState = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate getAvailableOptions(ignoreFilter = false): GovFormMultiSelectItem[] {\r\n\t\tif (Array.isArray(this.optionsState) && this.optionsState.length) {\r\n\t\t\tif (ignoreFilter) {\r\n\t\t\t\treturn this.optionsState;\r\n\t\t\t}\r\n\t\t\treturn this.optionsState.filter((option) => {\r\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\r\n\t\t\t\treturn (selectedIndex !== -1 || option?.disabled) ? false : true\r\n\t\t\t}).map((option) => ({name: option.label ?? option.value, value: option.value}))\r\n\t\t}\r\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\r\n\t\t\t.filter((option: HTMLOptionElement) => {\r\n\t\t\t\tif (ignoreFilter) {\r\n\t\t\t\t\treturn true\r\n\t\t\t\t}\r\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\r\n\t\t\t\treturn !(option.disabled || option.selected || selectedIndex > -1)\r\n\t\t\t})\r\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\r\n\t}\r\n\r\n\tprivate initAutocomplete() {\r\n\t\tthis.autocompleteRef?.addEventListener('gov-select', this.onSelectHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-input', this.onInputHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-focus', this.onFocusHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-blur', this.onBlurHandler.bind(this))\r\n\t\tthis.autocompleteRef\r\n\t\t\t?.setSearchCallback(searchString => {\r\n\t\t\t\treturn new Promise(resolve => {\r\n\t\t\t\t\tconst data = this.getAvailableOptions()\r\n\t\t\t\t\tif (String(searchString).length === 0) {\r\n\t\t\t\t\t\treturn resolve(data)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tresolve(\r\n\t\t\t\t\t\tdata.filter(({label, value}) => {\r\n\t\t\t\t\t\t\tif (!label) label = value;\r\n\t\t\t\t\t\t\treturn removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t)\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.finally()\r\n\t}\r\n\r\n\tprivate selectedValueIndex(value: GovFormMultiSelectSelectedItem) {\r\n\t\treturn this.selectedOptionsState.findIndex((selected) => selected === value)\r\n\t}\r\n\r\n\tprivate getOptionElement(value: GovFormMultiSelectSelectedItem): Nullable<HTMLOptionElement> {\r\n\t\treturn this.selectRef.querySelector('option[value=\"' + value + '\"]') as HTMLOptionElement\r\n\t}\r\n\r\n\tprivate getOption(value: GovFormMultiSelectSelectedItem): GovFormMultiSelectItem | null {\r\n\t\treturn this.getAvailableOptions(true).find((option) => option.value === value) ?? null;\r\n\t}\r\n\r\n\tprivate selectOption(newOption: GovFormMultiSelectSelectedItem, notify = true) {\r\n\t\tconst index = this.selectedValueIndex(newOption)\r\n\t\tif (index === -1) {\r\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState, newOption]\r\n\t\t\tthis.value = this.selectedOptionsState;\r\n\t\t\tif (notify) {\r\n\t\t\t\tthis.govChange.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t\tthis.govSelect.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst option = this.getOptionElement(newOption)\r\n\t\t\tif (option) {\r\n\t\t\t\toption.selected = true\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeOption(removeOption: GovFormMultiSelectSelectedItem, notify = true) {\r\n\t\tconst index = this.selectedValueIndex(removeOption)\r\n\t\tif (index !== -1) {\r\n\t\t\tthis.selectedOptionsState.splice(index, 1)\r\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState]\r\n\t\t\tthis.value = this.selectedOptionsState;\r\n\t\t\tif (notify) {\r\n\t\t\t\tthis.govChange.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t\tthis.govRemove.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst option = this.getOptionElement(removeOption)\r\n\t\t\tif (option) {\r\n\t\t\t\toption.selected = false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel('required', String(this.required))\r\n\r\n\t\ttick(() => {\r\n\t\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\r\n\t\t\t\tif (option.selected) {\r\n\t\t\t\t\tthis.selectOption(option.value, false)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size}>\r\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\r\n\t\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t\t<gov-form-autocomplete\r\n\t\t\t\t\t\tvalue={this.valueState}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\r\n\t\t\t\t\t\trequired={false}\r\n\t\t\t\t\t\tinvalid={this.invalid}\r\n\t\t\t\t\t\tsuccess={this.success}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\t\tmessage-empty={this.messageEmpty}\r\n\t\t\t\t\t\tmessage-loading={this.messageLoading}\r\n\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\r\n\t\t\t\t\t\tminlength={0}\r\n\t\t\t\t\t\taria-owns={this.listId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.success && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t{this.invalid && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t<gov-icon slot=\"icon-end\" class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</gov-form-autocomplete>\r\n\t\t\t\t\t<select\r\n\t\t\t\t\t\thidden\r\n\t\t\t\t\t\tclass={'hidden-select-list'}\r\n\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\r\n\t\t\t\t\t\tmultiple\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\r\n\t\t\t\t\t\t\tconst selectedOption = this.selectedValueIndex(option.value);\r\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={selectedOption > -1}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.hideSelectedList === false ? (\r\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\r\n\t\t\t\t\t\t{Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {\r\n\t\t\t\t\t\t\tconst option = this.getOption(selected);\r\n\t\t\t\t\t\t\tif (!option) return null\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\r\n\t\t\t\t\t\t\t\t\t{option.label ?? option.value}\r\n\t\t\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\t\t\taria-label={`Odebrat vybranou položku ${option.label}`}\r\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(selected)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = true\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.selectedOptionsState,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = false\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.selectedOptionsState,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\r\n\t\tthis.valueState = e.detail.value\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\r\n\t\te.stopPropagation()\r\n\t\tconst value = e.detail.selected\r\n\t\tthis.selectOption(value.value)\r\n\t\tthis.valueState = ''\r\n\t\tthis.autocompleteRef.clearValue().finally()\r\n\t\tthis.autocompleteRef.focus()\r\n\t}\r\n\r\n\tprivate onTagRemove(removeOption: GovFormMultiSelectSelectedItem) {\r\n\t\tthis.removeOption(removeOption)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.selectRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.valueState = value\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html select element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLSelectElement> {\r\n\t\treturn this.selectRef\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-multi-select.entry.cjs.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'\r\nimport {govForm} from '../../../helpers/Dom/form'\r\nimport {GovForm} from '../../../helpers/Dom/form.types'\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\r\nimport {GovHost} from '../../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../../helpers/Validate/props'\r\nimport {Nullable} from '../../../types/interfaces'\r\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\r\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\r\nimport {FormMultiSelectClass, FormMultiselectSizes, FormMultiselectSizesType} from './constants'\r\nimport {\r\n\tFormMultiselectEvent,\r\n\tGovFormMultiSelectItem,\r\n\tGovFormMultiSelectSelectedItem\r\n} from './gov-form-multi-select.types'\r\nimport {propsValueToArray} from \"../../../utils/array.utils\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: 'gov-form-multi-select',\r\n})\r\nexport class GovFormMultiSelect {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\r\n\tprivate selectRef?: HTMLSelectElement\r\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly selectId: string\r\n\tprivate readonly listId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.selectId = createID('GovSelect')\r\n\t\tthis.listId = createID('GovMultiList')\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormSelectElement\r\n\t/**\r\n\t * Value of multi-select\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string | GovFormMultiSelectSelectedItem[]\r\n\t/**\r\n\t * Options of multi-select\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormMultiSelectItem[]\r\n\t/**\r\n\t * Custom select identifier.\r\n\t */\r\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\r\n\t/**\r\n\t * Custom select placeholder.\r\n\t */\r\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\r\n\t/**\r\n\t * Select’s size.\r\n\t */\r\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\r\n\t/**\r\n\t * Name of the select.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Option to hide the list of selected items\r\n\t */\r\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: boolean = false\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the select component disabled.\r\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect:true}) readonly invalid: boolean\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly success: boolean\r\n\t/**\r\n\t * Custom message for when there is a blank sheet\r\n\t */\r\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\r\n\t/**\r\n\t * Custom message for when data is loaded\r\n\t */\r\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\r\n\t/**\r\n\t * Emitted when the select has focus.\r\n\t */\r\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when the select loses focus.\r\n\t */\r\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when the select change value.\r\n\t */\r\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when an item is selected\r\n\t */\r\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\r\n\t/**\r\n\t * Emitted when an item is removed\r\n\t */\r\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\r\n\r\n\t@State() focused: boolean\r\n\t@State() valueState: string\r\n\t@State() selectedOptionsState: GovFormMultiSelectSelectedItem[] = []\r\n\t@State() optionsState: GovFormMultiSelectItem[] = []\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\r\n\t}\r\n\r\n\t@Watch('options')\r\n\twatchOptions(newValue: string | GovFormMultiSelectItem[]): void {\r\n\t\tthis.optionsState = propsValueToArray(newValue)\r\n\t}\r\n\r\n\t@Watch('value')\r\n\twatchValue(newValue: string | GovFormMultiSelectItem[]): void {\r\n\t\tthis.selectedOptionsState = propsValueToArray(newValue)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t\tthis.initAutocomplete()\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.optionsState = propsValueToArray(this.options)\r\n\t\tthis.selectedOptionsState = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate getAvailableOptions(ignoreFilter = false): GovFormMultiSelectItem[] {\r\n\t\tif (Array.isArray(this.optionsState) && this.optionsState.length) {\r\n\t\t\tif (ignoreFilter) {\r\n\t\t\t\treturn this.optionsState;\r\n\t\t\t}\r\n\t\t\treturn this.optionsState.filter((option) => {\r\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\r\n\t\t\t\treturn (selectedIndex !== -1 || option?.disabled) ? false : true\r\n\t\t\t}).map((option) => ({name: option.label ?? option.value, value: option.value}))\r\n\t\t}\r\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\r\n\t\t\t.filter((option: HTMLOptionElement) => {\r\n\t\t\t\tif (ignoreFilter) {\r\n\t\t\t\t\treturn true\r\n\t\t\t\t}\r\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\r\n\t\t\t\treturn !(option.disabled || option.selected || selectedIndex > -1)\r\n\t\t\t})\r\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\r\n\t}\r\n\r\n\tprivate initAutocomplete() {\r\n\t\tthis.autocompleteRef?.addEventListener('gov-select', this.onSelectHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-input', this.onInputHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-focus', this.onFocusHandler.bind(this))\r\n\t\tthis.autocompleteRef?.addEventListener('gov-blur', this.onBlurHandler.bind(this))\r\n\t\tthis.autocompleteRef\r\n\t\t\t?.setSearchCallback(searchString => {\r\n\t\t\t\treturn new Promise(resolve => {\r\n\t\t\t\t\tconst data = this.getAvailableOptions()\r\n\t\t\t\t\tif (String(searchString).length === 0) {\r\n\t\t\t\t\t\treturn resolve(data)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tresolve(\r\n\t\t\t\t\t\tdata.filter(({label, value}) => {\r\n\t\t\t\t\t\t\tif (!label) label = value;\r\n\t\t\t\t\t\t\treturn removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t)\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.finally()\r\n\t}\r\n\r\n\tprivate selectedValueIndex(value: GovFormMultiSelectSelectedItem) {\r\n\t\treturn this.selectedOptionsState.findIndex((selected) => selected === value)\r\n\t}\r\n\r\n\tprivate getOptionElement(value: GovFormMultiSelectSelectedItem): Nullable<HTMLOptionElement> {\r\n\t\treturn this.selectRef.querySelector('option[value=\"' + value + '\"]') as HTMLOptionElement\r\n\t}\r\n\r\n\tprivate getOption(value: GovFormMultiSelectSelectedItem): GovFormMultiSelectItem | null {\r\n\t\treturn this.getAvailableOptions(true).find((option) => option.value === value) ?? null;\r\n\t}\r\n\r\n\tprivate selectOption(newOption: GovFormMultiSelectSelectedItem, notify = true) {\r\n\t\tconst index = this.selectedValueIndex(newOption)\r\n\t\tif (index === -1) {\r\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState, newOption]\r\n\t\t\tthis.value = this.selectedOptionsState;\r\n\t\t\tif (notify) {\r\n\t\t\t\tthis.govChange.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t\tthis.govSelect.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst option = this.getOptionElement(newOption)\r\n\t\t\tif (option) {\r\n\t\t\t\toption.selected = true\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeOption(removeOption: GovFormMultiSelectSelectedItem, notify = true) {\r\n\t\tconst index = this.selectedValueIndex(removeOption)\r\n\t\tif (index !== -1) {\r\n\t\t\tthis.selectedOptionsState.splice(index, 1)\r\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState]\r\n\t\t\tthis.value = this.selectedOptionsState;\r\n\t\t\tif (notify) {\r\n\t\t\t\tthis.govChange.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t\tthis.govRemove.emit({\r\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\t\t\tvalue: this.selectedOptionsState,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst option = this.getOptionElement(removeOption)\r\n\t\t\tif (option) {\r\n\t\t\t\toption.selected = false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel('required', String(this.required))\r\n\r\n\t\ttick(() => {\r\n\t\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\r\n\t\t\t\tif (option.selected) {\r\n\t\t\t\t\tthis.selectOption(option.value, false)\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size}>\r\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\r\n\t\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t\t<gov-form-autocomplete\r\n\t\t\t\t\t\tvalue={this.valueState}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\r\n\t\t\t\t\t\trequired={false}\r\n\t\t\t\t\t\tinvalid={this.invalid}\r\n\t\t\t\t\t\tsuccess={this.success}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\t\tmessage-empty={this.messageEmpty}\r\n\t\t\t\t\t\tmessage-loading={this.messageLoading}\r\n\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\r\n\t\t\t\t\t\tminlength={0}\r\n\t\t\t\t\t\taria-owns={this.listId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.success && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t{this.invalid && <gov-icon slot=\"validation-icon\" class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t<gov-icon slot=\"icon-end\" class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</gov-form-autocomplete>\r\n\t\t\t\t\t<select\r\n\t\t\t\t\t\thidden\r\n\t\t\t\t\t\tclass={'hidden-select-list'}\r\n\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\r\n\t\t\t\t\t\tmultiple\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\r\n\t\t\t\t\t\t\tconst selectedOption = this.selectedValueIndex(option.value);\r\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={selectedOption > -1}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.hideSelectedList === false ? (\r\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\r\n\t\t\t\t\t\t{Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {\r\n\t\t\t\t\t\t\tconst option = this.getOption(selected);\r\n\t\t\t\t\t\t\tif (!option) return null\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\r\n\t\t\t\t\t\t\t\t\t{option.label ?? option.value}\r\n\t\t\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\t\t\taria-label={`Odebrat vybranou položku ${option.label}`}\r\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(selected)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = true\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.selectedOptionsState,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = false\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormMultiSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.selectedOptionsState,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\r\n\t\tthis.valueState = e.detail.value\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\r\n\t\te.stopPropagation()\r\n\t\tconst value = e.detail.selected\r\n\t\tthis.selectOption(value.value)\r\n\t\tthis.valueState = ''\r\n\t\tthis.autocompleteRef.clearValue().finally()\r\n\t\tthis.autocompleteRef.focus()\r\n\t}\r\n\r\n\tprivate onTagRemove(removeOption: GovFormMultiSelectSelectedItem) {\r\n\t\tthis.removeOption(removeOption)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.selectRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.valueState = value\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html select element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLSelectElement> {\r\n\t\treturn this.selectRef\r\n\t}\r\n}\r\n"],"names":["createID","govHost","govForm","validateProp","FormMultiselectSizes","FormMultiSelectClass","propsValueToArray","AttributeObserver","ariaAttributes","removeDiacritics","tick","h","Host","toBoolAttr","toBoolAttrIfDefined"],"mappings":"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"}

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.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) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '95bbc5fb2e55470ec4cd18b0b1ecece89a4df502', class: FormPasswordPowerClass.root }, index.h("span", { key: '513c89318f7f4ded2e91c420dba95fa7852942db', class: FormPasswordPowerClass.bar }, index.h("span", { key: '524f84e45276cb043999d41560b62320ba701343' }), index.h("span", { key: '4d2a5ff935ca8d293bde0ab11d5f5e2fba0aacc4' }), index.h("span", { key: '270276edf333b84e7c06c741c9cfc84eeadef2c4' })), index.h("span", { key: '6b092b79e2e8934b1eba3c448e56c4aea6eab279', class: FormPasswordPowerClass.text }, index.h("slot", { key: '4d24610c752886264b453df0965af10812946490' }))));
-    }
-};
-
-exports.gov_form_password_power = GovFormPasswordPower;
-//# sourceMappingURL=gov-form-password-power.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-password-power.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-form-password-power.entry.cjs.js","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,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAA,EACrCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtCA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACF;;;;;;","names":["h","Host"],"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 = {\r\n\troot: 'gov-form-password-power',\r\n    bar: 'gov-form-password-power__bar',\r\n    text: 'gov-form-password-power__text',\r\n}\r\n","import {Component, h, Host, Prop} from '@stencil/core'\r\nimport {FormPasswordPowerClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-password-power',\r\n})\r\nexport class GovFormPasswordPower {\r\n\t/**\r\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\r\n\t */\r\n\t@Prop({reflect: true}) readonly power: number\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormPasswordPowerClass.root}>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-password-power.entry.cjs.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 = {\r\n\troot: 'gov-form-password-power',\r\n    bar: 'gov-form-password-power__bar',\r\n    text: 'gov-form-password-power__text',\r\n}\r\n","import {Component, h, Host, Prop} from '@stencil/core'\r\nimport {FormPasswordPowerClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-password-power',\r\n})\r\nexport class GovFormPasswordPower {\r\n\t/**\r\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\r\n\t */\r\n\t@Prop({reflect: true}) readonly power: number\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormPasswordPowerClass.root}>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["h","Host"],"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,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAA,EACrCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,sBAAsB,CAAC,IAAI,EAAA,EACtCA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACF;;;;;;"}

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

@@ -1,80 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var constants = require('./constants-D6LZ31rS.js');
-var template = require('./template-Cj6PcLmR.js');
-var props = require('./props-CPENhBnM.js');
-var stencil_utils = require('./stencil.utils-8sCYbm34.js');
-require('./utils-NnC78QR3.js');
-require('./sizes-D5zsw2g5.js');
-require('./gov.log-C5EH15b_.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) {
-        index.registerInstance(this, hostRef);
-        this.govChange = index.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: constants.FormRadioGroupClass.root,
-            });
-        };
-        this.h = template.govHost(this.host);
-    }
-    validateGap(newValue) {
-        if (newValue) {
-            props.validateProp(constants.FormGroupSizes, newValue, constants.FormGroupClass.root);
-        }
-    }
-    validateOrientation(newValue) {
-        if (newValue) {
-            props.validateProp(constants.FormGroupOrientation, newValue, constants.FormGroupClass.root);
-        }
-    }
-    componentWillLoad() {
-        this.validateGap(this.gap);
-        this.validateOrientation(this.orientation);
-    }
-    componentDidRender() {
-        stencil_utils.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 (index.h(index.Host, { key: 'ff3703e838e4b031b4826be5e54679bf64872eb4', gap: this.gap, class: this.h.classes(constants.FormGroupClass.root), value: this.value }, index.h("slot", { key: 'a2536dadd509602565fd860ebc6d9c4a148b468c' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "gap": ["validateGap"],
-        "orientation": ["validateOrientation"]
-    }; }
-};
-GovFormRadioGroup.style = govFormGroupCss;
-
-exports.gov_form_radio_group = GovFormRadioGroup;
-//# sourceMappingURL=gov-form-radio-group.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-radio-group.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-form-radio-group.entry.cjs.js","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,EAAEA,6BAAmB,CAAC,IAAI;AACnC,aAAA,CAAC;AACH,SAAC;QA1CA,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC3B,IAAI,QAAQ,EAAE;YACbC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC;;;AAK7D,IAAA,mBAAmB,CAAC,QAAgB,EAAA;QACnC,IAAI,QAAQ,EAAE;YACbF,kBAAY,CAACG,8BAAoB,EAAE,QAAQ,EAAED,wBAAc,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;QACjBE,kBAAI,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,QACCC,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACJ,wBAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjFG,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;","names":["FormRadioGroupClass","govHost","validateProp","FormGroupSizes","FormGroupClass","FormGroupOrientation","tick","h","Host"],"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 */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType,\r\n\tFormRadioGroupClass\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\r\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormRadioGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\r\n\t/**\r\n\t * Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tthis.value = event.detail.value\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormRadioGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = element.value === this.value;\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-radio-group.entry.cjs.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 */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType,\r\n\tFormRadioGroupClass\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\r\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormRadioGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\r\n\t/**\r\n\t * Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tthis.value = event.detail.value\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormRadioGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = element.value === this.value;\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["FormRadioGroupClass","govHost","validateProp","FormGroupSizes","FormGroupClass","FormGroupOrientation","tick","h","Host"],"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,EAAEA,6BAAmB,CAAC,IAAI;AACnC,aAAA,CAAC;AACH,SAAC;QA1CA,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC3B,IAAI,QAAQ,EAAE;YACbC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC;;;AAK7D,IAAA,mBAAmB,CAAC,QAAgB,EAAA;QACnC,IAAI,QAAQ,EAAE;YACbF,kBAAY,CAACG,8BAAoB,EAAE,QAAQ,EAAED,wBAAc,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;QACjBE,kBAAI,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,QACCC,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACJ,wBAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjFG,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;"}