@symbo.ls/scratch 2.10.261 → 2.10.271

package/dist/cjs/system/font.js

@@ -287,7 +287,7 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject4,
+      isObject: () => isObject5,
       isObjectLike: () => isObjectLike2,
       isString: () => isString4,
       isUndefined: () => isUndefined,
@@ -297,7 +297,7 @@ var require_types = __commonJS({
     var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
-    var isObject4 = (arg) => {
+    var isObject5 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -320,7 +320,7 @@ var require_types = __commonJS({
       return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
     };
     var isDefined2 = (arg) => {
-      return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -328,7 +328,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray3,
-      object: isObject4,
+      object: isObject5,
       string: isString4,
       number: isNumber,
       null: isNull,
@@ -378,7 +378,7 @@ var require_object = __commonJS({
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge,
+      deepMerge: () => deepMerge2,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
@@ -423,7 +423,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var deepMerge = (element, extend) => {
+    var deepMerge2 = (element, extend) => {
       for (const e in extend) {
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
@@ -431,7 +431,7 @@ var require_object = __commonJS({
         if (element[e] === void 0) {
           element[e] = extendProp;
         } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge(element[e], extendProp);
+          deepMerge2(element[e], extendProp);
         } else {
           element[e] = extendProp;
         }
@@ -469,7 +469,7 @@ var require_object = __commonJS({
       return o;
     };
     var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
+      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
     };
     var deepClone2 = (obj) => {
       if ((0, import_types.isArray)(obj)) {
@@ -642,11 +642,11 @@ var require_object = __commonJS({
     };
     var mergeIfExisted = (a, b) => {
       if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge(a, b);
+        return deepMerge2(a, b);
       return a || b;
     };
     var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge(a, deepClone2(c)), {});
+      return arr.reduce((a, c) => deepMerge2(a, deepClone2(c)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
@@ -1094,10 +1094,6 @@ var FACTORY = {
   0: CONFIG
 };
 var getActiveConfig = (def) => {
-  if ((0, import_utils3.isDefined)(def) && !FACTORY[def]) {
-    FACTORY[def] = (0, import_utils3.deepClone)(cachedConfig);
-    return FACTORY[def];
-  }
   return FACTORY[def || FACTORY.active];
 };
 

package/dist/cjs/system/index.js

@@ -287,7 +287,7 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject6,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
       isString: () => isString7,
       isUndefined: () => isUndefined,
@@ -297,7 +297,7 @@ var require_types = __commonJS({
     var import_globals3 = require_cjs();
     var import_tags = require_cjs2();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
-    var isObject6 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -320,7 +320,7 @@ var require_types = __commonJS({
       return typeof import_globals3.window.HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
     };
     var isDefined2 = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -328,7 +328,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray5,
-      object: isObject6,
+      object: isObject7,
       string: isString7,
       number: isNumber,
       null: isNull,
@@ -378,7 +378,7 @@ var require_object = __commonJS({
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge2,
+      deepMerge: () => deepMerge3,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
@@ -423,7 +423,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var deepMerge2 = (element, extend) => {
+    var deepMerge3 = (element, extend) => {
       for (const e in extend) {
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
@@ -431,7 +431,7 @@ var require_object = __commonJS({
         if (element[e] === void 0) {
           element[e] = extendProp;
         } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
+          deepMerge3(element[e], extendProp);
         } else {
           element[e] = extendProp;
         }
@@ -469,7 +469,7 @@ var require_object = __commonJS({
       return o;
     };
     var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
+      return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
     };
     var deepClone2 = (obj) => {
       if ((0, import_types.isArray)(obj)) {
@@ -642,11 +642,11 @@ var require_object = __commonJS({
     };
     var mergeIfExisted = (a, b) => {
       if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge2(a, b);
+        return deepMerge3(a, b);
       return a || b;
     };
     var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge2(a, deepClone2(c)), {});
+      return arr.reduce((a, c) => deepMerge3(a, deepClone2(c)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
@@ -1101,10 +1101,6 @@ var FACTORY = {
   0: CONFIG
 };
 var getActiveConfig = (def) => {
-  if ((0, import_utils.isDefined)(def) && !FACTORY[def]) {
-    FACTORY[def] = (0, import_utils.deepClone)(cachedConfig);
-    return FACTORY[def];
-  }
   return FACTORY[def || FACTORY.active];
 };
 
@@ -1443,11 +1439,15 @@ var applySequenceVars = (props, mediaName, options = {}) => {
 // src/utils/sprite.js
 var import_utils7 = __toESM(require_cjs3(), 1);
 var generateSprite = (icons) => {
-  let sprite = '<svg aria-hidden="true" width="0" height="0" style="position:absolute">';
+  const CONFIG2 = getActiveConfig();
+  let sprite = "";
   for (const key in icons) {
+    if (CONFIG2.__svg_cache[key])
+      continue;
+    else
+      CONFIG2.__svg_cache[key] = true;
     sprite += icons[key];
   }
-  sprite += "</svg>";
   return sprite;
 };
 var parseRootAttributes = (htmlString) => {
@@ -1475,8 +1475,8 @@ var convertSvgToSymbol = (key, code) => {
     "<svg",
     `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
   );
-  symbol = symbol.replace(/width="[^"]*/, "");
-  symbol = symbol.replace(/height="[^"]*/, "");
+  symbol = symbol.replace(/width="[^"]*"/, "");
+  symbol = symbol.replace(/height="[^"]*"/, "");
   symbol = symbol.replace("</svg", "</symbol");
   return symbol;
 };
@@ -2094,18 +2094,10 @@ var setSVG = (val, key) => {
 };
 var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG2 = getActiveConfig();
-  const doc = options.document || import_globals2.document;
   const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.SVG;
   for (const key in LIBRARY)
     lib[key] = CONFIG2.SVG[key];
-  const SVGsprite = generateSprite(lib);
-  if (!doc) {
-    console.warn("To append SVG sprites it should be run in browser environment");
-    return SVGsprite;
-  }
-  const svgSpriteDOM = doc.createElement("template");
-  svgSpriteDOM.innerHTML = SVGsprite;
-  doc.body.appendChild(svgSpriteDOM.content);
+  appendSVG(lib, options);
 };
 var setIcon = (val, key) => {
   const CONFIG2 = getActiveConfig();
@@ -2116,18 +2108,42 @@ var setIcon = (val, key) => {
 };
 var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG2 = getActiveConfig();
-  const doc = options.document || import_globals2.document;
   const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.ICONS;
   for (const key in LIBRARY)
     lib[key] = CONFIG2.ICONS[key];
-  const SVGsprite = generateSprite(lib);
+  appendSVG(lib, options);
+};
+var createSVGSpriteElement = (options = { isRoot: true }) => {
+  const svgElem = import_globals2.document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  if (options.isRoot) {
+    svgElem.setAttribute("aria-hidden", "true");
+    svgElem.setAttribute("width", "0");
+    svgElem.setAttribute("height", "0");
+    svgElem.setAttribute("style", "position:absolute");
+    svgElem.setAttribute("id", "svgSprite");
+  }
+  return svgElem;
+};
+var appendSVG = (lib, options = DEF_OPTIONS) => {
+  const CONFIG2 = getActiveConfig();
+  const doc = options.document || import_globals2.document;
   if (!doc) {
-    console.warn("To append SVG Icon sprites it should be run in browser environment");
-    return SVGsprite;
+    if (CONFIG2.verbose) {
+      console.warn("To append SVG sprites it should be run in browser environment");
+    }
+    return generateSprite(lib);
+  }
+  const exists = doc.querySelector("#svgSprite");
+  const SVGsprite = generateSprite(lib);
+  if (exists) {
+    const tempSVG = createSVGSpriteElement({ isRoot: false });
+    tempSVG.innerHTML = SVGsprite;
+    exists.append(...tempSVG.children);
+  } else {
+    const svgSpriteDOM = createSVGSpriteElement();
+    svgSpriteDOM.innerHTML = SVGsprite;
+    doc.body.prepend(svgSpriteDOM);
   }
-  const iconsSpriteDOM = doc.createElement("template");
-  iconsSpriteDOM.innerHTML = SVGsprite;
-  doc.body.appendChild(iconsSpriteDOM.content);
 };
 
 // src/system/reset.js
@@ -2140,7 +2156,7 @@ var applyReset = (reset = {}) => {
       const configReset = RESET2;
       const configTemplates = TYPOGRAPHY2.templates;
       configReset.body = {
-        ...getMediaTheme("document", `@${CONFIG2.globalTheme}`),
+        ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},
         ...configTemplates.body
       };
       configReset.h1 = configTemplates.h1;

package/dist/cjs/system/reset.js

@@ -287,7 +287,7 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject6,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
       isString: () => isString7,
       isUndefined: () => isUndefined,
@@ -297,7 +297,7 @@ var require_types = __commonJS({
     var import_globals3 = require_cjs();
     var import_tags = require_cjs2();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
-    var isObject6 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -320,7 +320,7 @@ var require_types = __commonJS({
       return typeof import_globals3.window.HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
     };
     var isDefined2 = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -328,7 +328,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray5,
-      object: isObject6,
+      object: isObject7,
       string: isString7,
       number: isNumber,
       null: isNull,
@@ -378,7 +378,7 @@ var require_object = __commonJS({
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge2,
+      deepMerge: () => deepMerge3,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
@@ -423,7 +423,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var deepMerge2 = (element, extend) => {
+    var deepMerge3 = (element, extend) => {
       for (const e in extend) {
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
@@ -431,7 +431,7 @@ var require_object = __commonJS({
         if (element[e] === void 0) {
           element[e] = extendProp;
         } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
+          deepMerge3(element[e], extendProp);
         } else {
           element[e] = extendProp;
         }
@@ -469,7 +469,7 @@ var require_object = __commonJS({
       return o;
     };
     var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
+      return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
     };
     var deepClone2 = (obj) => {
       if ((0, import_types.isArray)(obj)) {
@@ -642,11 +642,11 @@ var require_object = __commonJS({
     };
     var mergeIfExisted = (a, b) => {
       if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge2(a, b);
+        return deepMerge3(a, b);
       return a || b;
     };
     var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge2(a, deepClone2(c)), {});
+      return arr.reduce((a, c) => deepMerge3(a, deepClone2(c)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
@@ -1076,10 +1076,6 @@ var FACTORY = {
   0: CONFIG
 };
 var getActiveConfig = (def) => {
-  if ((0, import_utils.isDefined)(def) && !FACTORY[def]) {
-    FACTORY[def] = (0, import_utils.deepClone)(cachedConfig);
-    return FACTORY[def];
-  }
   return FACTORY[def || FACTORY.active];
 };
 
@@ -1180,7 +1176,7 @@ var applyReset = (reset = {}) => {
       const configReset = RESET2;
       const configTemplates = TYPOGRAPHY2.templates;
       configReset.body = {
-        ...getMediaTheme("document", `@${CONFIG2.globalTheme}`),
+        ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},
         ...configTemplates.body
       };
       configReset.h1 = configTemplates.h1;

package/dist/cjs/system/spacing.js

@@ -287,7 +287,7 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject3,
+      isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString5,
       isUndefined: () => isUndefined,
@@ -297,7 +297,7 @@ var require_types = __commonJS({
     var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
-    var isObject3 = (arg) => {
+    var isObject4 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -320,7 +320,7 @@ var require_types = __commonJS({
       return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
     };
     var isDefined2 = (arg) => {
-      return isObject3(arg) || isObjectLike2(arg) || isString5(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString5(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -328,7 +328,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray3,
-      object: isObject3,
+      object: isObject4,
       string: isString5,
       number: isNumber,
       null: isNull,
@@ -378,7 +378,7 @@ var require_object = __commonJS({
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge,
+      deepMerge: () => deepMerge2,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
@@ -423,7 +423,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var deepMerge = (element, extend) => {
+    var deepMerge2 = (element, extend) => {
       for (const e in extend) {
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
@@ -431,7 +431,7 @@ var require_object = __commonJS({
         if (element[e] === void 0) {
           element[e] = extendProp;
         } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge(element[e], extendProp);
+          deepMerge2(element[e], extendProp);
         } else {
           element[e] = extendProp;
         }
@@ -469,7 +469,7 @@ var require_object = __commonJS({
       return o;
     };
     var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
+      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
     };
     var deepClone2 = (obj) => {
       if ((0, import_types.isArray)(obj)) {
@@ -642,11 +642,11 @@ var require_object = __commonJS({
     };
     var mergeIfExisted = (a, b) => {
       if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge(a, b);
+        return deepMerge2(a, b);
       return a || b;
     };
     var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge(a, deepClone2(c)), {});
+      return arr.reduce((a, c) => deepMerge2(a, deepClone2(c)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
@@ -1097,10 +1097,6 @@ var FACTORY = {
   0: CONFIG
 };
 var getActiveConfig = (def) => {
-  if ((0, import_utils3.isDefined)(def) && !FACTORY[def]) {
-    FACTORY[def] = (0, import_utils3.deepClone)(cachedConfig);
-    return FACTORY[def];
-  }
   return FACTORY[def || FACTORY.active];
 };
 

package/dist/cjs/system/svg.js

@@ -287,7 +287,7 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject3,
+      isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString4,
       isUndefined: () => isUndefined,
@@ -297,7 +297,7 @@ var require_types = __commonJS({
     var import_globals3 = require_cjs();
     var import_tags = require_cjs2();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
-    var isObject3 = (arg) => {
+    var isObject4 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -320,7 +320,7 @@ var require_types = __commonJS({
       return typeof import_globals3.window.HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
     };
     var isDefined2 = (arg) => {
-      return isObject3(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -328,7 +328,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray3,
-      object: isObject3,
+      object: isObject4,
       string: isString4,
       number: isNumber,
       null: isNull,
@@ -378,7 +378,7 @@ var require_object = __commonJS({
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
-      deepMerge: () => deepMerge,
+      deepMerge: () => deepMerge2,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
@@ -423,7 +423,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var deepMerge = (element, extend) => {
+    var deepMerge2 = (element, extend) => {
       for (const e in extend) {
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
@@ -431,7 +431,7 @@ var require_object = __commonJS({
         if (element[e] === void 0) {
           element[e] = extendProp;
         } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge(element[e], extendProp);
+          deepMerge2(element[e], extendProp);
         } else {
           element[e] = extendProp;
         }
@@ -469,7 +469,7 @@ var require_object = __commonJS({
       return o;
     };
     var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
+      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
     };
     var deepClone2 = (obj) => {
       if ((0, import_types.isArray)(obj)) {
@@ -642,11 +642,11 @@ var require_object = __commonJS({
     };
     var mergeIfExisted = (a, b) => {
       if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge(a, b);
+        return deepMerge2(a, b);
       return a || b;
     };
     var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge(a, deepClone2(c)), {});
+      return arr.reduce((a, c) => deepMerge2(a, deepClone2(c)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
       return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
@@ -1091,10 +1091,6 @@ var FACTORY = {
   0: CONFIG
 };
 var getActiveConfig = (def) => {
-  if ((0, import_utils3.isDefined)(def) && !FACTORY[def]) {
-    FACTORY[def] = (0, import_utils3.deepClone)(cachedConfig);
-    return FACTORY[def];
-  }
   return FACTORY[def || FACTORY.active];
 };
 
@@ -1104,11 +1100,15 @@ var import_utils6 = __toESM(require_cjs3(), 1);
 // src/utils/sprite.js
 var import_utils7 = __toESM(require_cjs3(), 1);
 var generateSprite = (icons) => {
-  let sprite = '<svg aria-hidden="true" width="0" height="0" style="position:absolute">';
+  const CONFIG2 = getActiveConfig();
+  let sprite = "";
   for (const key in icons) {
+    if (CONFIG2.__svg_cache[key])
+      continue;
+    else
+      CONFIG2.__svg_cache[key] = true;
     sprite += icons[key];
   }
-  sprite += "</svg>";
   return sprite;
 };
 var parseRootAttributes = (htmlString) => {
@@ -1136,8 +1136,8 @@ var convertSvgToSymbol = (key, code) => {
     "<svg",
     `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
   );
-  symbol = symbol.replace(/width="[^"]*/, "");
-  symbol = symbol.replace(/height="[^"]*/, "");
+  symbol = symbol.replace(/width="[^"]*"/, "");
+  symbol = symbol.replace(/height="[^"]*"/, "");
   symbol = symbol.replace("</svg", "</symbol");
   return symbol;
 };
@@ -1160,18 +1160,10 @@ var setSVG = (val, key) => {
 };
 var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG2 = getActiveConfig();
-  const doc = options.document || import_globals2.document;
   const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.SVG;
   for (const key in LIBRARY)
     lib[key] = CONFIG2.SVG[key];
-  const SVGsprite = generateSprite(lib);
-  if (!doc) {
-    console.warn("To append SVG sprites it should be run in browser environment");
-    return SVGsprite;
-  }
-  const svgSpriteDOM = doc.createElement("template");
-  svgSpriteDOM.innerHTML = SVGsprite;
-  doc.body.appendChild(svgSpriteDOM.content);
+  appendSVG(lib, options);
 };
 var setIcon = (val, key) => {
   const CONFIG2 = getActiveConfig();
@@ -1182,16 +1174,40 @@ var setIcon = (val, key) => {
 };
 var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG2 = getActiveConfig();
-  const doc = options.document || import_globals2.document;
   const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.ICONS;
   for (const key in LIBRARY)
     lib[key] = CONFIG2.ICONS[key];
-  const SVGsprite = generateSprite(lib);
+  appendSVG(lib, options);
+};
+var createSVGSpriteElement = (options = { isRoot: true }) => {
+  const svgElem = import_globals2.document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  if (options.isRoot) {
+    svgElem.setAttribute("aria-hidden", "true");
+    svgElem.setAttribute("width", "0");
+    svgElem.setAttribute("height", "0");
+    svgElem.setAttribute("style", "position:absolute");
+    svgElem.setAttribute("id", "svgSprite");
+  }
+  return svgElem;
+};
+var appendSVG = (lib, options = DEF_OPTIONS) => {
+  const CONFIG2 = getActiveConfig();
+  const doc = options.document || import_globals2.document;
   if (!doc) {
-    console.warn("To append SVG Icon sprites it should be run in browser environment");
-    return SVGsprite;
+    if (CONFIG2.verbose) {
+      console.warn("To append SVG sprites it should be run in browser environment");
+    }
+    return generateSprite(lib);
+  }
+  const exists = doc.querySelector("#svgSprite");
+  const SVGsprite = generateSprite(lib);
+  if (exists) {
+    const tempSVG = createSVGSpriteElement({ isRoot: false });
+    tempSVG.innerHTML = SVGsprite;
+    exists.append(...tempSVG.children);
+  } else {
+    const svgSpriteDOM = createSVGSpriteElement();
+    svgSpriteDOM.innerHTML = SVGsprite;
+    doc.body.prepend(svgSpriteDOM);
   }
-  const iconsSpriteDOM = doc.createElement("template");
-  iconsSpriteDOM.innerHTML = SVGsprite;
-  doc.body.appendChild(iconsSpriteDOM.content);
 };