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

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

@@ -1,394 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { boolToFocusValue, govHost, toBoolAttr } from "../../helpers/Dom/template";
-import { canValidateWcagOnRender } from "../../helpers/Dom/win";
-import { validateWcagRef } from "../../helpers/Validate/wcag";
-import { createID } from "../../utils/string.utils";
-import { DialogClass } from "./constants";
-import { tick } from "../../utils/stencil.utils";
-import { getFocusableElements } from "../../utils/dom.utils";
-export class GovDialog {
-    constructor() {
-        this.hydrated = false;
-        /**
-         * Attribute for dialog window display
-         */
-        this.open = false;
-        /**
-         * Attribute allowing blocking the dialog closing
-         */
-        this.blockClose = false;
-        /**
-         * Attribute allowing blocking the backdrop dialog closing
-         */
-        this.blockBackdropClose = false;
-        /**
-         * Role of dialog
-         */
-        this.role = 'dialog';
-        /**
-         * Used to change the HTML tag in the dialog label for correct semantic structure
-         */
-        this.labelTag = 'h2';
-        /**
-         * Adds accessible label for the dialog close button that is only shown for screen readers.
-         */
-        this.accessibleCloseLabel = 'Zavřít okno';
-        this.h = govHost(this.host);
-        this.labelId = createID('GovDialogLabel');
-        this.contentId = createID('GovDialogContent');
-    }
-    watchOpen(newValue) {
-        var _a;
-        this.open = newValue;
-        this.setFocus().finally();
-        if (!newValue) {
-            (_a = this.lastActiveElementRef) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        else {
-            this.focusTrap();
-        }
-    }
-    showDialog() {
-        this.open = true;
-        document.body.classList.add(DialogClass.bodyFix);
-    }
-    hideDialog() {
-        this.open = false;
-        document.body.classList.remove(DialogClass.bodyFix);
-    }
-    async componentDidRender() {
-        if (canValidateWcagOnRender()) {
-            tick(() => this.validateAccessibility());
-        }
-        if (this.open) {
-            this.showDialog();
-        }
-        else {
-            this.hideDialog();
-        }
-    }
-    focusTrap() {
-        var _a;
-        if (open && this.dialogRef) {
-            this.lastActiveElementRef = document.activeElement;
-            const focusableEls = getFocusableElements(this.dialogRef);
-            if (focusableEls.length) {
-                focusableEls[0].focus();
-            }
-            const handleKeyDown = (e) => {
-                if (e.key === "Tab" && this.dialogRef) {
-                    const focusableEls = getFocusableElements(this.dialogRef);
-                    const firstEl = focusableEls[0];
-                    const lastEl = focusableEls[focusableEls.length - 1];
-                    if (!e.shiftKey && document.activeElement === lastEl) {
-                        e.preventDefault();
-                        firstEl.focus();
-                    }
-                    if (e.shiftKey && document.activeElement === firstEl) {
-                        e.preventDefault();
-                        lastEl.focus();
-                    }
-                }
-                if (e.key === "Escape") {
-                    if (this.blockClose === false) {
-                        this.hideDialog();
-                        this.govClose.emit();
-                    }
-                }
-            };
-            document.addEventListener("keydown", handleKeyDown);
-        }
-        else {
-            (_a = this.lastActiveElementRef) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    disconnectedCallback() {
-        document.body.classList.remove(DialogClass.bodyFix);
-    }
-    render() {
-        return (h(Host, { key: 'ba9070ed36ce25806a12a88f55d9a36609e17bbb', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, h("dialog", { key: '79188b6182895a7a7db32e629316a46420d2981c', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, h("div", { key: 'a50c41b27b3060292df9b6d2eb657c1e27a384e7', class: DialogClass.inner }, h("div", { key: '487b4639e842aa7257e2ce24a553e8ae67be02be', class: DialogClass.header }, this.h.hasSlot("icon") && (h("span", { key: '75dfd64444588ce6a37607a60eb1c4df7888d3e8' }, h("slot", { key: '80be9198860ffce669b218b6f0f0143f7da83add', name: "icon" }))), this.h.hasSlot('title') && (h("span", { key: '723a628454f0989db5da7a1ae12aef803896b9de', class: DialogClass.title, id: this.labelId }, h("slot", { key: '0aee99ddbdbb0a068b07259d6b2793ddf3dfa629', name: "title" }))), h("gov-button", { key: '6f245f5f2a3a95ff239cd55640c5aac980374cfc', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { key: 'f767a25f40e13c322d6871275d996493bbe8730b', slot: "icon-start", name: "x-lg", type: "components" }))), h("div", { key: '4c975dfa826bada579b1ee6edbcece08bf6b7346', class: DialogClass.content, id: this.contentId }, h("slot", { key: 'cdc3d7b173b47237cecf113e344d2ebd05d6daeb' })), this.h.hasSlot('footer') && (h("div", { key: '37e471ea3bb0952c0ccfc290b02af6d69690ae4e', class: DialogClass.footer }, h("slot", { key: '69f6160c0429d82051a6b99d210f132c7ec3ff56', name: "footer" }))))), this.open ? (h("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
-    }
-    onCloseHandler(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        if (this.blockClose === false) {
-            this.hideDialog();
-            this.govClose.emit(e);
-        }
-    }
-    /**
-     * Sets the close button to focus
-     */
-    async setFocus() {
-        if (this.open && this.closeCtaRef) {
-            this.closeCtaRef.setFocus().catch();
-        }
-    }
-    /**
-     * Validate the WCAG attributes of the component
-     */
-    async validateAccessibility() {
-        validateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root);
-        validateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root);
-    }
-    static get is() { return "gov-dialog"; }
-    static get properties() {
-        return {
-            "open": {
-                "type": "boolean",
-                "attribute": "open",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Attribute for dialog window display"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "blockClose": {
-                "type": "boolean",
-                "attribute": "block-close",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Attribute allowing blocking the dialog closing"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "blockBackdropClose": {
-                "type": "boolean",
-                "attribute": "block-backdrop-close",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Attribute allowing blocking the backdrop dialog closing"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "role": {
-                "type": "string",
-                "attribute": "role",
-                "mutable": false,
-                "complexType": {
-                    "original": "Nullable<string>",
-                    "resolved": "string",
-                    "references": {
-                        "Nullable": {
-                            "location": "import",
-                            "path": "../../types/interfaces",
-                            "id": "../../../packages/core/src/types/interfaces.ts::Nullable"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Role of dialog"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'dialog'"
-            },
-            "labelTag": {
-                "type": "string",
-                "attribute": "label-tag",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to change the HTML tag in the dialog label for correct semantic structure"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'h2'"
-            },
-            "accessibleLabelledBy": {
-                "type": "string",
-                "attribute": "accessible-labelled-by",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "String of id's that indicates alternative labels elements"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "accessibleDescribedBy": {
-                "type": "string",
-                "attribute": "accessible-described-by",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates the id of a component that describes the dialog."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "accessibleCloseLabel": {
-                "type": "string",
-                "attribute": "accessible-close-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Adds accessible label for the dialog close button that is only shown for screen readers."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'Zav\u0159\u00EDt okno'"
-            },
-            "accessibleCloseLabelledBy": {
-                "type": "string",
-                "attribute": "accessible-close-labelled-by",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A string of identifiers that indicate alternative label elements for closing the dialog window"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "govClose",
-                "name": "gov-close",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when a dialog window closes."
-                },
-                "complexType": {
-                    "original": "PointerEvent",
-                    "resolved": "PointerEvent",
-                    "references": {
-                        "PointerEvent": {
-                            "location": "global",
-                            "id": "global::PointerEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "setFocus": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Sets the close button to focus",
-                    "tags": []
-                }
-            },
-            "validateAccessibility": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Validate the WCAG attributes of the component",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "watchOpen"
-            }];
-    }
-}
-//# sourceMappingURL=gov-dialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/gov-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\r\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\r\nimport {Nullable} from '../../types/interfaces'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {DialogClass} from './constants'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\nimport {getFocusableElements} from \"../../utils/dom.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-dialog',\r\n})\r\nexport class GovDialog {\r\n\tprivate h: GovHost\r\n\tprivate readonly labelId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false;\r\n\tprivate closeCtaRef?: HTMLGovButtonElement\r\n\tprivate dialogRef?: HTMLDialogElement;\r\n\tprivate lastActiveElementRef?: HTMLElement;\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.labelId = createID('GovDialogLabel')\r\n\t\tthis.contentId = createID('GovDialogContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovDialogElement\r\n\r\n\t/**\r\n\t * Attribute for dialog window display\r\n\t */\r\n\t@Prop({mutable: true, reflect: true}) open = false\r\n\t/**\r\n\t * Attribute allowing blocking the dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-close'}) blockClose = false\r\n\t/**\r\n\t * Attribute allowing blocking the backdrop dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\r\n\t/**\r\n\t * Role of dialog\r\n\t */\r\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\r\n\t/**\r\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\r\n\t */\r\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\r\n\t/**\r\n\t * String of id's that indicates alternative labels elements\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\r\n\t/**\r\n\t * Indicates the id of a component that describes the dialog.\r\n\t */\r\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\r\n\t/**\r\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\r\n\t/**\r\n\t * Emitted when a dialog window closes.\r\n\t */\r\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen(newValue: boolean): void {\r\n\t\tthis.open = newValue\r\n\t\tthis.setFocus().finally()\r\n\r\n\t\tif (!newValue) {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t} else {\r\n\t\t\tthis.focusTrap();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate showDialog() {\r\n\t\tthis.open = true\r\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tprivate hideDialog() {\r\n\t\tthis.open = false\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\r\n\t\tif (this.open) {\r\n\t\t\tthis.showDialog()\r\n\t\t} else {\r\n\t\t\tthis.hideDialog()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate focusTrap() {\r\n\t\tif (open && this.dialogRef) {\r\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\r\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\r\n\t\t\tif (focusableEls.length) {\r\n\t\t\t\tfocusableEls[0].focus();\r\n\t\t\t}\r\n\r\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\r\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\r\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\r\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\r\n\r\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tfirstEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tlastEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (e.key === \"Escape\") {\r\n\t\t\t\t\tif (this.blockClose === false) {\r\n\t\t\t\t\t\tthis.hideDialog();\r\n\t\t\t\t\t\tthis.govClose.emit();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\r\n\t\t} else {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\r\n\t\t\t\t<dialog\r\n\t\t\t\t\tref={el => (this.dialogRef = el)}\r\n\t\t\t\t\tclass={DialogClass.dialog}\r\n\t\t\t\t\thidden={!this.open}\r\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\r\n\t\t\t\t\topen={this.open}\r\n\t\t\t\t\taria-modal=\"true\"\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\r\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\r\n\t\t\t\t\trole={this.role}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class={DialogClass.inner}>\r\n\t\t\t\t\t\t<div class={DialogClass.header}>\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\r\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\r\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\r\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\r\n\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\tsize=\"m\"\r\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\r\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</dialog>\r\n\r\n\t\t\t\t{this.open ? (\r\n\t\t\t\t\t<gov-backdrop\r\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\r\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.preventDefault()\r\n\t\tif (this.blockClose === false) {\r\n\t\t\tthis.hideDialog()\r\n\t\t\tthis.govClose.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the close button to focus\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tif (this.open && this.closeCtaRef) {\r\n\t\t\tthis.closeCtaRef.setFocus().catch()\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\r\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\r\n\t}\r\n}\r\n"]}

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

@@ -1,19 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Sizes } from "../../core/constants/sizes";
-export const EmptySizes = pick(Sizes, ['_S', '_M', '_L']);
-export var EmptyDirection;
-(function (EmptyDirection) {
-    EmptyDirection["HORIZONTAL"] = "horizontal";
-    EmptyDirection["VERTICAL"] = "vertical";
-})(EmptyDirection || (EmptyDirection = {}));
-export var EmptyAlign;
-(function (EmptyAlign) {
-    EmptyAlign["LEFT"] = "left";
-    EmptyAlign["CENTER"] = "center";
-    EmptyAlign["RIGHT"] = "right";
-})(EmptyAlign || (EmptyAlign = {}));
-export const EmptyClass = {
-    root: 'gov-empty',
-    content: 'gov-empty__content',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-empty/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGzD,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACzB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACtB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAGD,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACrB,2BAAa,CAAA;IACb,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AAChB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAGD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,oBAAoB;CAC7B,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\r\n\r\nexport enum EmptyDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`\r\n\r\nexport enum EmptyAlign {\r\n\tLEFT = 'left',\r\n\tCENTER = 'center',\r\n\tRIGHT = 'right',\r\n}\r\nexport type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`\r\n\r\nexport const EmptyClass = {\r\n\troot: 'gov-empty',\r\n\tcontent: 'gov-empty__content',\r\n}\r\n"]}

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

@@ -1,122 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { EmptyClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-import { validateProp } from "../../helpers/Validate/props";
-import { AccordionClass, AccordionSizes } from "../gov-accordion/constants";
-export class GovEmpty {
-    constructor() {
-        /**
-         * Element size.
-         */
-        this.size = 'm';
-        /**
-         * Element direction
-         */
-        this.direction = "vertical";
-        /**
-         * Element alignment.
-         */
-        this.align = "left";
-        this.h = govHost(this.host);
-    }
-    validateSize(newValue) {
-        validateProp(AccordionSizes, newValue, AccordionClass.root);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-    }
-    render() {
-        return (h(Host, { key: 'b10b9a2d6d7d3286826bf3499c4fdb6fc3a55361', class: this.h.classes(EmptyClass.root), size: this.size, direction: this.direction, align: this.align }, this.h.hasSlot('icon') && (h("slot", { key: '151be593361299a315d5ce16be9f7a082efedcdb', name: "icon" })), h("div", { key: '8661841ecf708b38c41aed696c696ea4a3719894', class: EmptyClass.content }, h("slot", { key: '9884110dc44f7401ba512d97ef080c444ac2ea71', name: "headline" }), h("slot", { key: '53080ae7c203f53e4393a5b2e5c05a5f5fc1ee9d' }))));
-    }
-    static get is() { return "gov-empty"; }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "EmptySizesType",
-                    "resolved": "\"l\" | \"m\" | \"s\"",
-                    "references": {
-                        "EmptySizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-empty/constants.ts::EmptySizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Element size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'m'"
-            },
-            "direction": {
-                "type": "string",
-                "attribute": "direction",
-                "mutable": false,
-                "complexType": {
-                    "original": "EmptyDirectionType",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {
-                        "EmptyDirectionType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-empty/constants.ts::EmptyDirectionType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Element direction"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"vertical\""
-            },
-            "align": {
-                "type": "string",
-                "attribute": "align",
-                "mutable": false,
-                "complexType": {
-                    "original": "EmptyAlignType",
-                    "resolved": "\"center\" | \"left\" | \"right\"",
-                    "references": {
-                        "EmptyAlignType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-empty/constants.ts::EmptyAlignType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Element alignment."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"left\""
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "size",
-                "methodName": "validateSize"
-            }];
-    }
-}
-//# sourceMappingURL=gov-empty.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-empty.js","sourceRoot":"","sources":["../../../../../../src/components/gov-empty/gov-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAiB,UAAU,EAAqC,MAAM,aAAa,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAK1E,MAAM,OAAO,QAAQ;IAGpB;QAKA;;WAEG;QACc,SAAI,GAAoB,GAAG,CAAA;QAC5C;;WAEG;QACc,cAAS,GAAuB,UAAU,CAAA;QAC3D;;WAEG;QACc,UAAK,GAAoB,MAAM,CAAA;QAf/C,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,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YAClB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;YACD,4DAAK,KAAK,EAAE,UAAU,CAAC,OAAO;gBAC7B,6DAAM,IAAI,EAAC,UAAU,GAAG;gBACxB,8DAAQ,CACH,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\r\nimport {EmptyAlignType, EmptyClass, EmptyDirectionType, EmptySizesType} from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\r\n\r\n@Component({\r\n\ttag: 'gov-empty',\r\n})\r\nexport class GovEmpty {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovEmptyElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: EmptySizesType = 'm'\r\n\t/**\r\n\t * Element direction\r\n\t */\r\n\t@Prop() readonly direction: EmptyDirectionType = \"vertical\"\r\n\t/**\r\n\t * Element alignment.\r\n\t */\r\n\t@Prop() readonly align?: EmptyAlignType = \"left\"\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  direction={this.direction}\r\n\t\t\t\t  align={this.align}>\r\n\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t)}\r\n\t\t\t\t<div class={EmptyClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-error-code/constants.js

@@ -1,5 +0,0 @@
-export const ErrorCodeClass = {
-    root: 'gov-error-code',
-    content: 'gov-error-code__content',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-error-code/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-error-code/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,yBAAyB;CAClC,CAAA","sourcesContent":["export const ErrorCodeClass = {\r\n\troot: 'gov-error-code',\r\n\tcontent: 'gov-error-code__content',\r\n}\r\n"]}

package/dist/collection/components/gov-error-code/gov-error-code.js

@@ -1,14 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { ErrorCodeClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-export class GovErrorCode {
-    constructor() {
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (h(Host, { key: '7f4adeeba8a13e44b4e06957ae57c2766869991a', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (h("slot", { key: 'bdfcff23dd37e182812701064f92e60d20464525', name: "icon" })), h("div", { key: 'fa5491ab7ca31a23ca2a14d0b1a7f7c05875bc5e', class: ErrorCodeClass.content }, h("slot", { key: '406e89f47b0785f885eaa5016d34d1fb35551aee', name: "headline" }), h("slot", { key: 'af90cf6361b88506a0ca5687daf4b5f7b7157e62' }))));
-    }
-    static get is() { return "gov-error-code"; }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-error-code.js.map

package/dist/collection/components/gov-error-code/gov-error-code.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-error-code.js","sourceRoot":"","sources":["../../../../../../src/components/gov-error-code/gov-error-code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,QAAQ;YAC7D,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;YACD,4DAAK,KAAK,EAAE,cAAc,CAAC,OAAO;gBACjC,6DAAM,IAAI,EAAC,UAAU,GAAG;gBACxB,8DAAQ,CACH,CACD,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\r\nimport { ErrorCodeClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-error-code',\r\n})\r\nexport class GovErrorCode {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovErrorCodeElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\r\n\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

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

@@ -1,6 +0,0 @@
-import { Sizes } from "../../core/constants/sizes";
-export const FlexSizes = Sizes;
-export const FlexClass = {
-    root: 'gov-flex',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-flex/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAA;AAG9B,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;CAChB,CAAA","sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const FlexSizes = Sizes\r\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\r\n\r\nexport const FlexClass = {\r\n\troot: 'gov-flex',\r\n}\r\n\r\n"]}