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

package/dist/cjs/gov-form-checkbox.cjs.entry.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var index = require('./index-pjwoybrU.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var props = require('./props-CPENhBnM.js');
-var form = require('./form-GgXzZZ-E.js');
-var template = require('./template-DS4pSCTb.js');
-var Fragment = require('./Fragment-D4qSkFah.js');
-var attribute = require('./attribute-CH1-zDDl.js');
-var accessibility = require('./accessibility-BQJmIVWV.js');
-require('./gov.log-C5EH15b_.js');
-require('./utils-NnC78QR3.js');
-require('./sizes-D5zsw2g5.js');
-require('./constants-DcKnOyW4.js');
-require('./colors-DgrrxjsX.js');
-require('./constants-CFAhiwqu.js');
-require('./constants-357ehBFU.js');
-
-const GovFormCheckbox = 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.hydrated = false;
-        /**
-         * Checkbox button state
-         */
-        this.checked = false;
-        /**
-         * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        this.required = false;
-        /**
-         * Makes the checkbox component disabled.
-         */
-        this.disabled = false;
-        /**
-         * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)
-         */
-        this.indeterminate = false;
-        /**
-         * Checkboxes size.
-         */
-        this.size = "m";
-        /**
-         * When you can't use the form label.
-         */
-        this.noLabel = false;
-        this.inheritedAttributes = {};
-        this.checkboxId = string_utils.createID("GovCheckbox");
-        this.h = template.govHost(this.host);
-        this.f = form.govForm(this.h);
-    }
-    validateSize(newValue) {
-        props.validateProp(form.FormCheckboxSizes, newValue, form.FormCheckboxClass.root);
-    }
-    watchControlAttrs() {
-        this.passControlAttrs();
-    }
-    passControlAttrs() {
-        this.f.passAttrToControl("size", this.size);
-        this.f.passAttrToControl("disabled", template.toBoolAttr(this.disabled));
-        this.f.passAttrToControl("invalid", template.toBoolAttr(this.invalid));
-        this.f.passAttrToControl("type", "checkbox");
-    }
-    componentWillLoad() {
-        this.passControlAttrs();
-        this.inheritedAttributes = accessibility.inheritAriaAttributes(this.host);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-    }
-    async componentDidRender() {
-        this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
-        this.f.passAttrToLabel("required", String(this.required));
-        this.passControlAttrs();
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    render() {
-        const wrapCheckbox = (children) => {
-            if (this.noLabel) {
-                return (index.h("label", { class: form.FormCheckboxClass.label }, children));
-            }
-            return children;
-        };
-        return (index.h(index.Host, { class: form.FormCheckboxClass.root, hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: template.toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(index.h(Fragment.Fragment, null, index.h("input", Object.assign({ id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, ref: el => (this.inputRef = el) }, this.inheritedAttributes, { "aria-checked": template.toBoolAttr(this.checked), "aria-required": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid), "aria-disabled": template.toBoolAttrIfDefined(this.disabled) })), index.h("span", null, index.h("slot", { name: "label" }), index.h("gov-icon", { class: form.FormCheckboxClass.check, name: "check-lg", type: "components" }), index.h("gov-icon", { class: form.FormCheckboxClass.indeterminate, name: "dash-lg", type: "components" }))))));
-    }
-    onFocusHandler(e) {
-        e.stopPropagation();
-        this.govFocus.emit({
-            component: form.FormCheckboxClass.root,
-            value: this.value,
-            checked: this.checked,
-            originalEvent: e,
-        });
-    }
-    onBlurHandler(e) {
-        e.stopPropagation();
-        this.govBlur.emit({
-            component: form.FormCheckboxClass.root,
-            value: this.value,
-            checked: this.checked,
-            originalEvent: e,
-        });
-    }
-    onClickHandler(e) {
-        e.stopPropagation();
-    }
-    onChangeHandler(e) {
-        this.checked = e.target.checked;
-        e.stopPropagation();
-        this.govChange.emit({
-            component: form.FormCheckboxClass.root,
-            value: this.value,
-            checked: this.checked,
-            originalEvent: e,
-        });
-    }
-    /**
-     * Returns the reference of the native element
-     */
-    async getRef() {
-        return this.inputRef;
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize", "watchControlAttrs"],
-        "disabled": ["watchControlAttrs"],
-        "invalid": ["watchControlAttrs"]
-    }; }
-};
-
-exports.gov_form_checkbox = GovFormCheckbox;
-//# sourceMappingURL=gov-form-checkbox.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-checkbox.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-form-checkbox.entry.cjs.js","mappings":"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","names":["createID","govHost","govForm","validateProp","FormCheckboxSizes","FormCheckboxClass","toBoolAttr","inheritAriaAttributes","AttributeObserver","ariaAttributes","h","Host","toBoolAttrIfDefined","Fragment"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-checkbox.entry.cjs.js","sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"names":["createID","govHost","govForm","validateProp","FormCheckboxSizes","FormCheckboxClass","toBoolAttr","inheritAriaAttributes","AttributeObserver","ariaAttributes","h","Host","toBoolAttrIfDefined","Fragment"],"mappings":"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"}

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

