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

package/dist/collection/components/gov-accordion/gov-accordion-item.js

@@ -0,0 +1,226 @@
+import { h, Host } from "@stencil/core";
+import { validateProp } from "../../helpers/Validate/props";
+import { AccordionClass, AccordionItemClass, AccordionSizes, } from "./constants";
+import { booleanString, govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
+import { tick } from "../../utils/stencil.utils";
+export class GovAccordionItem {
+    constructor() {
+        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;
+    }
+    static get is() { return "gov-accordion-item"; }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "attribute": "identifier",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom accordion item identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": true,
+                "complexType": {
+                    "original": "AccordionSizeType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "AccordionSizeType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-accordion/constants.ts::AccordionSizeType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accordion\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the button component disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "open": {
+                "type": "boolean",
+                "attribute": "open",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines whether the accordion is open or closed by button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "openState": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govChange",
+                "name": "gov-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Called when the accordion state changes"
+                },
+                "complexType": {
+                    "original": "AccordionItemEvent",
+                    "resolved": "AccordionItemEvent",
+                    "references": {
+                        "AccordionItemEvent": {
+                            "location": "import",
+                            "path": "./gov-accordion.types",
+                            "id": "../../../packages/core/src/components/gov-accordion/gov-accordion.types.ts::AccordionItemEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Accordion switch",
+                    "tags": []
+                }
+            },
+            "currentState": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns the current state of the component",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-accordion-item.js.map

package/dist/collection/components/gov-accordion/gov-accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion-item.tsx"],"names":[],"mappings":"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","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"]}

package/dist/collection/components/gov-accordion/gov-accordion.js

@@ -0,0 +1,125 @@
+import { h, Host } from "@stencil/core";
+import { validateProp } from "../../helpers/Validate/props";
+import { AccordionClass, AccordionItemClass, AccordionSizes } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
+export class GovAccordion {
+    constructor() {
+        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' })));
+    }
+    static get is() { return "gov-accordion"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "AccordionSizeType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "AccordionSizeType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-accordion/constants.ts::AccordionSizeType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accordion\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "noBorder": {
+                "type": "boolean",
+                "attribute": "no-border",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accordion item underline"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govChange",
+                "name": "gov-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Called when the accordion state changes"
+                },
+                "complexType": {
+                    "original": "AccordionEvent",
+                    "resolved": "AccordionEvent",
+                    "references": {
+                        "AccordionEvent": {
+                            "location": "import",
+                            "path": "./gov-accordion.types",
+                            "id": "../../../packages/core/src/components/gov-accordion/gov-accordion.types.ts::AccordionEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-accordion.js.map

package/dist/collection/components/gov-accordion/gov-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAE,cAAc,EAAoB,MAAM,aAAa,CAAA;AACjG,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAOlD,MAAM,OAAO,YAAY;IAIxB;QAFQ,aAAQ,GAAG,KAAK,CAAA;QAOxB;;WAEG;QACc,SAAI,GAAuB,GAAG,CAAA;QAC/C;;WAEG;QACsC,aAAQ,GAAY,KAAK,CAAA;QAXjE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;IAC5D,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC,EAAE,EAAE;YAClG,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC,EAAE,EAAE;gBAC3E,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBACnB,SAAS,EAAE,cAAc,CAAC,IAAI;oBAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;oBACnB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG;iBACjB,CAAC,CAAA;YACH,CAAC,CAAC,CAAA;QACH,CAAC,CAAC,CAAA;IACH,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,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;YACZ,8DAAO,CACD,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","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"]}

package/dist/collection/components/gov-accordion/gov-accordion.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-accordion.types.js.map

package/dist/collection/components/gov-accordion/gov-accordion.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovBaseEvent } from \"../../types/event.types\"\n\nexport interface AccordionItemEvent extends GovBaseEvent {\n\topen: boolean\n\tref: HTMLGovAccordionItemElement\n}\n\nexport interface AccordionEvent extends GovBaseEvent {\n\topen: boolean\n\tref: HTMLGovAccordionItemElement\n}\n"]}

package/dist/collection/components/gov-attachments/constants.js

@@ -0,0 +1,12 @@
+export const AttachmentsClass = {
+    root: 'gov-attachments',
+    label: 'gov-attachments__label',
+    list: 'gov-attachments__list',
+};
+export const AttachmentsItemClass = {
+    root: 'gov-attachments-item',
+    name: 'gov-attachments-item__name',
+    file: 'gov-attachments-item__file',
+    messages: 'gov-attachments-item__messages',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-attachments/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,uBAAuB;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,4BAA4B;IAClC,IAAI,EAAE,4BAA4B;IAClC,QAAQ,EAAE,gCAAgC;CAC1C,CAAA","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"]}

package/dist/collection/components/gov-attachments/gov-attachments-item.css

@@ -0,0 +1,52 @@
+/* Attachments - Item */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* Variables - shadows */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Converts hex value to rgb colors value */
+/* Generates CSS3 var */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* Variables - Typography */
+/* Variables - General */
+/* Variables - z-index */
+/* Variables - Attachments */
+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;
+}

package/dist/collection/components/gov-attachments/gov-attachments-item.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-attachments-item.d.js.map

package/dist/collection/components/gov-attachments/gov-attachments-item.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-attachments-item.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/gov-attachments-item.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovAttachmentsItemChangeEvent {\n\topen: boolean\n\telement: HTMLGovAttachmentsItemElement\n}\n"]}

package/dist/collection/components/gov-attachments/gov-attachments-item.js

@@ -0,0 +1,131 @@
+import { h, Host } from "@stencil/core";
+import { AttachmentsItemClass } from "./constants";
+import { validateAccessibleLabel } from "../../helpers/Validate/wcag";
+import { canValidateWcagOnRender } from "../../helpers/Dom/win";
+import { delay } from "../../utils/utils";
+import { govHost } from "../../helpers/Dom/template";
+import { isString } from "../../utils/helpers.types";
+export class GovAttachmentsItem {
+    constructor() {
+        /**
+         * 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);
+    }
+    static get is() { return "gov-attachments-item"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gov-attachments-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gov-attachments-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accessibleRemoveLabel": {
+                "type": "string",
+                "attribute": "accessible-remove-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adds accessible label for the remove button that is only shown for screen readers."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"Odebrat soubor {FILE_NAME}\""
+            },
+            "accessibleRemoveLabelledBy": {
+                "type": "string",
+                "attribute": "accessible-remove-labelledby",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a component that labels the remove button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govRemove",
+                "name": "gov-remove",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the file is removed"
+                },
+                "complexType": {
+                    "original": "PointerEvent",
+                    "resolved": "PointerEvent",
+                    "references": {
+                        "PointerEvent": {
+                            "location": "global",
+                            "id": "global::PointerEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "validateAccessibility": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Validate the accessible attributes of the component",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-attachments-item.js.map

package/dist/collection/components/gov-attachments/gov-attachments-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-attachments-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/gov-attachments-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAA;AAChD,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAMnD,MAAM,OAAO,kBAAkB;IAG9B;QAMA;;WAEG;QACoD,0BAAqB,GAAW,4BAA4B,CAAA;QARlH,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,KAAK,CAAC,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE,CAAC;YAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAA;QACnC,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,UAAU;YACtE,4DAAK,KAAK,EAAE,oBAAoB,CAAC,IAAI;gBACpC,4DAAK,KAAK,EAAE,oBAAoB,CAAC,IAAI;oBACpC,oEAAa,QAAQ,EAAC,KAAK,EAAC,IAAI;wBAC/B,8DAAO;wBACP,8EACE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CACT,CACT;oBACd,6DAAM,IAAI,EAAC,MAAM,GAAE,CACd;gBACN,mEACC,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACI,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,qBACtI,IAAI,CAAC,0BAA0B,kBAClC,IAAI,CAAC,SAAS,CAAC,IAAI;oBAEjC,iEAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CACzD,CACR;YAEL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAC7B,4DAAK,KAAK,EAAE,oBAAoB,CAAC,QAAQ;gBACxC,6DAAM,IAAI,EAAC,SAAS,GAAE,CACjB,CACN,CACK,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,qBAAqB;QAC1B,uBAAuB,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,EAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3H,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}