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

package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js

@@ -0,0 +1,722 @@
+import { h, Host } from "@stencil/core";
+import { govForm } from "../../../helpers/Dom/form";
+import { govHost, toBoolAttr, toBoolAttrIfDefined } from "../../../helpers/Dom/template";
+import { validateProp } from "../../../helpers/Validate/props";
+import { createID, removeDiacritics } from "../../../utils/string.utils";
+import { FormMultiSelectClass, FormMultiselectSizes } from "./constants";
+import { propsValueToArray } from "../../../utils/array.utils";
+import { tick } from "../../../utils/stencil.utils";
+import { AttributeObserver } from "../../../helpers/Dom/attribute";
+import { ariaAttributes } from "../../../helpers/Accessibility/attributes";
+export class GovFormMultiSelect {
+    constructor() {
+        /**
+         * 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;
+    }
+    static get is() { return "gov-form-multi-select"; }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "attribute": "value",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | GovFormMultiSelectSelectedItem[]",
+                    "resolved": "GovFormMultiSelectSelectedItem[] | string",
+                    "references": {
+                        "GovFormMultiSelectSelectedItem": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::GovFormMultiSelectSelectedItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value of multi-select"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "options": {
+                "type": "string",
+                "attribute": "options",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | GovFormMultiSelectItem[]",
+                    "resolved": "GovFormMultiSelectItem[] | string",
+                    "references": {
+                        "GovFormMultiSelectItem": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::GovFormMultiSelectItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Options of multi-select"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "identifier": {
+                "type": "string",
+                "attribute": "identifier",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom select identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "attribute": "placeholder",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom select placeholder."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormMultiselectSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "FormMultiselectSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/constants.ts::FormMultiselectSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Select\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the select."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideSelectedList": {
+                "type": "boolean",
+                "attribute": "hide-selected-list",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Option to hide the list of selected items"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "attribute": "required",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "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.\nWhen using this property you need to also set \u201Cnovalidate\u201D attribute to your form element to prevent browser from displaying its own validation errors."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the select component disabled.\nThis prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "invalid": {
+                "type": "boolean",
+                "attribute": "invalid",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the entered value does not conform to the format expected by the application."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "success": {
+                "type": "boolean",
+                "attribute": "success",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the entered value of child form element does conform to the format expected by the application."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "messageEmpty": {
+                "type": "string",
+                "attribute": "message-empty",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom message for when there is a blank sheet"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Nebyly nalezeny \u017E\u00E1dn\u00E9 v\u00FDsledky'"
+            },
+            "messageLoading": {
+                "type": "string",
+                "attribute": "message-loading",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom message for when data is loaded"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Na\u010D\u00EDt\u00E1m...'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "focused": {},
+            "valueState": {},
+            "selectedOptionsState": {},
+            "optionsState": {},
+            "inheritedAttributes": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govFocus",
+                "name": "gov-focus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select has focus."
+                },
+                "complexType": {
+                    "original": "FormMultiselectEvent",
+                    "resolved": "FormMultiselectEvent",
+                    "references": {
+                        "FormMultiselectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::FormMultiselectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govBlur",
+                "name": "gov-blur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select loses focus."
+                },
+                "complexType": {
+                    "original": "FormMultiselectEvent",
+                    "resolved": "FormMultiselectEvent",
+                    "references": {
+                        "FormMultiselectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::FormMultiselectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govChange",
+                "name": "gov-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the select change value."
+                },
+                "complexType": {
+                    "original": "FormMultiselectEvent",
+                    "resolved": "FormMultiselectEvent",
+                    "references": {
+                        "FormMultiselectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::FormMultiselectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govSelect",
+                "name": "gov-select",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when an item is selected"
+                },
+                "complexType": {
+                    "original": "FormMultiselectEvent",
+                    "resolved": "FormMultiselectEvent",
+                    "references": {
+                        "FormMultiselectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::FormMultiselectEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "govRemove",
+                "name": "gov-remove",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when an item is removed"
+                },
+                "complexType": {
+                    "original": "FormMultiselectEvent",
+                    "resolved": "FormMultiselectEvent",
+                    "references": {
+                        "FormMultiselectEvent": {
+                            "location": "import",
+                            "path": "./gov-form-multi-select.types",
+                            "id": "../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.types.ts::FormMultiselectEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setFocus": {
+                "complexType": {
+                    "signature": "(options?: FocusOptions) => Promise<void>",
+                    "parameters": [{
+                            "name": "options",
+                            "type": "FocusOptions",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FocusOptions": {
+                            "location": "global",
+                            "id": "global::FocusOptions"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Returns the current state of the component",
+                    "tags": []
+                }
+            },
+            "setValue": {
+                "complexType": {
+                    "signature": "(value: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets the ordered value of the element",
+                    "tags": []
+                }
+            },
+            "getRef": {
+                "complexType": {
+                    "signature": "() => Promise<HTMLSelectElement>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HTMLSelectElement": {
+                            "location": "global",
+                            "id": "global::HTMLSelectElement"
+                        }
+                    },
+                    "return": "Promise<HTMLSelectElement>"
+                },
+                "docs": {
+                    "text": "Returns an instance of the native html select element",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }, {
+                "propName": "options",
+                "methodName": "watchOptions"
+            }, {
+                "propName": "value",
+                "methodName": "watchValue"
+            }];
+    }
+}
+//# sourceMappingURL=gov-form-multi-select.js.map