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

package/dist/collection/components/gov-form/control/gov-form-control.js

@@ -1,202 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { govForm } from "../../../helpers/Dom/form";
-import { govHost } from "../../../helpers/Dom/template";
-import { splitByWhitespace } from "../../../utils/string.utils";
-import { FormControlClass } from "./constants";
-import { isString } from "../../../utils/helpers.types";
-export class GovFormControl {
-    constructor() {
-        /**
-         * Indicates the entered value of a child form element does not conform to the format expected by the application.
-         */
-        this.invalid = false;
-        /**
-        /**
-        * Indicates the form control is disabled
-         */
-        this.disabled = false;
-        /**
-        /**
-        * Indicates the entered value of a child form element does conform to the format expected by the application.
-         */
-        this.success = false;
-        /**
-         * Use control as a fieldset for better accessibility.
-         * Note: Remember to set the legend attribute of the gov-form-label component
-         */
-        this.fieldset = false;
-        /**
-         * Form element size.
-         */
-        this.size = "m";
-        this.h = govHost(this.host);
-        this.f = govForm(this.h);
-    }
-    componentDidRender() {
-        this.syncControlMessages();
-        this.formElementDescriptionControl();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    formElementDescriptionControl() {
-        const bottomSlot = this.host.querySelector("." + FormControlClass.bottom);
-        if (!bottomSlot)
-            return;
-        this.observer = new MutationObserver(function () {
-            this.syncControlMessages();
-        }.bind(this));
-        this.observer.observe(bottomSlot, { childList: true });
-    }
-    syncControlMessages() {
-        Promise.all(this.f.messageElements.map((message) => message.identifier())).then((ids) => {
-            this.f.mainElementsInControl.forEach((element) => {
-                const currentValue = splitByWhitespace(element.getAttribute("aria-describedby"));
-                element.removeAttribute("aria-describedby");
-                if (Array.isArray(currentValue)) {
-                    currentValue.forEach(id => (isString(id) && id.indexOf("GovFormMessage") === -1 ? ids.push(id) : null));
-                }
-                if (ids.length) {
-                    element.setAttribute("aria-describedby", ids.join(" "));
-                }
-            });
-        });
-    }
-    render() {
-        const Tag = this.fieldset ? "fieldset" : "div";
-        return (h(Host, { key: '04e4ab3533f5d22939573fa20a354a0b76319986', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: '9851627baf138775fe24a673d6a095fc8980b6e9', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: 'beffe147db943648861b9775dee76ef6b20dffa3', name: "top" }), h("slot", { key: '6667b41d2720045a93b10a92ef300e2842ff57b4' }), this.h.hasSlot("bottom") && (h("div", { key: 'fe117fdc7d64b3c2b4e18e95d1f213c8a8fe3766', class: FormControlClass.bottom }, h("slot", { key: '07eabb48c2849d624bed7f59ba14811ed35732fb', name: "bottom" }))))));
-    }
-    static get is() { return "gov-form-control"; }
-    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 form element identifier"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "invalid": {
-                "type": "boolean",
-                "attribute": "invalid",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates the entered value of a child form element does not conform to the format expected by the application."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "/**\r\n Indicates the form control is disabled"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "success": {
-                "type": "boolean",
-                "attribute": "success",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "/**\r\n Indicates the entered value of a child form element does conform to the format expected by the application."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "fieldset": {
-                "type": "boolean",
-                "attribute": "fieldset",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Use control as a fieldset for better accessibility.\r\nNote: Remember to set the legend attribute of the gov-form-label component"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "FormControlSizesType",
-                    "resolved": "\"l\" | \"m\" | \"xl\"",
-                    "references": {
-                        "FormControlSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-form/control/constants.ts::FormControlSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Form element size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"m\""
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-form-control.js.map

package/dist/collection/components/gov-form/control/gov-form-control.js.map

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

package/dist/collection/components/gov-form/file/constants.js

@@ -1,8 +0,0 @@
-export const FormFileClass = {
-    root: 'gov-form-file',
-    area: 'gov-form-file__area',
-    input: 'gov-form-file__input',
-    inputFocus: 'gov-form-file__input-focus',
-    attachments: 'gov-form-file__attachments',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-form/file/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/file/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,4BAA4B;IACxC,WAAW,EAAE,4BAA4B;CACzC,CAAA","sourcesContent":["export const FormFileClass = {\r\n\troot: 'gov-form-file',\r\n\tarea: 'gov-form-file__area',\r\n\tinput: 'gov-form-file__input',\r\n\tinputFocus: 'gov-form-file__input-focus',\r\n\tattachments: 'gov-form-file__attachments',\r\n}\r\n"]}