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

package/dist/hydrate/index.mjs

@@ -131,6 +131,12 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+
 // src/utils/constants.ts
 var EMPTY_OBJ = {};
 
@@ -2199,6 +2205,12 @@ var registerHost = (elm, cmpMeta) => {
   elm["s-rc"] = [];
   return hostRefs.set(elm, hostRef);
 };
+var Build = {
+  isDev: false,
+  isBrowser: false,
+  isServer: true,
+  isTesting: false
+};
 var styles = /* @__PURE__ */ new Map();
 
 async function delay(miliseconds) {
@@ -2255,6 +2267,8 @@ const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
 const useWarningLog = () => config().warningLog;
 const useErrorLog = () => config().errorLog;
 const useLog = () => config().log;
+const iconsPath = () => config().iconsPath;
+const iconsLazyLoad = () => config().iconsLazyLoad;
 const documentNode = () => config().documentNode;
 
 const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
@@ -6018,20 +6032,220 @@ class GovGridItem {
     }; }
 }
 
+pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
+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 = {}));
+const IconClass = {
+    root: 'gov-icon',
+    holder: 'gov-icon__holder',
+};
+
+const version = "4.1.3-BETA-8";
+
+const dsVersion = () => {
+    return version;
+};
+
+const iconCache = {};
+const requestCache = {};
+const isExternalUrl = (path) => path.startsWith("http://") || path.startsWith("https://");
+const iconUrl = (path, name, type) => {
+    if (isExternalUrl(path)) {
+        return `${path}/${type}/${name}.svg?v=${dsVersion()}`;
+    }
+    return getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`;
+};
+async function fetchIcon({ name, type }) {
+    const cacheKey = type + "-" + name;
+    console.log('cacheKey', cacheKey);
+    console.log('iconCache[cacheKey]', iconCache, iconCache[cacheKey]);
+    if (iconCache[cacheKey]) {
+        return iconCache[cacheKey];
+    }
+    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) {
+                return resp.text();
+            }
+            else {
+                throw new Error("Gov Icon doesn't exists");
+            }
+        });
+    }
+    const path = await requestCache[cacheKey];
+    iconCache[cacheKey] = path;
+    return path;
+}
+
+const setCookie = (name, value, days) => {
+    if (!isWindow) {
+        return;
+    }
+    let expires = "";
+    if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
+};
+const getCookie = (name) => {
+    if (!isWindow) {
+        return null;
+    }
+    const nameEQ = name + "=";
+    const cookies = document.cookie.split(';');
+    for (let i = 0; i < cookies.length; i++) {
+        let cookie = cookies[i].trim();
+        if (cookie.startsWith(nameEQ)) {
+            return decodeURIComponent(cookie.substring(nameEQ.length));
+        }
+    }
+    return null;
+};
+const isValidSVG = (svgContent) => {
+    try {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(svgContent, "image/svg+xml");
+        const parseError = doc.querySelector("parsererror");
+        if (parseError) {
+            return false;
+        }
+        const svgElement = doc.documentElement;
+        if (svgElement.tagName.toLowerCase() !== "svg") {
+            return false;
+        }
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+
 class GovIcon {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        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);
+        {
+            console.log('return');
+            return;
+        }
+    }
+    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) {
+        {
+            callback();
+            return;
+        }
+    }
+    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 (hAsync(Host, { key: '84fe45f5f823788977603df4b40469854a23ea1b' }, "HELLO"));
+        if (this.error) {
+            return null;
+        }
+        return (hAsync(Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
     }
+    static get assetsDirs() { return ["assets"]; }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "color": ["validateColor"],
+        "error": ["watchError"],
+        "name": ["loadIconPathData"]
+    }; }
     static get cmpMeta() { return {
         "$flags$": 0,
         "$tagName$": "gov-icon",
-        "$members$": undefined,
+        "$members$": {
+            "size": [513],
+            "color": [513],
+            "name": [513],
+            "type": [513],
+            "visible": [32],
+            "error": [32]
+        },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
+        "$attrsToReflect$": [["size", "size"], ["color", "color"], ["name", "name"], ["type", "type"]]
     }; }
 }
 
@@ -6084,8 +6298,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("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 }, hAsync("gov-icon", { key: '5b8385ff70a5ae33032451d56e1d1a2e4938656e', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: 'cb9dbd10b36253597b3190b5ec6558761cf32ffb', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '301e4d6b31069183e7a84015bebe0ca9ffc0c667', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'a0cb4376440cc034c501dcb41f0f8912e6331a0a', name: "icon" }), hAsync("div", { key: '99f1c4dbf739de828c10277e83a3c94e9aaf68bd', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
+        const closeButton = (hAsync("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 }, hAsync("gov-icon", { key: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), hAsync("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({
@@ -6154,7 +6368,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: '0797feef52b833ead99b61d5aa78c0dbc4f5b5b7', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'aab90b8796879b296ae09f3a7975e8931adacea8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'ac79827788dfac2c3e2cfb57671a4b9422d31d7b' }))));
+        return (hAsync(Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6177,7 +6391,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '6d327408b450774b24d976e4450378d3cb41fc99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '8c73b3c0a3c5e1e4a79205bc7631ae8579f38643' })));
+        return (hAsync(Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6223,7 +6437,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '914b3fa860f16bb35d1219f9d758cc7c0c51ca1a', identifier: this.uniqueId }, hAsync("span", { key: 'ccd8f0d9c97e53e958d0db4452d12c66fc33dd7a' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, hAsync("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6262,7 +6476,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '3555b4e5b485f3928dba84bf929d3d22d0e5d4ae', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '4844af47b5a20f84b7ea81812eede0d0361208e8', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '4a77215c37a5807be36a996ab250b52b4eaac64c', name: "icon-start" }), hAsync("slot", { key: '1f10e44babae3c7cfb702ca61b8f9c5dc0cbe999' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+        return (hAsync(Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), hAsync("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6304,7 +6518,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: 'c898509b3ef6060aaf7fe430738f8b40ae37810f', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '2dcb83c719ba81284fe78c1c30a12c4630571712', class: LoadingClass.content }, hAsync("gov-icon", { key: '9e499b414ceb2b601b5f7f093f403e4317fbebec', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '638d2b827845d5ca7b6ac9dc4ebb27e790dc710e' })), hAsync("gov-backdrop", { key: '1124baa1e77cf732888acdd3938d5b3661514b6d', inverse: true })));
+        return (hAsync(Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, hAsync("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), hAsync("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6344,7 +6558,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: '21d5bfd1df1e7e4f4a9997d3ac530c5782f8781a', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'a05f13714529add991bd5a3c54e3ba28c00568b3', name: "icon" })), hAsync("div", { key: '9955a18a98e405947bc50fb233c9506038336300', class: MessageClass.content }, hAsync("slot", { key: '9c95c386a0747b36115cfd60d6719b7f738006de' }))));
+        return (hAsync(Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), hAsync("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, hAsync("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6668,7 +6882,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '881e753455535f18553d6ff8abfc3e2fab0f158e', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '175dad78f57ee2e44fe3097e0595f59254e1003b', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6731,7 +6945,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: 'e42a12db071b1b5224b47f3655fb58e20ee8c611', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6793,7 +7007,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '7f4c6fb4087d7a5dbe61a45d6b2818d4242c6340', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'dc925a52989ea99d546d492762e3c902e2b8072e' })));
+        return (hAsync(Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6835,7 +7049,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'fc00ba7e0c3be93e6a169bdb03e1e5c6c5853572', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '8a6bc5466c813daed63d9bbe79cdff140c6efe0d', class: StepperItemClass.prefix }, hAsync("slot", { key: '91113b50c14f4483bb5e105d3f9edeededf4e012', name: "prefix" }))), hAsync("div", { key: '3fb2989980a0ae0e5dea17acf6cebfff7cdd3e9a' }, hAsync("span", { key: '62ab2a21f486c91574fdc727a11a7f799ee502ab', class: StepperItemClass.headline }, hAsync("slot", { key: '78ac018eb5041a6c41f929b6d94dbd9dcb87ee66', name: "headline" })), hAsync("slot", { key: '9d45b3bc137a55f6e54f453c82bde7ce39840cd0', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'b845c4314ceac232f624906c71648e2e10fe7b98', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '3571a4cb451f1d64497b31ebd3db6618ba76bdc6', name: "content" }))))));
+        return (hAsync(Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: StepperItemClass.prefix }, hAsync("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), hAsync("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, hAsync("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: StepperItemClass.headline }, hAsync("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), hAsync("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6986,7 +7200,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(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) }, hAsync("div", Object.assign({ key: '3be472d6bc3d111de4b73f1c6e6a89d5d7e92110', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'cc7108c86e22104094ef8eb6d1430a0a0abe11db', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("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 ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("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 ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '6e8295947f0555d54060a29fd8f5b7c607be4c20' })));
+        return (hAsync(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) }, hAsync("div", Object.assign({ key: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("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 ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("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 ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7119,7 +7333,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '20bb9dd4a6cf12190de8518c7cadc794c82c896b', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("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) }, hAsync("slot", { key: '2be087e8c8641b14bf4a3e34784ca1f182b34850' }))));
+        return (hAsync(Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("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) }, hAsync("slot", { key: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7207,7 +7421,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '6e4203592cd24134cb9e1a187dbecd6cc70d20bb', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'a58f1a4fd78d57f8e4a89d1c325ea0f24347ccaf', class: "element" }, hAsync("slot", { key: 'bc52f9aa456b154b67b97903babe69c8b7731f50', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'ed492a9c4746766d8ac7bf810da994147d189133', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '52e2c10f8048aa0168dc7daf44392f19dd118e43' }), hAsync("slot", { key: 'ccbd781c7a0e8fd2e02725cebc5df48e8e84b6ea', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'cce60e6a25e14d42281111979b7689d03ea264e1', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, hAsync("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), hAsync("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7247,33 +7461,6 @@ var ThemeList;
     ThemeList["dark"] = "dark";
 })(ThemeList || (ThemeList = {}));
 
-const setCookie = (name, value, days) => {
-    if (!isWindow) {
-        return;
-    }
-    let expires = "";
-    if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-        expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
-};
-const getCookie = (name) => {
-    if (!isWindow) {
-        return null;
-    }
-    const nameEQ = name + "=";
-    const cookies = document.cookie.split(';');
-    for (let i = 0; i < cookies.length; i++) {
-        let cookie = cookies[i].trim();
-        if (cookie.startsWith(nameEQ)) {
-            return decodeURIComponent(cookie.substring(nameEQ.length));
-        }
-    }
-    return null;
-};
-
 class GovThemeSwitch {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -7336,7 +7523,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '51cbe413c4cd97f82ae8e34376cad4cb59c3a41d', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '8f7dbeec9ff6617c4953c4a0582b374baf7ba8c3', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '64f9a96872b50f33483721541178e0d4c553d834' }, hAsync("span", { key: 'f363538d18d9a4419f1ef15b1172c941277372a3', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '762947b5442313672e7ace3ed59523404f548b5b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '371ace4006ae511225583323682b08c8bc154f61', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
+        return (hAsync(Host, { key: '784ed0513ea1436bb754dc82691646422789783b', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'd4abc155a8ae8f07d0a49c378e295c3ab57318d4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '7f713875d5618acc919702cdc60e9db58dfb9db5' }, hAsync("span", { key: '0b57c0153047ef292b6bdc43b49e5a1a9cdc17e1', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'ae2c751435a2bc9c1e9f8dfa4ca52e13943ada9b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '7a4ee602a37742ab94dcee47a7c4970d5dce5bb6', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7383,7 +7570,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '84c41fa8adec27a169b9af69b9d7542bd86dcf36', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '7176b3b1da20e5ba92c87c32b48f850e141558f9', name: "icon" }), hAsync("div", { key: '614de838391b6e65368cdb58b5db81af5a344d21', class: TileClass.content }, hAsync("div", { key: 'f952461981e6a5f20172a6d0ad9d041a5f9d8171', class: TileClass.text }, hAsync("div", { key: 'fb411a7f50a8a0ecb6015a69fccb8b0832c5aed4', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right", type: "components" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: '555c1aff4029a9b62f8e53391da8e289d373e100', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'e9310d039ca17a2a45dc9ef6a04c107dc6cf1bcd' }))), hAsync("slot", { key: 'e8c792e1682c30d5dcaf33798908ec06da7a8d1a', name: "button" }))));
+        return (hAsync(Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), hAsync("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, hAsync("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, hAsync("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right", type: "components" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), hAsync("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7420,7 +7607,7 @@ class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'ecc964ac553f792318284779a8823eea7ae731f9', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '609deafe9ff8cb61d5aa30b51b26e539cb5d3934' })));
+        return (hAsync(Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -7499,7 +7686,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(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") && (hAsync("span", { key: '54292ad196806932ab9ae44bfc33187f4154e616', class: ToastClass.icon }, hAsync("slot", { key: '9545c651a46a7bb55990e9327e8fbe4fe126954f', name: "icon" }))), hAsync("div", Object.assign({ key: 'daed3fcbd83eec05979a9e00e2f983d5c6b1b538', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'd3f78c0d713d56ef32b0dece9553e258f0ef4ef4' })), hAsync("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 : hAsync("gov-icon", { name: "x-lg", type: "components" })), hAsync("div", { key: 'e13b568ada5e34f00c405d359665cd9d0af5ff89', class: ToastClass.timer })));
+        return (hAsync(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") && (hAsync("span", { key: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, hAsync("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), hAsync("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), hAsync("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 : hAsync("gov-icon", { name: "x-lg", type: "components" })), hAsync("div", { key: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7756,11 +7943,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '37b75e6feac97800345d4e93f7be840172712dd2', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '0982a167f159aca0d39edc784ef50f13409fa29c', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("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 }, hAsync("slot", { key: '1b6f7bd6a704ac56941e464d401eebf9da4eafaf' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
     }
     /**
      * Showing the modal
@@ -7831,7 +8018,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'c47f590b5f8dffb0c0f1caa17978075fb64c3603', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '276690a83ede038b09f5e439495693b7215e4af7' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (hAsync(Host, { key: '965998f4788ddd5dffd01b53073a001023cd9037', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7905,7 +8092,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'fb6b400947dc4c7feddd5b83b3c167d611af0370', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'df2cb17a4c48813843ed5b3174a27b07e04b85b4' })));
+        return (hAsync(Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -7967,8 +8154,8 @@ class GovWizardItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '82b6be7faa5fdf29249eec96683ca3914a060dd7', class: WizardItemClass.prefix }, hAsync("slot", { key: '4aa4139f7ae8fa022c6f93b3f6fe508ee30e881e', name: "prefix" })));
-        return (hAsync(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 }, hAsync("div", { key: 'ef0e103ec1535e155c12df999f5b64747c1167c2', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(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") && (hAsync("span", { key: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: WizardItemClass.prefix }, hAsync("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
+        return (hAsync(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 }, hAsync("div", { key: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(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/types/components/gov-icon/gov-icon.d.ts

@@ -1,3 +1,35 @@
+import { type IconColorType, IconSizesType } from "./constants";
 export declare class GovIcon {
+    private h;
+    private intersectionObserver;
+    constructor();
+    host: HTMLGovIconElement;
+    /**
+     * Icon size
+     */
+    readonly size?: IconSizesType;
+    /**
+     * Icon color
+     */
+    readonly color?: IconColorType;
+    /**
+     * Name of icon in folder
+     */
+    name: string;
+    /**
+     * Type (folder) of icon
+     */
+    type: string;
+    private visible;
+    private error;
+    validateSize(newValue: string): void;
+    validateColor(newValue: string): void;
+    watchError(newValue: string): void;
+    private loadIconPathData;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): Promise<void>;
+    private waitUntilVisible;
+    private loadIcon;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -40,6 +40,7 @@ import { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 import { FormSelectSizesType } from "./components/gov-form/select/constants";
 import { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 import { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
+import { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 import { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 import { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 import { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
@@ -97,6 +98,7 @@ export { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 export { FormSelectSizesType } from "./components/gov-form/select/constants";
 export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
+export { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 export { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 export { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 export { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
@@ -1210,6 +1212,22 @@ export namespace Components {
         "sizeXl": string;
     }
     interface GovIcon {
+        /**
+          * Icon color
+         */
+        "color"?: IconColorType;
+        /**
+          * Name of icon in folder
+         */
+        "name": string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
+        /**
+          * Type (folder) of icon
+         */
+        "type": string;
     }
     interface GovInfobar {
         /**
@@ -3744,6 +3762,22 @@ declare namespace LocalJSX {
         "sizeXl"?: string;
     }
     interface GovIcon {
+        /**
+          * Icon color
+         */
+        "color"?: IconColorType;
+        /**
+          * Name of icon in folder
+         */
+        "name"?: string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
+        /**
+          * Type (folder) of icon
+         */
+        "type"?: string;
     }
     interface GovInfobar {
         /**

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "4.1.3-BETA-6",
+	"version": "4.1.3-BETA-8",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",