@gov-design-system-ce/components 4.1.3-BETA-6 → 4.1.3-BETA-8

package/dist/cjs/{props-b079c32b.js → props-d189860c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const gov_log = require('./gov.log-21ea2c96.js');
+const gov_log = require('./gov.log-bfea3151.js');
 
 // @TODO: deal with optional values
 const validateProp = (valueEnum, value, component) => {
@@ -13,4 +13,4 @@ const validateProp = (valueEnum, value, component) => {
 
 exports.validateProp = validateProp;
 
-//# sourceMappingURL=props-b079c32b.js.map
+//# sourceMappingURL=props-d189860c.js.map

package/dist/cjs/{props-b079c32b.js.map → props-d189860c.js.map}

@@ -1 +1 @@
-{"file":"props-b079c32b.js","mappings":";;;;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;IAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAC1C,IAAI,CAAC,OAAO,EAAE;QACbA,qBAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtH;AACF;;;;","names":["govWarningLog"],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"version":3}
+{"file":"props-d189860c.js","mappings":";;;;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;IAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAC1C,IAAI,CAAC,OAAO,EAAE;QACbA,qBAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtH;AACF;;;;","names":["govWarningLog"],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"version":3}

package/dist/cjs/{wcag-efe9bf16.js → wcag-2927ff73.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const gov_log = require('./gov.log-21ea2c96.js');
+const gov_log = require('./gov.log-bfea3151.js');
 const string_utils = require('./string.utils-b84c81cf.js');
 const helpers_types = require('./helpers.types-ff60c9bd.js');
 
@@ -52,4 +52,4 @@ exports.validateAccessibleLabel = validateAccessibleLabel;
 exports.validateWcagProp = validateWcagProp;
 exports.validateWcagRef = validateWcagRef;
 
-//# sourceMappingURL=wcag-efe9bf16.js.map
+//# sourceMappingURL=wcag-2927ff73.js.map

package/dist/cjs/{wcag-efe9bf16.js.map → wcag-2927ff73.js.map}

@@ -1 +1 @@
-{"file":"wcag-efe9bf16.js","mappings":";;;;;;MAKa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;IAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACtDA,qBAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;KACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;IACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;QACpE,OAAO,IAAI,CAAA;KACX;IACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACrCA,qBAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;QACpF,OAAO,KAAK,CAAA;KACZ;IACD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,MAAM,YAAY,GAAGC,8BAAiB,CAAC,WAAW,CAAC,CAAA;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;YACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;SAC1B,CAAC,CAAA;KACF;IAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;QAClC,IAAIC,oBAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;YAExD,OAAO,KAAK,CAAA;SACZ;aAAM;YACN,OAAO,IAAI,CAAA;SACX;KACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAcY,uBAAuB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB,EAAE,KAAkB,SAAS;IAChJ,IAAIC,sBAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACxC,OAAO,IAAI,CAAA;KACX;IACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5D,MAAM,YAAY,GAAGD,oBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9D,IAAI,YAAY,EAAE;YACjB,OAAO,IAAI,CAAA;SACX;KACD;IACDF,qBAAa,CAAC,IAAI,SAAS,wEAAwE,EAAE,EAAE,CAAC,CAAA;IACxG,OAAO,KAAK,CAAA;AACb;;;;;;","names":["govWarningLog","splitByWhitespace","documentNode","isString"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import {govWarningLog} from '../Log/gov.log'\nimport {splitByWhitespace} from '../../utils/string.utils'\nimport {documentNode} from '../Dom/win'\nimport {isString} from \"../../utils/helpers.types\";\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateAccessibleLabel = (label: string | undefined, labelledBy: string | undefined, component: string, el: HTMLElement = undefined): boolean => {\n\tif (isString(label) && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined aria-label or aria-labelledby attribute.`, el)\n\treturn false\n}\n"],"version":3}
+{"file":"wcag-2927ff73.js","mappings":";;;;;;MAKa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;IAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACtDA,qBAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;KACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;IACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;QACpE,OAAO,IAAI,CAAA;KACX;IACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACrCA,qBAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;QACpF,OAAO,KAAK,CAAA;KACZ;IACD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,MAAM,YAAY,GAAGC,8BAAiB,CAAC,WAAW,CAAC,CAAA;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;YACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;SAC1B,CAAC,CAAA;KACF;IAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;QAClC,IAAIC,oBAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;YAExD,OAAO,KAAK,CAAA;SACZ;aAAM;YACN,OAAO,IAAI,CAAA;SACX;KACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAcY,uBAAuB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB,EAAE,KAAkB,SAAS;IAChJ,IAAIC,sBAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACxC,OAAO,IAAI,CAAA;KACX;IACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5D,MAAM,YAAY,GAAGD,oBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9D,IAAI,YAAY,EAAE;YACjB,OAAO,IAAI,CAAA;SACX;KACD;IACDF,qBAAa,CAAC,IAAI,SAAS,wEAAwE,EAAE,EAAE,CAAC,CAAA;IACxG,OAAO,KAAK,CAAA;AACb;;;;;;","names":["govWarningLog","splitByWhitespace","documentNode","isString"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import {govWarningLog} from '../Log/gov.log'\nimport {splitByWhitespace} from '../../utils/string.utils'\nimport {documentNode} from '../Dom/win'\nimport {isString} from \"../../utils/helpers.types\";\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateAccessibleLabel = (label: string | undefined, labelledBy: string | undefined, component: string, el: HTMLElement = undefined): boolean => {\n\tif (isString(label) && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined aria-label or aria-labelledby attribute.`, el)\n\treturn false\n}\n"],"version":3}

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

@@ -1,8 +1,214 @@
-import { h, Host } from "@stencil/core";
+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() {
+        this.size = undefined;
+        this.color = undefined;
+        this.name = null;
+        this.type = "components";
+        this.visible = false;
+        this.error = false;
+        console.log('GovIcon');
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(Sizes, newValue, IconClass.root);
+    }
+    validateColor(newValue) {
+        validateProp(IconColors, newValue, IconClass.root);
+    }
+    watchError(newValue) {
+        console.log('error', newValue);
+    }
+    async loadIconPathData() {
+        const { name, visible } = this;
+        console.log('name, visible', name, visible);
+        console.log('Build.isBrowser', Build.isBrowser);
+        if (!Build.isBrowser || !name || !visible) {
+            console.log('return');
+            return;
+        }
+        await this.loadIcon();
+    }
+    connectedCallback() {
+        console.log('connectedCallback icon', this.name);
+        console.log('iconsLazyLoad()', iconsLazyLoad());
+        if (iconsLazyLoad()) {
+            this.visible = true;
+            this.loadIconPathData().finally();
+        }
+        else {
+            this.waitUntilVisible(async () => {
+                this.visible = true;
+                await this.loadIconPathData();
+            });
+        }
+    }
+    disconnectedCallback() {
+        console.log('disconnectedCallback');
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+            this.intersectionObserver = null;
+        }
+    }
+    async componentWillLoad() {
+        console.log('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;
+            console.log('loadIcon -> name, type', name, type);
+            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() {
-        return (h(Host, { key: '84fe45f5f823788977603df4b40469854a23ea1b' }, "HELLO"));
+        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",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconSizesType",
+                    "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"6xl\" | \"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"
+                },
+                "attribute": "size",
+                "reflect": true
+            },
+            "color": {
+                "type": "string",
+                "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"
+                },
+                "attribute": "color",
+                "reflect": true
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of icon in folder"
+                },
+                "attribute": "name",
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Type (folder) of icon"
+                },
+                "attribute": "type",
+                "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": "error",
+                "methodName": "watchError"
+            }, {
+                "propName": "name",
+                "methodName": "loadIconPathData"
+            }];
+    }
 }
 //# sourceMappingURL=gov-icon.js.map

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

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

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

