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

package/dist/esm/form-DvhJiKwA.js

@@ -0,0 +1,141 @@
+import { S as Sizes } from './sizes-BcQO4NH2.js';
+import { p as pick } from './utils-CQvUntGY.js';
+import { F as FormMessageClass } from './constants-BegH8u6i.js';
+import { F as FormAutocompleteClass } from './constants-aqe7GX2n.js';
+import { F as FormLabelClass } from './constants-CysDgoMA.js';
+
+const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormCheckboxClass = {
+    root: 'gov-form-checkbox',
+    check: 'gov-form-checkbox__check',
+    indeterminate: 'gov-form-checkbox__indeterminate',
+    label: 'gov-form-checkbox__label',
+};
+
+pick(Sizes, ['_M', '_L', '_XL']);
+const FormControlClass = {
+    root: 'gov-form-control',
+    holder: 'gov-form-control__holder',
+    bottom: 'gov-form-control__bottom',
+};
+
+const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+var InputTypes;
+(function (InputTypes) {
+    InputTypes["COLOR"] = "color";
+    InputTypes["DATE"] = "date";
+    InputTypes["DATETIME_LOCAL"] = "datetime-local";
+    InputTypes["EMAIL"] = "email";
+    InputTypes["MONTH"] = "month";
+    InputTypes["NUMBER"] = "number";
+    InputTypes["PASSWORD"] = "password";
+    InputTypes["SEARCH"] = "search";
+    InputTypes["TEL"] = "tel";
+    InputTypes["TEXT"] = "text";
+    InputTypes["TIME"] = "time";
+    InputTypes["URL"] = "url";
+    InputTypes["WEEK"] = "week";
+})(InputTypes || (InputTypes = {}));
+var Type;
+(function (Type) {
+    Type["RESET"] = "reset";
+})(Type || (Type = {}));
+const FormInputClass = {
+    root: 'gov-form-input',
+    icons: 'gov-form-input__icons',
+};
+
+const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormSelectClass = {
+    root: 'gov-form-select'};
+
+const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormMultiSelectClass = {
+    root: 'gov-form-multi-select',
+    wrap: 'gov-form-multi-select__wrap',
+    list: 'gov-form-multi-select__list',
+    item: 'gov-form-multi-select__item',
+};
+
+const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormSwitchClass = {
+    root: 'gov-form-switch',
+    input: 'gov-form-switch__input',
+    indicator: 'gov-form-switch__indicator',
+    label: 'gov-form-switch__label',
+    noLabel: 'gov-form-switch__no-label',
+};
+
+const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const FormRadioClass = {
+    root: 'gov-form-radio',
+    input: 'gov-form-radio__input',
+    label: 'gov-form-radio__label',
+};
+
+const govForm = (govHost) => {
+    return {
+        get govHost() {
+            return govHost;
+        },
+        passAttrToControl(name, value) {
+            if (this.control) {
+                this.control.setAttribute(name, value);
+            }
+        },
+        passAttrToLabel(name, value) {
+            if (this.label) {
+                this.label.setAttribute(name, value);
+            }
+        },
+        get hasGroupChildren() {
+            if (this.control) {
+                return this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1;
+            }
+            return false;
+        },
+        get control() {
+            if (this.govHost.name === FormControlClass.root) {
+                return this.govHost.hostElement;
+            }
+            return this.govHost.getParent(FormControlClass.root);
+        },
+        get label() {
+            const innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`);
+            if (innerLabel) {
+                return innerLabel;
+            }
+            if (this.control) {
+                return this.control.querySelector(`.${FormLabelClass.root}`);
+            }
+            return null;
+        },
+        get mainElementsInControl() {
+            const formElements = [
+                FormSelectClass.root,
+                FormInputClass.root,
+                FormSwitchClass.root,
+                FormCheckboxClass.root,
+                FormRadioClass.root,
+                FormMultiSelectClass.root,
+                FormAutocompleteClass.root,
+            ];
+            if (this.control) {
+                const elements = formElements.map(el => `${el}:first-of-type`).join(', ');
+                return Array.from(this.control.querySelectorAll(elements));
+            }
+            return [];
+        },
+        get messageElements() {
+            if (this.control) {
+                return Array.from(this.control.querySelectorAll(FormMessageClass.root));
+            }
+            return [];
+        },
+    };
+};
+
+export { FormCheckboxClass as F, FormCheckboxSizes as a, FormControlClass as b, FormMultiSelectClass as c, FormMultiselectSizes as d, FormRadioClass as e, FormRadioSizes as f, govForm as g, FormSwitchClass as h, FormSwitchSizes as i, FormSelectClass as j, FormSelectSizes as k, FormInputClass as l, FormInputSizes as m };
+//# sourceMappingURL=form-DvhJiKwA.js.map
+
+//# sourceMappingURL=form-DvhJiKwA.js.map

package/dist/esm/form-DvhJiKwA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-DvhJiKwA.js","sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n\ticons: 'gov-form-input__icons',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n\tnoLabel: 'gov-form-switch__no-label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-accordion-item.entry.js

@@ -0,0 +1,78 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { a as AccordionClass, A as AccordionItemClass, b as AccordionSizes } from './constants-DbTQsVRc.js';
+import { g as govHost, t as toBoolAttrIfDefined, b as booleanString } from './template-CoD1xawt.js';
+import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
+import { t as tick } from './stencil.utils-Cjg0wpDG.js';
+import './gov.log-BtqD9K8d.js';
+import './utils-CQvUntGY.js';
+import './sizes-BcQO4NH2.js';
+import './attribute-Bz_RzYFb.js';
+
+const GovAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govChange = createEvent(this, "gov-change");
+        this.inheritedAttributes = {};
+        /**
+         * Makes the button component disabled.
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the accordion is open or closed by button
+         */
+        this.open = false;
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(AccordionSizes, newValue, AccordionItemClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    componentDidRender() {
+        tick(() => this.getPropsFromParents());
+    }
+    getPropsFromParents() {
+        const accordion = this.h.getParent(AccordionClass.root);
+        if (accordion) {
+            this.size = accordion.getAttribute("size");
+        }
+    }
+    render() {
+        return (h(Host, { key: '1beb62527ea9274e6280ce0b64c9d52c12e4a993', class: this.h.classes([AccordionItemClass.root,
+                this.disabled && AccordionItemClass.disabled]), size: this.size, role: "listitem" }, h("details", { key: '53ca7688e8f26e85cd76feb073a26d04c5505d2b', class: AccordionItemClass.details, id: this.identifier, "aria-disabled": toBoolAttrIfDefined(this.disabled), open: this.open }, h("summary", Object.assign({ key: '19fec49b0066b7a6162a6010e0ee20431c2a578b', onClick: (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                !this.disabled && this.toggle().finally();
+            }, class: AccordionItemClass.summary, tabIndex: this.disabled ? -1 : 0, "aria-expanded": booleanString(this.open) }, this.inheritedAttributes), this.h.hasSlot('icon') &&
+            h("span", { key: '19254947c22fa2b1a2fa4e26eacb22c0c89b40c9', class: AccordionItemClass.icon }, h("slot", { key: '262be1640f250fabf9918f4162c071bb68dc4fb3', name: "icon" })), h("span", { key: 'ebb5ef762ef51921b68a8063fd09c979d7d0d32d', class: AccordionItemClass.title }, h("slot", { key: '75783345d2276f06e53c401761cb4e57d241e5e0', name: "label" }), h("slot", { key: 'f2d9cdff693edbcae6293921fde7996d1b1251b6', name: "annotation" })), h("span", { key: 'f7e28ea54455756c7d146c7b88be7001e80b07a8', class: AccordionItemClass.right }, h("slot", { key: 'e76b31bf1c349a8a86d4b91ec1cfa650a75edf60', name: "suffix" }), h("span", { key: '87ea99c9862deb3ff9820fa383cec52956b4655a', class: AccordionItemClass.arrow }, h("slot", { key: 'c8b64a90455a731f359e12550664ba5aa905abbc', name: "toggle-icon" }, h("gov-icon", { key: '867406c5634d6446683529f5f647492b9b289a31', name: "chevron-down", type: "components" }))))), h("div", { key: '2adf7441dd470ae1b32a08fb374cd1d9e2d1f789', class: AccordionItemClass.content }, h("slot", { key: '8eb27d0b33689933b6e71850324c35c89d71c4c0' })))));
+    }
+    /**
+     * Accordion switch
+     */
+    async toggle() {
+        this.open = !this.open;
+        this.govChange.emit({
+            open: this.open,
+            component: AccordionItemClass.root,
+            ref: this.host,
+        });
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async currentState() {
+        return this.open;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+};
+
+export { GovAccordionItem as gov_accordion_item };
+//# sourceMappingURL=gov-accordion-item.entry.js.map
+
+//# sourceMappingURL=gov-accordion-item.entry.js.map

package/dist/esm/gov-accordion-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion-item.entry.js","sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/**\n\t * Custom accordion item identifier.\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop({ mutable: true }) size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.getPropsFromParents())\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-accordion.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { A as AccordionItemClass, a as AccordionClass, b as AccordionSizes } from './constants-DbTQsVRc.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import './gov.log-BtqD9K8d.js';
+import './utils-CQvUntGY.js';
+import './sizes-BcQO4NH2.js';
+
+const GovAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govChange = createEvent(this, "gov-change");
+        this.hydrated = false;
+        /**
+         * Accordion’s size.
+         */
+        this.size = 'm';
+        /**
+         * Accordion item underline
+         */
+        this.noBorder = false;
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(AccordionSizes, newValue, AccordionClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+    }
+    componentDidLoad() {
+        this.host.querySelectorAll(AccordionItemClass.root).forEach((child) => {
+            child.addEventListener('gov-change', (e) => {
+                e.stopPropagation();
+                this.govChange.emit({
+                    component: AccordionClass.root,
+                    open: e.detail.open,
+                    ref: e.detail.ref
+                });
+            });
+        });
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (h(Host, { key: '98666441f80fcb633f05142c4a695e2478af5383', hydrated: this.hydrated, class: this.h.classes(AccordionClass.root), size: this.size, role: 'list' }, h("slot", { key: 'db7aa61e809f901019dcb301aa529cdc9bc7530e' })));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+};
+
+export { GovAccordion as gov_accordion };
+//# sourceMappingURL=gov-accordion.entry.js.map
+
+//# sourceMappingURL=gov-accordion.entry.js.map

package/dist/esm/gov-accordion.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion.entry.js","sources":["../../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from '@stencil/core'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {AccordionEvent, AccordionItemEvent} from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({attribute: 'no-border'}) readonly noBorder: boolean = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\thydrated={this.hydrated}\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\trole={'list'}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;MAUa,YAAY,GAAA,MAAA;AAIxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAOxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAuB,GAAG;AAC/C;;AAEG;AACsC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAXjE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAiBD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;;IAG5D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC,KAAI;YAClG,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC,KAAI;gBAC3E,CAAC,CAAC,eAAe,EAAE;AACnB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBACnB,SAAS,EAAE,cAAc,CAAC,IAAI;AAC9B,oBAAA,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;AACnB,oBAAA,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC;AACd,iBAAA,CAAC;AACH,aAAC,CAAC;AACH,SAAC,CAAC;;IAGH,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,EAAA,EACZ,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACD;;;;;;;;;;"}

package/dist/esm/gov-attachments.gov-attachments-item.gov-form-message.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.js","sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/* Attachments - Item */\n\n@use \"../../sass/mixins\" as mixin;\n@use \"../../sass/variables/general\" as general;\n@use \"gov-attachments-variables\" as variable;\n\n\ngov-attachments-item, .gov-attachments-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\t&__messages {\n\t\t@include mixin.reset-last-margin();\n\t\t> * {\n\t\t\tposition: relative;\n\t\t\ttop: calc(-1 * var(--spacing-xs));\n\t\t}\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t\tmax-width: 100%;\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tcolumn-gap: var(--spacing-s);\n\t\talign-items: center;\n\t\tmax-width: calc(100% - var(--spacing-s) - var(--icon-size-s) - ((var(--spacing-s-nudge) + #{general.$border-width}) * 2));\n\t\tmargin: 0;\n\t\t> gov-tooltip, .gov-tooltip {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tcolor: variable.$name-color;\n\t\t}\n\t\tspan[slot=\"info\"] {\n\t\t\t@include mixin.typography(\"body-xs\");\n\t\t\tcolor: variable.$decor-color;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {AttachmentsItemClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {isString} from \"../../utils/helpers.types\";\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<div class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<gov-tooltip position=\"top\" icon>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t{this.h.getSlotContent(`name`)}\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t\t<slot name=\"info\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\taria-label={isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) || '').trim() : null}\n\t\t\t\t\t\taria-labelledby={this.accessibleRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\"/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-attachments_3.entry.js

@@ -0,0 +1,117 @@
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ClISz4NF.js';
+import { b as validateWcagProp, v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
+import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
+import { d as delay } from './utils-CQvUntGY.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import { i as isString } from './helpers.types-DNztiAH0.js';
+import { F as FormMessageClass, a as FormMessageColors } from './constants-BegH8u6i.js';
+import { v as validateProp } from './props-CJZgTDla.js';
+import { c as createID } from './string.utils-vN03FcXN.js';
+import './colors-U40vKHrs.js';
+import './sizes-BcQO4NH2.js';
+
+const AttachmentsClass = {
+    root: 'gov-attachments',
+    label: 'gov-attachments__label',
+    list: 'gov-attachments__list',
+};
+const AttachmentsItemClass = {
+    root: 'gov-attachments-item',
+    name: 'gov-attachments-item__name',
+    file: 'gov-attachments-item__file',
+    messages: 'gov-attachments-item__messages',
+};
+
+const GovAttachments = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.h = govHost(this.host);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            await delay(500);
+            await this.validateWcag();
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ca3b05be8b09114d7871a82c9ec138c4fa8fc24d', class: this.h.classes(AttachmentsClass.root) }, this.label ? h("p", { class: AttachmentsClass.label }, this.label) : null, h("div", { key: 'e47a84d37b86e08171f8002702c4cfe28b09f1fa', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, h("slot", { key: 'fcf62fd6cfcab1999e381775584755a62ef3415f' }))));
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateWcag() {
+        validateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root);
+    }
+    get host() { return getElement(this); }
+};
+
+const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{display:flex;flex-direction:column}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__messages>*,.gov-attachments-item__messages>*{position:relative;top:calc(-1 * var(--spacing-xs))}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s);max-width:100%}gov-attachments-item__name,.gov-attachments-item__name{display:flex;-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s);align-items:center;max-width:calc(100% - var(--spacing-s) - var(--icon-size-s) - (var(--spacing-s-nudge) + var(--border-width, 0.0625rem)) * 2);margin:0}gov-attachments-item__name>gov-tooltip,gov-attachments-item__name .gov-tooltip,.gov-attachments-item__name>gov-tooltip,.gov-attachments-item__name .gov-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span[slot=info],.gov-attachments-item__name span[slot=info]{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary));white-space:nowrap}";
+
+const GovAttachmentsItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govRemove = createEvent(this, "gov-remove");
+        /**
+         * Adds accessible label for the remove button that is only shown for screen readers.
+         */
+        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
+        this.h = govHost(this.host);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            await delay(500);
+            await this.validateAccessibility();
+        }
+    }
+    render() {
+        return (h(Host, { key: '7a7acaf1946577d29894242aa9606768afc96f77', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, h("div", { key: '5cc40f9f91438105713d5c6a70686c5c12208b66', class: AttachmentsItemClass.file }, h("div", { key: '77e578b8c71cfc1bba2e89eacaa12e582692ff30', class: AttachmentsItemClass.name }, h("gov-tooltip", { key: 'bf9a97f411e3877fdb1278b064910a64184662cd', position: "top", icon: true }, h("slot", { key: '0eba40236e53407fa5fc380ebd552d339cff0054' }), h("gov-tooltip-content", { key: '624f6e919d73eae63db9cb667b5243997541a6c6' }, this.h.getSlotContent(`name`))), h("slot", { key: '524f5a4397490a1371bd476361d1fc0e2308745c', name: "info" })), h("gov-button", { key: '0f0f046e9ab994201088ab802c9fb9bc4ff0f04c', color: "primary", type: "base", size: "s", "aria-label": isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) || '').trim() : null, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, h("gov-icon", { key: '16fc279022a36799b03ec2af3a5f2e2b8f70755f', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (h("div", { key: '554ff1ff7dce9b034db47c13a66ac17f29ad38f4', class: AttachmentsItemClass.messages }, h("slot", { key: '09a9a492fb503a8c285cb21e10ec9d26c8cc71f5', name: "message" })))));
+    }
+    /**
+     * Validate the accessible attributes of the component
+     */
+    async validateAccessibility() {
+        validateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host);
+    }
+    get host() { return getElement(this); }
+};
+GovAttachmentsItem.style = govAttachmentsItemCss;
+
+const GovFormMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Style variation of the message.
+         */
+        this.color = 'neutral';
+        /**
+         * Message's size.
+         */
+        this.size = 'm';
+        this.h = govHost(this.host);
+        this.messageId = createID('GovFormMessage');
+    }
+    validateColor(newValue) {
+        validateProp(FormMessageColors, newValue, FormMessageClass.root);
+    }
+    componentWillLoad() {
+        this.validateColor(this.color);
+    }
+    render() {
+        return (h(Host, { key: 'f48872860c7611775b2f42ce5048dbcdbd706acb', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: 'c1c37489c1cfece39a720394a116775db12aa23c', name: "icon" })), h("span", { key: '0b74cac8580a66b5a60177aef9da4e9f14e68c32', id: this.messageId, class: FormMessageClass.content }, h("slot", { key: 'b153676b22738e66348b49822ab111bfd8fd56f0' }))));
+    }
+    /**
+     * Returns unique identifier of message
+     */
+    async identifier() {
+        return this.messageId;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "color": ["validateColor"]
+    }; }
+};
+
+export { GovAttachments as gov_attachments, GovAttachmentsItem as gov_attachments_item, GovFormMessage as gov_form_message };
+//# sourceMappingURL=gov-attachments.gov-attachments-item.gov-form-message.entry.js.map
+
+//# sourceMappingURL=gov-attachments_3.entry.js.map

package/dist/esm/gov-attachments_3.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/* Attachments - Item */\n\n@use \"../../sass/mixins\" as mixin;\n@use \"../../sass/variables/general\" as general;\n@use \"gov-attachments-variables\" as variable;\n\n\ngov-attachments-item, .gov-attachments-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\t&__messages {\n\t\t@include mixin.reset-last-margin();\n\t\t> * {\n\t\t\tposition: relative;\n\t\t\ttop: calc(-1 * var(--spacing-xs));\n\t\t}\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t\tmax-width: 100%;\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tcolumn-gap: var(--spacing-s);\n\t\talign-items: center;\n\t\tmax-width: calc(100% - var(--spacing-s) - var(--icon-size-s) - ((var(--spacing-s-nudge) + #{general.$border-width}) * 2));\n\t\tmargin: 0;\n\t\t> gov-tooltip, .gov-tooltip {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tcolor: variable.$name-color;\n\t\t}\n\t\tspan[slot=\"info\"] {\n\t\t\t@include mixin.typography(\"body-xs\");\n\t\t\tcolor: variable.$decor-color;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {AttachmentsItemClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {isString} from \"../../utils/helpers.types\";\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<div class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<gov-tooltip position=\"top\" icon>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t{this.h.getSlotContent(`name`)}\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t\t<slot name=\"info\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\taria-label={isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) || '').trim() : null}\n\t\t\t\t\t\taria-labelledby={this.accessibleRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\"/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"version":3}

package/dist/esm/gov-backdrop.entry.js

@@ -0,0 +1,53 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
+import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import { t as tick } from './stencil.utils-Cjg0wpDG.js';
+import './string.utils-vN03FcXN.js';
+import './helpers.types-DNztiAH0.js';
+import './utils-CQvUntGY.js';
+
+const BackdropClass = {
+    root: 'gov-backdrop',
+    bg: 'gov-backdrop__background',
+};
+
+const GovBackdrop = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govClick = createEvent(this, "gov-click");
+        /**
+         * Determine if component should have inverse colors to be used on dark background.
+         */
+        this.inverse = false;
+        /**
+         * Makes the backdrop component disabled.
+         */
+        this.disabled = false;
+        this.h = govHost(this.host);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            tick(() => this.validateAccessibility());
+        }
+    }
+    render() {
+        return (h(Host, { key: '364e63a9a8a66920d463a8763773dd2f36ffc814', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, h("div", { key: '81d25e5aa67f0291f8c9d8e806ab17f7cd9a400e', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
+                if (!this.disabled) {
+                    this.govClick.emit(e);
+                }
+            }, class: BackdropClass.bg })));
+    }
+    /**
+     * Validate the accessibility attributes of the component
+     */
+    async validateAccessibility() {
+        validateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host);
+    }
+    get host() { return getElement(this); }
+};
+
+export { GovBackdrop as gov_backdrop };
+//# sourceMappingURL=gov-backdrop.entry.js.map
+
+//# sourceMappingURL=gov-backdrop.entry.js.map

package/dist/esm/gov-backdrop.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-backdrop.entry.js","sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;AAAO,MAAM,aAAa,GAAG;AAC5B,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,EAAE,EAAE,0BAA0B;CAC9B;;MCQY,WAAW,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKA;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACzC;;AAEG;AAC4C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAXvE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAwBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;YAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAI1C,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrE,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,QAAQ,EAAA,eAAA,EACC,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,eAAe,EACf,iBAAA,EAAA,IAAI,CAAC,oBAAoB,EAC1C,OAAO,EAAE,CAAC,IAAG;AACZ,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnB,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;aAEtB,EACD,KAAK,EAAE,aAAa,CAAC,EAAE,EAAA,CACjB,CACD;;AAIT;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;AAC1B,QAAA,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;"}