@@ -1,85 +0,0 @@
-'use strict';
-
-var index = require('./index-pjwoybrU.js');
-var form = require('./form-GgXzZZ-E.js');
-var template = require('./template-DS4pSCTb.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var helpers_types = require('./helpers.types-vap8QfRH.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');
-
-const GovFormControl = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Indicates the entered value of a child form element does not conform to the format expected by the application.
-         */
-        this.invalid = false;
-        /**
-        /**
-        * Indicates the form control is disabled
-         */
-        this.disabled = false;
-        /**
-        /**
-        * Indicates the entered value of a child form element does conform to the format expected by the application.
-         */
-        this.success = false;
-        /**
-         * Use control as a fieldset for better accessibility.
-         * Note: Remember to set the legend attribute of the gov-form-label component
-         */
-        this.fieldset = false;
-        /**
-         * Form element size.
-         */
-        this.size = "m";
-        this.h = template.govHost(this.host);
-        this.f = form.govForm(this.h);
-    }
-    componentDidRender() {
-        this.syncControlMessages();
-        this.formElementDescriptionControl();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    formElementDescriptionControl() {
-        const bottomSlot = this.host.querySelector("." + form.FormControlClass.bottom);
-        if (!bottomSlot)
-            return;
-        this.observer = new MutationObserver(function () {
-            this.syncControlMessages();
-        }.bind(this));
-        this.observer.observe(bottomSlot, { childList: true });
-    }
-    syncControlMessages() {
-        Promise.all(this.f.messageElements.map((message) => message.identifier())).then((ids) => {
-            this.f.mainElementsInControl.forEach((element) => {
-                const currentValue = string_utils.splitByWhitespace(element.getAttribute("aria-describedby"));
-                element.removeAttribute("aria-describedby");
-                if (Array.isArray(currentValue)) {
-                    currentValue.forEach(id => (helpers_types.isString(id) && id.indexOf("GovFormMessage") === -1 ? ids.push(id) : null));
-                }
-                if (ids.length) {
-                    element.setAttribute("aria-describedby", ids.join(" "));
-                }
-            });
-        });
-    }
-    render() {
-        const Tag = this.fieldset ? "fieldset" : "div";
-        return (index.h(index.Host, { key: 'd4710c61ec53486fbb5eb0162fe62fbc2a1b53be', size: this.size, class: this.h.classes(form.FormControlClass.root) }, index.h(Tag, { key: '2145789de6ed9fbd5ba9e8d0b3d255517bab1565', class: form.FormControlClass.holder }, this.h.hasSlot("top") && index.h("slot", { key: '770d57ce9a48f5ab79e215677948f55c58883b25', name: "top" }), index.h("slot", { key: '20899727dc84c3fcfba5564d953fd28f08158e41' }), this.h.hasSlot("bottom") && (index.h("div", { key: 'a9d96218945f98b6c3a5fbcecf59465b2e4751d6', class: form.FormControlClass.bottom }, index.h("slot", { key: 'b59c3d323c5299ef042e9dba47989044ba6c68aa', name: "bottom" }))))));
-    }
-    get host() { return index.getElement(this); }
-};
-
-exports.gov_form_control = GovFormControl;
-//# sourceMappingURL=gov-form-control.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-control.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-form-control.entry.cjs.js","mappings":"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","names":["govHost","govForm","FormControlClass","splitByWhitespace","isString","h","Host"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Custom form element identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/**\n\t/**\n\t* Indicates the form control is disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t/**\n\t* Indicates the entered value of a child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-control.entry.cjs.js","sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Custom form element identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/**\n\t/**\n\t* Indicates the form control is disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t/**\n\t* Indicates the entered value of a child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":["govHost","govForm","FormControlClass","splitByWhitespace","isString","h","Host"],"mappings":"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"}

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

