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

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

@@ -1,218 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { GridItemClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-export class GovGridItem {
-    constructor() {
-        /**
-         * Cell size as a fraction of 1/12 of the grid size
-         */
-        this.column = "12";
-        /**
-         * Connects rows in the grid
-         */
-        this.row = "1";
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (h(Host, { key: 'f0bd487f13430180ee5ba1ea47b42a96c792a844', class: this.h.classes(GridItemClass.root), role: "listitem" }, h("slot", { key: '31abf23d589818b1f8ca2d7adf527619d470739f' })));
-    }
-    static get is() { return "gov-grid-item"; }
-    static get properties() {
-        return {
-            "column": {
-                "type": "string",
-                "attribute": "col-span",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size as a fraction of 1/12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"12\""
-            },
-            "columnSm": {
-                "type": "string",
-                "attribute": "col-span-sm",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for SM media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "columnMd": {
-                "type": "string",
-                "attribute": "col-span-md",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for MD media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "columnLg": {
-                "type": "string",
-                "attribute": "col-span-lg",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for LG media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "columnXl": {
-                "type": "string",
-                "attribute": "col-span-xl",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for XL media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "row": {
-                "type": "string",
-                "attribute": "row-span",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Connects rows in the grid"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"1\""
-            },
-            "rowSm": {
-                "type": "string",
-                "attribute": "row-span-sm",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for SM media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "rowMd": {
-                "type": "string",
-                "attribute": "row-span-md",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for MD media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "rowLg": {
-                "type": "string",
-                "attribute": "row-span-lg",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for LG media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "rowXl": {
-                "type": "string",
-                "attribute": "row-span-xl",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cell size for XL media query and up as a fraction of 12 of the grid size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-grid-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-grid-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,OAAO,WAAW;IAGvB;QAKA;;WAEG;QACuC,WAAM,GAAW,IAAI,CAAC;QAiBhE;;WAEG;QACuC,QAAG,GAAW,GAAG,CAAC;QA3B3D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA6CD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,UAAU;YAEf,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { GridItemClass } 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-grid-item',\r\n})\r\nexport class GovGridItem {\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() readonly host: HTMLGovGridItemElement\r\n\t/**\r\n\t * Cell size as a fraction of 1/12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\r\n\t/**\r\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\r\n\t/**\r\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\r\n\t/**\r\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\r\n\t/**\r\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\r\n\t/**\r\n\t * Connects rows in the grid\r\n\t */\r\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\r\n\t/**\r\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\r\n\t/**\r\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\r\n\t/**\r\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\r\n\t/**\r\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\r\n\t\t\t\trole=\"listitem\"\r\n\t\t\t>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

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

@@ -1,81 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { GridClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-export class GovGrid {
-    constructor() {
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (h(Host, { key: 'c3ab0c523d11db70b02a8abb75f18199a5a0e5a2', class: this.h.classes(GridClass.root), role: "list" }, h("slot", { key: '98eac108759934ee4dd5b008e988a5761e642b27' })));
-    }
-    static get is() { return "gov-grid"; }
-    static get properties() {
-        return {
-            "alignItems": {
-                "type": "string",
-                "attribute": "align-items",
-                "mutable": false,
-                "complexType": {
-                    "original": "'start' | 'center' | 'end' | 'stretch'",
-                    "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Horizontal align of cells"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "justifyItems": {
-                "type": "string",
-                "attribute": "justify-items",
-                "mutable": false,
-                "complexType": {
-                    "original": "'start' | 'center' | 'end' | 'stretch'",
-                    "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Vertical align of cells"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "gap": {
-                "type": "string",
-                "attribute": "gap",
-                "mutable": false,
-                "complexType": {
-                    "original": "GridSizesType",
-                    "resolved": "\"2xl\" | \"2xs\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-                    "references": {
-                        "GridSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-grid/constants.ts::GridSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The gap property creates consistent spacing between flex items in the container."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-grid.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,SAAS,EAAiB,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,OAAO,OAAO;IAGnB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAmBD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM;YACvD,8DAAa,CACP,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { GridClass, GridSizesType } 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-grid',\r\n})\r\nexport class GovGrid {\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: HTMLGovGridElement\r\n\r\n\t/**\r\n\t * Horizontal align of cells\r\n\t */\r\n\t@Prop({ attribute: 'align-items', reflect: true }) alignItems?: 'start' | 'center' | 'end' | 'stretch';\r\n\r\n\t/**\r\n\t * Vertical align of cells\r\n\t */\r\n\t@Prop({ attribute: 'justify-items', reflect: true }) justifyItems?: 'start' | 'center' | 'end' | 'stretch';\r\n\r\n\t/**\r\n\t * The gap property creates consistent spacing between flex items in the container.\r\n\t */\r\n\t@Prop({ attribute: 'gap', reflect: true }) gap?: GridSizesType;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(GridClass.root)} role=\"list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

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

@@ -1,27 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Colors } from "../../core/constants/colors";
-import { Sizes } from "../../core/constants/sizes";
-export const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
-export const IconColors = pick(Colors, [
-    'DEFAULT',
-    'PRIMARY',
-    'SECONDARY',
-    'NEUTRAL',
-    'ERROR',
-    'SUCCESS',
-    'WARNING',
-    'DISABLED',
-    'WHITE',
-    'BLACK',
-]);
-var Types;
-(function (Types) {
-    Types["BASIC"] = "basic";
-    Types["COMPLEX"] = "complex";
-    Types["COLORED"] = "colored";
-})(Types || (Types = {}));
-export const IconClass = {
-    root: 'gov-icon',
-    holder: 'gov-icon__holder',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AAGtG,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE;IACtC,SAAS;IACT,SAAS;IACT,WAAW;IACX,SAAS;IACT,OAAO;IACP,SAAS;IACT,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAGF,IAAK,KAIJ;AAJD,WAAK,KAAK;IACT,wBAAe,CAAA;IACf,4BAAmB,CAAA;IACnB,4BAAmB,CAAA;AACpB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAGD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,kBAAkB;CAC1B,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils';\r\nimport { Colors } from '../../core/constants/colors';\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\r\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\r\n\r\nexport const IconColors = pick(Colors, [\r\n\t'DEFAULT',\r\n\t'PRIMARY',\r\n\t'SECONDARY',\r\n\t'NEUTRAL',\r\n\t'ERROR',\r\n\t'SUCCESS',\r\n\t'WARNING',\r\n\t'DISABLED',\r\n\t'WHITE',\r\n\t'BLACK',\r\n])\r\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\r\n\r\nenum Types {\r\n\tBASIC = 'basic',\r\n\tCOMPLEX = 'complex',\r\n\tCOLORED = 'colored',\r\n}\r\nexport type Type = `${ValueOf<typeof Types>}`\r\n\r\nexport const IconClass = {\r\n\troot: 'gov-icon',\r\n\tholder: 'gov-icon__holder',\r\n}\r\n"]}

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

@@ -1,211 +0,0 @@
-import { Build, h, Host } from "@stencil/core";
-import { IconClass, IconColors } from "./constants";
-import { fetchIcon } from "../../utils/icon.utils";
-import { govHost } from "../../helpers/Dom/template";
-import { iconsLazyLoad } from "../../helpers/Dom/win";
-import { validateProp } from "../../helpers/Validate/props";
-import { Sizes } from "../../core/constants/sizes";
-import { isValidSVG } from "../../helpers/Dom/document";
-export class GovIcon {
-    constructor() {
-        /**
-         * Name of icon in folder
-         */
-        this.name = null;
-        /**
-         * Type (folder) of icon
-         */
-        this.type = "components";
-        this.visible = false;
-        this.error = false;
-        this.h = govHost(this.host);
-    }
-    validateSize(newValue) {
-        validateProp(Sizes, newValue, IconClass.root);
-    }
-    validateColor(newValue) {
-        validateProp(IconColors, newValue, IconClass.root);
-    }
-    async loadIconPathData() {
-        const { name, visible } = this;
-        if (!Build.isBrowser || !name || !visible) {
-            return;
-        }
-        await this.loadIcon();
-    }
-    connectedCallback() {
-        if (iconsLazyLoad()) {
-            this.visible = true;
-            this.loadIconPathData().finally();
-        }
-        else {
-            this.waitUntilVisible(async () => {
-                this.visible = true;
-                await this.loadIconPathData();
-            });
-        }
-    }
-    disconnectedCallback() {
-        if (this.intersectionObserver) {
-            this.intersectionObserver.disconnect();
-            this.intersectionObserver = null;
-        }
-    }
-    async componentWillLoad() {
-        this.validateSize(this.size);
-        this.validateColor(this.color);
-        await this.loadIconPathData();
-    }
-    waitUntilVisible(callback) {
-        if (!Build.isBrowser || typeof window === "undefined" || !window.IntersectionObserver) {
-            callback();
-            return;
-        }
-        this.intersectionObserver = new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    if (this.intersectionObserver) {
-                        this.intersectionObserver.disconnect();
-                        this.intersectionObserver = null;
-                    }
-                    callback();
-                }
-            });
-        }, { rootMargin: "50px" });
-        this.intersectionObserver.observe(this.host);
-    }
-    async loadIcon() {
-        try {
-            const { name, type } = this;
-            const data = await fetchIcon({ name, type });
-            const isValid = isValidSVG(data);
-            this.host.innerHTML = isValid ? data : null;
-        }
-        catch (e) {
-            this.host.innerHTML = '';
-            this.error = true;
-        }
-    }
-    render() {
-        if (this.error) {
-            return null;
-        }
-        return (h(Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
-    }
-    static get is() { return "gov-icon"; }
-    static get assetsDirs() { return ["assets"]; }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconSizesType",
-                    "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-                    "references": {
-                        "IconSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-icon/constants.ts::IconSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconColorType",
-                    "resolved": "\"black\" | \"default\" | \"disabled\" | \"error\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"white\"",
-                    "references": {
-                        "IconColorType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-icon/constants.ts::IconColorType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon color"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of icon in folder"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "null"
-            },
-            "type": {
-                "type": "string",
-                "attribute": "type",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Type (folder) of icon"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "\"components\""
-            }
-        };
-    }
-    static get states() {
-        return {
-            "visible": {},
-            "error": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "size",
-                "methodName": "validateSize"
-            }, {
-                "propName": "color",
-                "methodName": "validateColor"
-            }, {
-                "propName": "name",
-                "methodName": "loadIconPathData"
-            }];
-    }
-}
-//# sourceMappingURL=gov-icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-icon.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/gov-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {IconClass, IconColors, type IconColorType, IconSizesType} from \"./constants\"\r\nimport {fetchIcon} from \"../../utils/icon.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {isValidSVG} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\tassetsDirs: [\"assets\"],\r\n\ttag: \"gov-icon\",\r\n})\r\nexport class GovIcon {\r\n\tprivate h: GovHost\r\n\tprivate intersectionObserver: IntersectionObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovIconElement\r\n\t/**\r\n\t * Icon size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: IconSizesType\r\n\t/**\r\n\t * Icon color\r\n\t */\r\n\t@Prop({reflect: true}) readonly color?: IconColorType\r\n\t/**\r\n\t * Name of icon in folder\r\n\t */\r\n\t@Prop({reflect: true}) name: string = null\r\n\t/**\r\n\t * Type (folder) of icon\r\n\t */\r\n\t@Prop({reflect: true}) type = \"components\"\r\n\r\n\t@State() private visible = false\r\n\t@State() private error = false\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"name\")\r\n\tprivate async loadIconPathData(): Promise<void> {\r\n\t\tconst {name, visible} = this\r\n\t\tif (!Build.isBrowser || !name || !visible) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tawait this.loadIcon()\r\n\t}\r\n\r\n\tconnectedCallback(): void {\r\n\t\tif (iconsLazyLoad()) {\r\n\t\t\tthis.visible = true\r\n\t\t\tthis.loadIconPathData().finally()\r\n\t\t} else {\r\n\t\t\tthis.waitUntilVisible(async () => {\r\n\t\t\t\tthis.visible = true\r\n\t\t\t\tawait this.loadIconPathData()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tif (this.intersectionObserver) {\r\n\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\tthis.intersectionObserver = null\r\n\t\t}\r\n\t}\r\n\r\n\tasync componentWillLoad(): Promise<void> {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateColor(this.color)\r\n\t\tawait this.loadIconPathData()\r\n\t}\r\n\r\n\tprivate waitUntilVisible(callback: () => void): void {\r\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\r\n\t\t\tcallback()\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.intersectionObserver = new IntersectionObserver(\r\n\t\t\tentries => {\r\n\t\t\t\tentries.forEach(entry => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tif (this.intersectionObserver) {\r\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\t\t\t\t\tthis.intersectionObserver = null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcallback()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{rootMargin: \"50px\"},\r\n\t\t)\r\n\t\tthis.intersectionObserver.observe(this.host)\r\n\t}\r\n\r\n\tprivate async loadIcon() {\r\n\t\ttry {\r\n\t\t\tconst {name, type} = this\r\n\t\t\tconst data = await fetchIcon({name, type})\r\n\t\t\tconst isValid = isValidSVG(data)\r\n\t\t\tthis.host.innerHTML = isValid ? data : null;\r\n\t\t} catch (e) {\r\n\t\t\tthis.host.innerHTML = ''\r\n\t\t\tthis.error = true\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.error) {\r\n\t\t\treturn null\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-icon/helpers.js

@@ -1,14 +0,0 @@
-export const prepareIconFormat = (value) => {
-    if (typeof value === 'string' && value.length) {
-        const regexPattern = /^[a-z-]+\/[a-z-]+$/;
-        if (regexPattern.test(value)) {
-            const icon = value.split("/");
-            return {
-                type: icon[0],
-                name: icon[1],
-            };
-        }
-    }
-    return null;
-};
-//# sourceMappingURL=helpers.js.map

package/dist/collection/components/gov-icon/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/helpers.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAsB,EAAE;IACtE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QAC/C,MAAM,YAAY,GAAG,oBAAoB,CAAC;QAC1C,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9B,OAAO;gBACN,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;aACb,CAAA;QACF,CAAC;IACF,CAAC;IACD,OAAO,IAAI,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import {Nullable} from \"../../types/interfaces\";\r\n\r\nexport type IconType = { type: string, name: string }\r\n\r\nexport const prepareIconFormat = (value: string): Nullable<IconType> => {\r\n\tif (typeof value === 'string' && value.length) {\r\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\r\n\t\tif (regexPattern.test(value)) {\r\n\t\t\tconst icon = value.split(\"/\");\r\n\t\t\treturn {\r\n\t\t\t\ttype: icon[0],\r\n\t\t\t\tname: icon[1],\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn null\r\n}\r\n"]}