@@ -39,8 +39,8 @@ export class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (h("gov-button", { key: '03f7921b0eef199be48f021a23f431cfb116d001', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: '5b8385ff70a5ae33032451d56e1d1a2e4938656e', name: "x-lg", type: "components" })));
-        return (h(Host, { key: 'cb9dbd10b36253597b3190b5ec6558761cf32ffb', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, h("section", Object.assign({ key: '301e4d6b31069183e7a84015bebe0ca9ffc0c667', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), h("slot", { key: 'a0cb4376440cc034c501dcb41f0f8912e6331a0a', name: "icon" }), h("div", { key: '99f1c4dbf739de828c10277e83a3c94e9aaf68bd', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
+        const closeButton = (h("gov-button", { key: '2d0597a56f6edb97e7feff654ba98885fa48033a', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
+        return (h(Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, h("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), h("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), h("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({

package/dist/collection/components/gov-layout/gov-layout-column.js

@@ -6,7 +6,7 @@ export class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '6d327408b450774b24d976e4450378d3cb41fc99', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: '8c73b3c0a3c5e1e4a79205bc7631ae8579f38643' })));
+        return (h(Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
     }
     static get is() { return "gov-layout-column"; }
     static get elementRef() { return "host"; }

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

@@ -15,7 +15,7 @@ export class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (h(Host, { key: '0797feef52b833ead99b61d5aa78c0dbc4f5b5b7', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'aab90b8796879b296ae09f3a7975e8931adacea8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: 'ac79827788dfac2c3e2cfb57671a4b9422d31d7b' }))));
+        return (h(Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
     }
     static get is() { return "gov-layout"; }
     static get properties() {

package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js

@@ -32,7 +32,7 @@ export class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (h(Host, { key: '914b3fa860f16bb35d1219f9d758cc7c0c51ca1a', identifier: this.uniqueId }, h("span", { key: 'ccd8f0d9c97e53e958d0db4452d12c66fc33dd7a' }, "lifecycle ", this.uniqueId)));
+        return (h(Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, h("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
     }
     static get is() { return "gov-lifecycle"; }
 }

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

@@ -24,7 +24,7 @@ export class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: '3555b4e5b485f3928dba84bf929d3d22d0e5d4ae', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, h("a", Object.assign({ key: '4844af47b5a20f84b7ea81812eede0d0361208e8', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), h("slot", { key: '4a77215c37a5807be36a996ab250b52b4eaac64c', name: "icon-start" }), h("slot", { key: '1f10e44babae3c7cfb702ca61b8f9c5dc0cbe999' }), this.external ? h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : h("slot", { name: "icon-end" }))));
+        return (h(Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, h("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), h("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), h("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : h("slot", { name: "icon-end" }))));
     }
     static get is() { return "gov-link"; }
     static get properties() {

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

@@ -14,7 +14,7 @@ export class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (h(Host, { key: 'c898509b3ef6060aaf7fe430738f8b40ae37810f', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: '2dcb83c719ba81284fe78c1c30a12c4630571712', class: LoadingClass.content }, h("gov-icon", { key: '9e499b414ceb2b601b5f7f093f403e4317fbebec', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: '638d2b827845d5ca7b6ac9dc4ebb27e790dc710e' })), h("gov-backdrop", { key: '1124baa1e77cf732888acdd3938d5b3661514b6d', inverse: true })));
+        return (h(Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, h("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), h("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
     }
     static get is() { return "gov-loading"; }
     static get properties() {

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js

@@ -66,7 +66,7 @@ export class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (h(Host, Object.assign({ key: '881e753455535f18553d6ff8abfc3e2fab0f158e', size: this.size, color: this.color, class: {
+        return (h(Host, Object.assign({ key: '175dad78f57ee2e44fe3097e0595f59254e1003b', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",

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

@@ -13,7 +13,7 @@ export class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (h(Host, { key: '21d5bfd1df1e7e4f4a9997d3ac530c5782f8781a', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("slot", { key: 'a05f13714529add991bd5a3c54e3ba28c00568b3', name: "icon" })), h("div", { key: '9955a18a98e405947bc50fb233c9506038336300', class: MessageClass.content }, h("slot", { key: '9c95c386a0747b36115cfd60d6719b7f738006de' }))));
+        return (h(Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), h("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, h("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
     }
     static get is() { return "gov-message"; }
     static get properties() {

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

@@ -19,7 +19,7 @@ export class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return h(Host, { key: 'e42a12db071b1b5224b47f3655fb58e20ee8c611', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return h(Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     static get is() { return "gov-spacer"; }
     static get properties() {

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

@@ -25,7 +25,7 @@ export class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (h(Host, { key: 'fc00ba7e0c3be93e6a169bdb03e1e5c6c5853572', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (h("span", { key: '8a6bc5466c813daed63d9bbe79cdff140c6efe0d', class: StepperItemClass.prefix }, h("slot", { key: '91113b50c14f4483bb5e105d3f9edeededf4e012', name: "prefix" }))), h("div", { key: '3fb2989980a0ae0e5dea17acf6cebfff7cdd3e9a' }, h("span", { key: '62ab2a21f486c91574fdc727a11a7f799ee502ab', class: StepperItemClass.headline }, h("slot", { key: '78ac018eb5041a6c41f929b6d94dbd9dcb87ee66', name: "headline" })), h("slot", { key: '9d45b3bc137a55f6e54f453c82bde7ce39840cd0', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: 'b845c4314ceac232f624906c71648e2e10fe7b98', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: '3571a4cb451f1d64497b31ebd3db6618ba76bdc6', name: "content" }))))));
+        return (h(Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (h("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: StepperItemClass.prefix }, h("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), h("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, h("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: StepperItemClass.headline }, h("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), h("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
     }
     static get is() { return "gov-stepper-item"; }
     static get properties() {

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

@@ -27,7 +27,7 @@ export class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '7f4c6fb4087d7a5dbe61a45d6b2818d4242c6340', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'dc925a52989ea99d546d492762e3c902e2b8072e' })));
+        return (h(Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
     }
     static get is() { return "gov-stepper"; }
     static get properties() {

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

@@ -23,7 +23,7 @@ export class GovTabsItem {
         }
     }
     render() {
-        return (h(Host, { key: '20bb9dd4a6cf12190de8518c7cadc794c82c896b', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: 'fd9a14dc61b5297ecd9392cb605f89d459723c27', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '2be087e8c8641b14bf4a3e34784ca1f182b34850' }))));
+        return (h(Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '8868371d0da63c1727c8b3a55b930a4d0ce30a3c', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
     }
     /**
      * Returns a unique tab content identifier

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

@@ -112,7 +112,7 @@ export class GovTabs {
         });
     }
     render() {
-        return (h(Host, { key: '1fffeff827b0d4944bf701c3a838eebd9666abcb', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: '3be472d6bc3d111de4b73f1c6e6a89d5d7e92110', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: 'cc7108c86e22104094ef8eb6d1430a0a0abe11db', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '6e8295947f0555d54060a29fd8f5b7c607be4c20' })));
+        return (h(Host, { key: '4efcbedcc355a74456cc899bc48c7aaf8c604c12', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;

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

@@ -27,7 +27,7 @@ export class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: '6e4203592cd24134cb9e1a187dbecd6cc70d20bb', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: 'a58f1a4fd78d57f8e4a89d1c325ea0f24347ccaf', class: "element" }, h("slot", { key: 'bc52f9aa456b154b67b97903babe69c8b7731f50', name: "icon-start" }, iconStart && h("gov-icon", { key: 'ed492a9c4746766d8ac7bf810da994147d189133', type: iconStart.type, name: iconStart.name })), h("slot", { key: '52e2c10f8048aa0168dc7daf44392f19dd118e43' }), h("slot", { key: 'ccbd781c7a0e8fd2e02725cebc5df48e8e84b6ea', name: "icon-end" }, iconEnd && h("gov-icon", { key: 'cce60e6a25e14d42281111979b7689d03ea264e1', type: iconEnd.type, name: iconEnd.name })))));
+        return (h(Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, h("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && h("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), h("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), h("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && h("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
     }
     static get is() { return "gov-tag"; }
     static get properties() {

package/dist/collection/components/gov-theme-switch/gov-theme-switch.js

@@ -65,7 +65,7 @@ export class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (h(Host, { key: '51cbe413c4cd97f82ae8e34376cad4cb59c3a41d', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: '8f7dbeec9ff6617c4953c4a0582b374baf7ba8c3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: '64f9a96872b50f33483721541178e0d4c553d834' }, h("span", { key: 'f363538d18d9a4419f1ef15b1172c941277372a3', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '762947b5442313672e7ace3ed59523404f548b5b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: '371ace4006ae511225583323682b08c8bc154f61', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
+        return (h(Host, { key: '784ed0513ea1436bb754dc82691646422789783b', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: 'd4abc155a8ae8f07d0a49c378e295c3ab57318d4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: '7f713875d5618acc919702cdc60e9db58dfb9db5' }, h("span", { key: '0b57c0153047ef292b6bdc43b49e5a1a9cdc17e1', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: 'ae2c751435a2bc9c1e9f8dfa4ca52e13943ada9b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: '7a4ee602a37742ab94dcee47a7c4970d5dce5bb6', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
     }
     static get is() { return "gov-theme-switch"; }
     static get properties() {

package/dist/collection/components/gov-tile/container/gov-tiles.js

@@ -7,7 +7,7 @@ export class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: 'ecc964ac553f792318284779a8823eea7ae731f9', class: this.h.classes(TilesClass.root) }, h("slot", { key: '609deafe9ff8cb61d5aa30b51b26e539cb5d3934' })));
+        return (h(Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, h("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
     }
     static get is() { return "gov-tiles"; }
     static get properties() {

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

@@ -11,7 +11,7 @@ export class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '84c41fa8adec27a169b9af69b9d7542bd86dcf36', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: '7176b3b1da20e5ba92c87c32b48f850e141558f9', name: "icon" }), h("div", { key: '614de838391b6e65368cdb58b5db81af5a344d21', class: TileClass.content }, h("div", { key: 'f952461981e6a5f20172a6d0ad9d041a5f9d8171', class: TileClass.text }, h("div", { key: 'fb411a7f50a8a0ecb6015a69fccb8b0832c5aed4', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: '555c1aff4029a9b62f8e53391da8e289d373e100', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: 'e9310d039ca17a2a45dc9ef6a04c107dc6cf1bcd' }))), h("slot", { key: 'e8c792e1682c30d5dcaf33798908ec06da7a8d1a', name: "button" }))));
+        return (h(Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), h("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, h("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, h("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), h("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

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

@@ -53,7 +53,7 @@ export class GovToast {
         }
     }
     render() {
-        return (h(Host, { key: '9d2e214ed4c883f0ac90eb6d580ed95cb55e42cd', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: '54292ad196806932ab9ae44bfc33187f4154e616', class: ToastClass.icon }, h("slot", { key: '9545c651a46a7bb55990e9327e8fbe4fe126954f', name: "icon" }))), h("div", Object.assign({ key: 'daed3fcbd83eec05979a9e00e2f983d5c6b1b538', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: 'd3f78c0d713d56ef32b0dece9553e258f0ef4ef4' })), h("gov-button", { key: 'dad799261c83b387c0590fd0ad13bdad584ee6b4', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'e13b568ada5e34f00c405d359665cd9d0af5ff89', class: ToastClass.timer })));
+        return (h(Host, { key: '632972ed59aac0d696428d6f32e6c99615ccf687', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, h("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), h("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), h("gov-button", { key: '9f05e19a672f66c2203a5556370e12e2ce7819f7', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js

@@ -29,7 +29,7 @@ export class GovTooltipContent {
         }
     }
     render() {
-        return (h(Host, { key: 'c47f590b5f8dffb0c0f1caa17978075fb64c3603', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: '276690a83ede038b09f5e439495693b7215e4af7' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (h(Host, { key: '965998f4788ddd5dffd01b53073a001023cd9037', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     static get is() { return "gov-tooltip-content"; }
     static get properties() {

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

@@ -196,11 +196,11 @@ export class GovTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '37b75e6feac97800345d4e93f7be840172712dd2', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '0982a167f159aca0d39edc784ef50f13409fa29c', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (h(Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '9c9c06d716556faa56f5ba9a952ea867c5533b2b', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, h("slot", { key: '1b6f7bd6a704ac56941e464d401eebf9da4eafaf' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, h("slot", { key: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
     }
     /**
      * Showing the modal

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

@@ -36,8 +36,8 @@ export class GovWizardItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: '82b6be7faa5fdf29249eec96683ca3914a060dd7', class: WizardItemClass.prefix }, h("slot", { key: '4aa4139f7ae8fa022c6f93b3f6fe508ee30e881e', name: "prefix" })));
-        return (h(Host, { key: '70570aa0326bc056bdcada429a04f87b2e106051', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: 'ef0e103ec1535e155c12df999f5b64747c1167c2', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: WizardItemClass.prefix }, h("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
+        return (h(Host, { key: '463384ea408a20992bf6f30f142fce7146fabf53', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();

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

@@ -40,7 +40,7 @@ export class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: 'fb6b400947dc4c7feddd5b83b3c167d611af0370', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'df2cb17a4c48813843ed5b3174a27b07e04b85b4' })));
+        return (h(Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
     }
     /**
      * Validate the WCAG attributes of the component

package/dist/collection/utils/icon.utils.js

@@ -19,6 +19,8 @@ export async function fetchIcon({ name, type }) {
     }
     console.log('requestCache[cacheKey]', requestCache, requestCache[cacheKey]);
     if (!requestCache[cacheKey]) {
+        console.log('iconsPath()', iconsPath());
+        console.log('name, type', name, type);
         console.log('iconUrl(iconsPath(), name, type)', iconUrl(iconsPath(), name, type));
         requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
             if (resp.status === 200) {