@@ -1,287 +0,0 @@
-'use strict';
-
-var index = require('./index-pjwoybrU.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var template = require('./template-DS4pSCTb.js');
-var form = require('./form-GgXzZZ-E.js');
-var accessibility = require('./accessibility-BQJmIVWV.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');
-
-const FormFileClass = {
-    root: 'gov-form-file',
-    area: 'gov-form-file__area',
-    input: 'gov-form-file__input',
-    inputFocus: 'gov-form-file__input-focus',
-    attachments: 'gov-form-file__attachments',
-};
-
-function formatBytes(bytes) {
-    const units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
-    let l = 0, n = parseInt(bytes, 10) || 0;
-    while (n >= 1024 && ++l) {
-        n = n / 1024;
-    }
-    return n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l];
-}
-function fileAcceptValidation(file, accept) {
-    if (typeof accept === 'string' && accept.length) {
-        return (accept
-            .replace(/\s/g, '')
-            .split(',')
-            .filter(accept => {
-            return new RegExp(accept.replace('*', '.*')).test(file.type);
-        }).length > 0);
-    }
-    else {
-        return true;
-    }
-}
-function fileSizeValidation(file, maxSize) {
-    const fileSize = Math.round(file.size);
-    return fileSize <= maxSize;
-}
-
-const GovFormFile = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govFocus = index.createEvent(this, "gov-focus");
-        this.govBlur = index.createEvent(this, "gov-blur");
-        this.govFiles = index.createEvent(this, "gov-files");
-        this.govAddFile = index.createEvent(this, "gov-add-file");
-        this.govRemoveFile = index.createEvent(this, "gov-remove-file");
-        this.eventsRegistered = false;
-        /**
-         * Expands the file input to fill 100% of the container width.
-         */
-        this.expanded = 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 File component disabled.
-         * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
-         */
-        this.disabled = false;
-        /**
-         * After selecting the files, the main input element will be reset.
-         * The propagation of the event with the selected files will not be affected.
-         */
-        this.resetAfterPick = false;
-        /**
-         * Selected files will not be checked for duplicates based on name and size.
-         */
-        this.ignoreFileDuplicationCheck = false;
-        /**
-         * Show list of attachments
-         */
-        this.displayAttachments = true;
-        /**
-         * Same as original parameter
-         * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple
-         */
-        this.multiple = false;
-        /**
-         * Maximum embedded file size
-         */
-        this.maxFileSize = -1;
-        /**
-         * Error message when the maximum file size is exceeded
-         */
-        this.errorSize = "Soubor je větší než povolená velikost {FILE_SIZE}";
-        /**
-         * Insert unsupported file error message
-         */
-        this.errorAccept = "Soubor tohoto typu není povolen";
-        /**
-         * Adds accessible label for the remove button that is only shown for screen readers.
-         */
-        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
-        /**
-         * Adds accessible label for the list of attachments.
-         */
-        this.accessibleAttachmentsLabel = "Přílohy";
-        this.files = [];
-        this.inheritedAttributes = {};
-        this.fileId = string_utils.createID("GovInputFile");
-        this.h = template.govHost(this.host);
-        this.f = form.govForm(this.h);
-    }
-    watchControlAttrs() {
-        this.passControlAttrs();
-    }
-    passControlAttrs() {
-        this.f.passAttrToControl("invalid", template.toBoolAttr(this.invalid));
-        this.f.passAttrToControl("disabled", template.toBoolAttr(this.disabled));
-        this.f.passAttrToControl("type", "File");
-    }
-    registerListeners() {
-        if (this.eventsRegistered) {
-            return;
-        }
-        this.eventsRegistered = true;
-        function highlight() {
-            this.areaRef.classList.add("highlight");
-        }
-        function unhighlight() {
-            this.areaRef.classList.remove("highlight");
-        }
-        this.inputRef.addEventListener("change", e => {
-            e.preventDefault();
-            e.stopPropagation();
-            const files = e.target.files;
-            if (this.resetAfterPick) {
-                if (files.length) {
-                    this.validateFiles(files);
-                }
-            }
-            else {
-                this.validateFiles(files);
-            }
-        }, false);
-        if (this.expanded) {
-            const events = ["dragover", "dragleave"];
-            const inEvents = ["dragenter", "dragover", "mouseenter"];
-            const outEvents = ["dragleave", "mouseleave"];
-            events.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false));
-            inEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false));
-            outEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false));
-        }
-    }
-    preventDefaults(e) {
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    handleDrop(e) {
-        const dataTransfer = e.dataTransfer;
-        this.validateFiles(dataTransfer.files);
-    }
-    validateFiles(files) {
-        let filesBuffer = [];
-        Array.from(files).map(file => {
-            const isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null;
-            if (isFile === null || this.ignoreFileDuplicationCheck) {
-                const isSizeValid = typeof this.maxFileSize === "number" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true;
-                const isAcceptValid = fileAcceptValidation(file, this.accept);
-                const newFile = {
-                    id: string_utils.createID("GovFormFile"),
-                    file,
-                    acceptValid: isAcceptValid,
-                    sizeValid: isSizeValid,
-                };
-                if (this.displayAttachments) {
-                    this.files = [...this.files, newFile];
-                }
-                else {
-                    filesBuffer = [...filesBuffer, newFile];
-                }
-                this.govAddFile.emit({
-                    component: FormFileClass.root,
-                    file: newFile,
-                });
-            }
-        });
-        this.govFiles.emit({
-            component: FormFileClass.root,
-            files: filesBuffer.length ? filesBuffer : this.files,
-        });
-        if (this.resetAfterPick) {
-            this.reset().finally();
-        }
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-    }
-    componentWillLoad() {
-        this.f.passAttrToLabel("required", String(this.required));
-        this.passControlAttrs();
-        this.inheritedAttributes = accessibility.inheritAriaAttributes(this.host);
-    }
-    async componentDidRender() {
-        this.registerListeners();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    render() {
-        return (index.h(index.Host, { key: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: template.toBoolAttrIfDefined(this.invalid), expanded: template.toBoolAttrIfDefined(this.expanded) }, index.h("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, index.h("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), index.h("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid), "aria-disabled": template.toBoolAttrIfDefined(this.disabled) })), index.h("div", { key: 'd177e0eb47b83c243aa1e6a977462b332464a1a6', class: FormFileClass.inputFocus })), this.h.hasSlot("attachments") ? (index.h("div", { class: FormFileClass.attachments }, index.h("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (index.h("div", { class: FormFileClass.attachments }, index.h("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (index.h("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, index.h("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (index.h("gov-form-message", { slot: "message", color: "error" }, index.h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (index.h("gov-form-message", { slot: "message", color: "error" }, index.h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, index.h("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
-    }
-    onRemoveFileHandler(file) {
-        const index = this.files.findIndex(item => item.id === file.id);
-        if (index !== -1) {
-            const files = this.files;
-            const removeFile = this.files[index];
-            files.splice(index, 1);
-            this.files = [...files];
-            this.govRemoveFile.emit({
-                component: FormFileClass.root,
-                file: removeFile,
-            });
-            this.govFiles.emit({
-                component: FormFileClass.root,
-                files,
-            });
-        }
-    }
-    onFocusHandler(e) {
-        e.stopPropagation();
-        this.govFocus.emit({
-            component: FormFileClass.root,
-            originalEvent: e,
-        });
-    }
-    onBlurHandler(e) {
-        e.stopPropagation();
-        this.govBlur.emit({
-            component: FormFileClass.root,
-            originalEvent: e,
-        });
-    }
-    onChangeHandler(e) {
-        e.stopPropagation();
-    }
-    /**
-     * Returns the reference of the native element
-     */
-    async getRef() {
-        return this.inputRef;
-    }
-    /**
-     * Returns the reference of the native area element
-     */
-    async getAreaRef() {
-        return this.areaRef;
-    }
-    /**
-     * Remove all files from component state
-     */
-    async reset() {
-        this.files = [];
-        this.inputRef.value = '';
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "disabled": ["watchControlAttrs"],
-        "invalid": ["watchControlAttrs"]
-    }; }
-};
-
-exports.gov_form_file = GovFormFile;
-//# sourceMappingURL=gov-form-file.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-file.cjs.entry.js.map