iconly 1.5.2-dev.4 → 1.5.2-dev.7

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var h=(d,r,e)=>r in d?g(d,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[r]=e;var l=(d,r,e)=>h(d,typeof r!="symbol"?r+"":r,e);const a=class a{constructor(r={}){l(this,"options");l(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let o;if(typeof e.container=="string"){const n=document.querySelector(e.container);if(!(n&&n instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);o=n}else o=e.container;this.container=o,this.options={file:e.file,version:e.version,debug:e.debug},a.dbInstance||(a.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((o,n)=>{const s=indexedDB.open(r,e);s.onerror=()=>{const i=this.createErrorMessage(s.error,"IndexedDB error");n(new Error(i))},s.onupgradeneeded=i=>{const t=i.target.result;t.objectStoreNames.contains("icons")||t.createObjectStore("icons",{keyPath:"version"})},s.onsuccess=()=>{o(s.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const o=new DOMParser().parseFromString(r,"image/svg+xml"),n=o.querySelector("parsererror");n?this.logError("SVG parsing error:",n.textContent??""):(e.innerHTML="",o.documentElement?e.appendChild(o.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let r=await a.fetchData(this.options.file);const e=await a.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const o=this.getIconStore(e,"readwrite"),n=await new Promise((s,i)=>{const t=o.get(this.options.version);t.onsuccess=()=>{s(t.result)},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error getting record from store");i(new Error(c))}});n?r=n.data:await new Promise((s,i)=>{const t=o.put({version:this.options.version,data:r});t.onsuccess=()=>{s()},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error putting record into store");i(new Error(c))}}),await new Promise((s,i)=>{const t=o.transaction;t.oncomplete=()=>s(),t.onerror=()=>{const c=this.createErrorMessage(t.error,"Transaction error");i(new Error(c))},t.onabort=()=>{const c=this.createErrorMessage(t.error,"Transaction aborted");i(new Error(c))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};l(a,"dbInstance",null);let u=a;module.exports=u;
+"use strict";var g=Object.defineProperty;var h=(d,r,e)=>r in d?g(d,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[r]=e;var l=(d,r,e)=>h(d,typeof r!="symbol"?r+"":r,e);const a=class a{constructor(r={}){l(this,"options");l(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let n;if(typeof e.container=="string"){const i=document.querySelector(e.container);if(!(i&&i instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);n=i}else n=e.container;this.container=n,this.options={file:e.file,version:e.version,debug:e.debug},a.dbInstance||(a.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((n,i)=>{const o=indexedDB.open(r,e);o.onerror=()=>{const s=this.createErrorMessage(o.error,"IndexedDB error");i(new Error(s))},o.onupgradeneeded=s=>{const t=s.target.result;t.objectStoreNames.contains("icons")||t.createObjectStore("icons",{keyPath:"version"})},o.onsuccess=()=>{n(o.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const n=new DOMParser().parseFromString(r,"image/svg+xml"),i=n.querySelector("parsererror");if(i)return void this.logError("SVG parsing error:",i.textContent??"");e.innerHTML="";const o=n.documentElement;if(o){const s=document.importNode(o,!0);e.appendChild(s)}else this.logError("No valid SVG content found to insert.")}async init(){try{let r=await a.fetchData(this.options.file);const e=await a.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const n=this.getIconStore(e,"readwrite"),i=await new Promise((o,s)=>{const t=n.get(this.options.version);t.onsuccess=()=>{o(t.result)},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error getting record from store");s(new Error(c))}});i?r=i.data:await new Promise((o,s)=>{const t=n.put({version:this.options.version,data:r});t.onsuccess=()=>o(),t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error putting record into store");s(new Error(c))}}),await new Promise((o,s)=>{const t=n.transaction;t.oncomplete=()=>o(),t.onerror=()=>{const c=this.createErrorMessage(t.error,"Transaction error");s(new Error(c))},t.onabort=()=>{const c=this.createErrorMessage(t.error,"Transaction aborted");s(new Error(c))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};l(a,"dbInstance",null);let u=a;module.exports=u;

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export interface IconRecord {
     version: string;
     data: string;
 }
-export default class Iconly {
+declare class Iconly {
     private static dbInstance;
     private readonly options;
     private readonly container;
@@ -22,3 +22,4 @@ export default class Iconly {
     private logDebug;
     private logError;
 }
+export default Iconly;

package/dist/index.es.js

@@ -6,26 +6,26 @@ const a = class a {
     l(this, "options");
     l(this, "container");
     const e = { file: "./icons.svg", version: "1.0", debug: !1, container: document.body ?? document.documentElement, ...r };
-    let o;
+    let n;
     if (typeof e.container == "string") {
-      const n = document.querySelector(e.container);
-      if (!(n && n instanceof HTMLElement)) throw new Error(`Invalid container selector: "${e.container}"`);
-      o = n;
-    } else o = e.container;
-    this.container = o, this.options = { file: e.file, version: e.version, debug: e.debug }, a.dbInstance || (a.dbInstance = this.openDB("iconlyDB", 1));
+      const i = document.querySelector(e.container);
+      if (!(i && i instanceof HTMLElement)) throw new Error(`Invalid container selector: "${e.container}"`);
+      n = i;
+    } else n = e.container;
+    this.container = n, this.options = { file: e.file, version: e.version, debug: e.debug }, a.dbInstance || (a.dbInstance = this.openDB("iconlyDB", 1));
   }
   async openDB(r, e) {
     if (!("indexedDB" in window)) throw this.logError("This browser does not support IndexedDB"), new Error("IndexedDB not supported");
-    return await new Promise((o, n) => {
-      const s = indexedDB.open(r, e);
-      s.onerror = () => {
-        const i = this.createErrorMessage(s.error, "IndexedDB error");
-        n(new Error(i));
-      }, s.onupgradeneeded = (i) => {
-        const t = i.target.result;
+    return await new Promise((n, i) => {
+      const o = indexedDB.open(r, e);
+      o.onerror = () => {
+        const s = this.createErrorMessage(o.error, "IndexedDB error");
+        i(new Error(s));
+      }, o.onupgradeneeded = (s) => {
+        const t = s.target.result;
         t.objectStoreNames.contains("icons") || t.createObjectStore("icons", { keyPath: "version" });
-      }, s.onsuccess = () => {
-        o(s.result);
+      }, o.onsuccess = () => {
+        n(o.result);
       };
     });
   }
@@ -40,39 +40,43 @@ const a = class a {
   insert(r) {
     let e = document.getElementById("iconset");
     e || (e = document.createElement("div"), e.id = "iconset", e.setAttribute("aria-hidden", "true"), e.style.cssText = "width: 0; height: 0; position: absolute; left: -9999px;", this.container.appendChild(e));
-    const o = new DOMParser().parseFromString(r, "image/svg+xml"), n = o.querySelector("parsererror");
-    n ? this.logError("SVG parsing error:", n.textContent ?? "") : (e.innerHTML = "", o.documentElement ? e.appendChild(o.documentElement) : this.logError("No valid SVG content found to insert."));
+    const n = new DOMParser().parseFromString(r, "image/svg+xml"), i = n.querySelector("parsererror");
+    if (i) return void this.logError("SVG parsing error:", i.textContent ?? "");
+    e.innerHTML = "";
+    const o = n.documentElement;
+    if (o) {
+      const s = document.importNode(o, !0);
+      e.appendChild(s);
+    } else this.logError("No valid SVG content found to insert.");
   }
   async init() {
     try {
       let r = await a.fetchData(this.options.file);
       const e = await a.dbInstance;
       if (!e) throw new Error("Failed to open IndexedDB");
-      const o = this.getIconStore(e, "readwrite"), n = await new Promise((s, i) => {
-        const t = o.get(this.options.version);
+      const n = this.getIconStore(e, "readwrite"), i = await new Promise((o, s) => {
+        const t = n.get(this.options.version);
         t.onsuccess = () => {
-          s(t.result);
+          o(t.result);
         }, t.onerror = () => {
           const c = this.createErrorMessage(t.error, "Error getting record from store");
-          i(new Error(c));
+          s(new Error(c));
         };
       });
-      n ? r = n.data : await new Promise((s, i) => {
-        const t = o.put({ version: this.options.version, data: r });
-        t.onsuccess = () => {
-          s();
-        }, t.onerror = () => {
+      i ? r = i.data : await new Promise((o, s) => {
+        const t = n.put({ version: this.options.version, data: r });
+        t.onsuccess = () => o(), t.onerror = () => {
           const c = this.createErrorMessage(t.error, "Error putting record into store");
-          i(new Error(c));
+          s(new Error(c));
         };
-      }), await new Promise((s, i) => {
-        const t = o.transaction;
-        t.oncomplete = () => s(), t.onerror = () => {
+      }), await new Promise((o, s) => {
+        const t = n.transaction;
+        t.oncomplete = () => o(), t.onerror = () => {
           const c = this.createErrorMessage(t.error, "Transaction error");
-          i(new Error(c));
+          s(new Error(c));
         }, t.onabort = () => {
           const c = this.createErrorMessage(t.error, "Transaction aborted");
-          i(new Error(c));
+          s(new Error(c));
         };
       }), this.insert(r), this.logDebug("Iconly has successfully initialized.");
     } catch (r) {

package/dist/index.umd.js

@@ -1 +1 @@
-(function(s,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(s=typeof globalThis<"u"?globalThis:s||self).Iconly=t()})(this,function(){"use strict";var g=Object.defineProperty;var h=(s,t,l)=>t in s?g(s,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[t]=l;var u=(s,t,l)=>h(s,typeof t!="symbol"?t+"":t,l);const t=class t{constructor(r={}){u(this,"options");u(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let n;if(typeof e.container=="string"){const i=document.querySelector(e.container);if(!(i&&i instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);n=i}else n=e.container;this.container=n,this.options={file:e.file,version:e.version,debug:e.debug},t.dbInstance||(t.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((n,i)=>{const c=indexedDB.open(r,e);c.onerror=()=>{const a=this.createErrorMessage(c.error,"IndexedDB error");i(new Error(a))},c.onupgradeneeded=a=>{const o=a.target.result;o.objectStoreNames.contains("icons")||o.createObjectStore("icons",{keyPath:"version"})},c.onsuccess=()=>{n(c.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const n=new DOMParser().parseFromString(r,"image/svg+xml"),i=n.querySelector("parsererror");i?this.logError("SVG parsing error:",i.textContent??""):(e.innerHTML="",n.documentElement?e.appendChild(n.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let r=await t.fetchData(this.options.file);const e=await t.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const n=this.getIconStore(e,"readwrite"),i=await new Promise((c,a)=>{const o=n.get(this.options.version);o.onsuccess=()=>{c(o.result)},o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error getting record from store");a(new Error(d))}});i?r=i.data:await new Promise((c,a)=>{const o=n.put({version:this.options.version,data:r});o.onsuccess=()=>{c()},o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error putting record into store");a(new Error(d))}}),await new Promise((c,a)=>{const o=n.transaction;o.oncomplete=()=>c(),o.onerror=()=>{const d=this.createErrorMessage(o.error,"Transaction error");a(new Error(d))},o.onabort=()=>{const d=this.createErrorMessage(o.error,"Transaction aborted");a(new Error(d))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};u(t,"dbInstance",null);let s=t;return s});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(s=typeof globalThis<"u"?globalThis:s||self).Iconly=t()})(this,function(){"use strict";var g=Object.defineProperty;var h=(s,t,l)=>t in s?g(s,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[t]=l;var u=(s,t,l)=>h(s,typeof t!="symbol"?t+"":t,l);const t=class t{constructor(r={}){u(this,"options");u(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let i;if(typeof e.container=="string"){const a=document.querySelector(e.container);if(!(a&&a instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);i=a}else i=e.container;this.container=i,this.options={file:e.file,version:e.version,debug:e.debug},t.dbInstance||(t.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((i,a)=>{const n=indexedDB.open(r,e);n.onerror=()=>{const c=this.createErrorMessage(n.error,"IndexedDB error");a(new Error(c))},n.onupgradeneeded=c=>{const o=c.target.result;o.objectStoreNames.contains("icons")||o.createObjectStore("icons",{keyPath:"version"})},n.onsuccess=()=>{i(n.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const i=new DOMParser().parseFromString(r,"image/svg+xml"),a=i.querySelector("parsererror");if(a)return void this.logError("SVG parsing error:",a.textContent??"");e.innerHTML="";const n=i.documentElement;if(n){const c=document.importNode(n,!0);e.appendChild(c)}else this.logError("No valid SVG content found to insert.")}async init(){try{let r=await t.fetchData(this.options.file);const e=await t.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const i=this.getIconStore(e,"readwrite"),a=await new Promise((n,c)=>{const o=i.get(this.options.version);o.onsuccess=()=>{n(o.result)},o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error getting record from store");c(new Error(d))}});a?r=a.data:await new Promise((n,c)=>{const o=i.put({version:this.options.version,data:r});o.onsuccess=()=>n(),o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error putting record into store");c(new Error(d))}}),await new Promise((n,c)=>{const o=i.transaction;o.oncomplete=()=>n(),o.onerror=()=>{const d=this.createErrorMessage(o.error,"Transaction error");c(new Error(d))},o.onabort=()=>{const d=this.createErrorMessage(o.error,"Transaction aborted");c(new Error(d))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};u(t,"dbInstance",null);let s=t;return s});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iconly",
-  "version": "1.5.2-dev.4",
+  "version": "1.5.2-dev.7",
   "description": "Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.",
   "author": "ux-ui.pro",
   "license": "MIT",