@gov-design-system-ce/components 4.1.2 → 4.1.3-BETA-2

package/dist/hydrate/index.js

@@ -2209,6 +2209,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) {
@@ -6054,7 +6060,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.2";
+const version = "4.1.3-BETA-2";
 
 const dsVersion = () => {
     return version;
@@ -6071,10 +6077,14 @@ const iconUrl = (path, name, type) => {
 };
 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('iconUrl(iconsPath(), name, type)', iconUrl(iconsPath(), name, type));
         requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
             if (resp.status === 200) {
                 return resp.text();
@@ -6134,6 +6144,7 @@ const isValidSVG = (svgContent) => {
     }
 };
 
+console.log('GovIcon loaded');
 class GovIcon {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -6143,6 +6154,7 @@ class GovIcon {
         this.type = "components";
         this.visible = false;
         this.error = false;
+        console.log('GovIcon constructor');
         this.h = govHost(this.host);
     }
     validateSize(newValue) {
@@ -6152,11 +6164,17 @@ class GovIcon {
         validateProp(IconColors, newValue, IconClass.root);
     }
     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();
@@ -6169,12 +6187,14 @@ class GovIcon {
         }
     }
     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();
@@ -6188,6 +6208,7 @@ class GovIcon {
     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;
@@ -6203,7 +6224,6 @@ class GovIcon {
         }
         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"],

package/dist/hydrate/index.mjs

@@ -2205,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) {
@@ -6050,7 +6056,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.2";
+const version = "4.1.3-BETA-2";
 
 const dsVersion = () => {
     return version;
@@ -6067,10 +6073,14 @@ const iconUrl = (path, name, type) => {
 };
 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('iconUrl(iconsPath(), name, type)', iconUrl(iconsPath(), name, type));
         requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
             if (resp.status === 200) {
                 return resp.text();
@@ -6130,6 +6140,7 @@ const isValidSVG = (svgContent) => {
     }
 };
 
+console.log('GovIcon loaded');
 class GovIcon {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -6139,6 +6150,7 @@ class GovIcon {
         this.type = "components";
         this.visible = false;
         this.error = false;
+        console.log('GovIcon constructor');
         this.h = govHost(this.host);
     }
     validateSize(newValue) {
@@ -6148,11 +6160,17 @@ class GovIcon {
         validateProp(IconColors, newValue, IconClass.root);
     }
     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();
@@ -6165,12 +6183,14 @@ class GovIcon {
         }
     }
     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();
@@ -6184,6 +6204,7 @@ class GovIcon {
     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;
@@ -6199,7 +6220,6 @@ class GovIcon {
         }
         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"],

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.2",
+	"version": "4.1.3-BETA-2",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",