@symbo.ls/uikit 2.11.78 → 2.11.81

package/dist/index.cjs.js

@@ -89,13 +89,13 @@ var require_cjs = __commonJS({
           document: () => document4,
           global: () => global,
           self: () => self,
-          window: () => window3
+          window: () => window2
         });
         module22.exports = __toCommonJS22(globals_exports);
         var global = globalThis;
         var self = globalThis;
-        var window3 = globalThis;
-        var document4 = window3.document;
+        var window2 = globalThis;
+        var document4 = window2.document;
       }
     });
     var require_cjs22 = __commonJS2({
@@ -505,6 +505,41 @@ var require_cjs = __commonJS({
         };
       }
     });
+    var require_string2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from2, except, desc) => {
+          if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+            for (let key of __getOwnPropNames22(from2))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc22(from2, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var string_exports = {};
+        __export22(string_exports, {
+          stringIncludesAny: () => stringIncludesAny
+        });
+        module22.exports = __toCommonJS22(string_exports);
+        var stringIncludesAny = (str, characters2) => {
+          for (const char2 of characters2) {
+            if (str.includes(char2)) {
+              return true;
+            }
+          }
+          return false;
+        };
+      }
+    });
     var require_object2 = __commonJS2({
       "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
@@ -544,15 +579,18 @@ var require_cjs = __commonJS({
           merge: () => merge5,
           mergeArrayExclude: () => mergeArrayExclude,
           mergeIfExisted: () => mergeIfExisted,
+          objectToString: () => objectToString,
           overwrite: () => overwrite,
           overwriteDeep: () => overwriteDeep2,
           overwriteShallow: () => overwriteShallow4,
-          removeFromObject: () => removeFromObject
+          removeFromObject: () => removeFromObject,
+          stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
         var import_globals3 = require_cjs11();
         var import_types = require_types2();
         var import_array = require_array2();
+        var import_string = require_string2();
         var exec4 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param(
@@ -669,6 +707,40 @@ var require_cjs = __commonJS({
           }
           return stringified;
         };
+        var objectToString = (obj, indent = 0) => {
+          const spaces = "  ".repeat(indent);
+          let str = "{\n";
+          for (const [key, value] of Object.entries(obj)) {
+            const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
+            const stringedKey = keyAllowdChars ? `'${key}'` : key;
+            str += `${spaces}  ${stringedKey}: `;
+            if ((0, import_types.isArray)(value)) {
+              str += "[\n";
+              for (const element of value) {
+                if ((0, import_types.isObject)(element) && element !== null) {
+                  str += `${spaces}    ${objectToString(element, indent + 2)},
+`;
+                } else if ((0, import_types.isString)(element)) {
+                  str += `${spaces}    '${element}',
+`;
+                } else {
+                  str += `${spaces}    ${element},
+`;
+                }
+              }
+              str += `${spaces}  ]`;
+            } else if ((0, import_types.isObject)(value)) {
+              str += objectToString(value, indent + 1);
+            } else if ((0, import_types.isString)(value)) {
+              str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
+            } else {
+              str += value;
+            }
+            str += ",\n";
+          }
+          str += `${spaces}}`;
+          return str;
+        };
         var detachFunctionsFromObject = (obj, detached = {}) => {
           for (const prop in obj) {
             const objProp = obj[prop];
@@ -739,6 +811,16 @@ var require_cjs = __commonJS({
           }
           return stringified;
         };
+        var stringToObject = (str) => {
+          let obj;
+          try {
+            obj = import_globals3.window.eval("(" + str + ")");
+          } catch (e) {
+            console.warn(e);
+          }
+          if (obj)
+            return obj;
+        };
         var diffObjects = (original, objToDiff, cache) => {
           for (const e in objToDiff) {
             if (e === "ref")
@@ -980,6 +1062,7 @@ var require_cjs = __commonJS({
         __reExport(utils_exports2, require_array2(), module22.exports);
         __reExport(utils_exports2, require_node2(), module22.exports);
         __reExport(utils_exports2, require_log2(), module22.exports);
+        __reExport(utils_exports2, require_string2(), module22.exports);
       }
     });
     var src_exports = {};
@@ -3042,7 +3125,7 @@ var require_types = __commonJS({
       isNumber: () => isNumber,
       isObject: () => isObject7,
       isObjectLike: () => isObjectLike4,
-      isString: () => isString4,
+      isString: () => isString5,
       isUndefined: () => isUndefined,
       isValidHtmlTag: () => isValidHtmlTag
     });
@@ -3055,7 +3138,7 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString4 = (arg) => typeof arg === "string";
+    var isString5 = (arg) => typeof arg === "string";
     var isNumber = (arg) => typeof arg === "number";
     var isFunction3 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
@@ -3067,7 +3150,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined = (arg) => {
-      return isObject7(arg) || isObjectLike4(arg) || isString4(arg) || isNumber(arg) || isFunction3(arg) || isArray7(arg) || isObjectLike4(arg) || isBoolean(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike4(arg) || isString5(arg) || isNumber(arg) || isFunction3(arg) || isArray7(arg) || isObjectLike4(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -3076,7 +3159,7 @@ var require_types = __commonJS({
       boolean: isBoolean,
       array: isArray7,
       object: isObject7,
-      string: isString4,
+      string: isString5,
       number: isNumber,
       null: isNull,
       function: isFunction3,
@@ -3164,6 +3247,43 @@ var require_array = __commonJS({
   }
 });
 
+// ../../node_modules/@domql/utils/dist/cjs/string.js
+var require_string = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from2, except, desc) => {
+      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+        for (let key of __getOwnPropNames2(from2))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var string_exports = {};
+    __export2(string_exports, {
+      stringIncludesAny: () => stringIncludesAny
+    });
+    module2.exports = __toCommonJS2(string_exports);
+    var stringIncludesAny = (str, characters2) => {
+      for (const char2 of characters2) {
+        if (str.includes(char2)) {
+          return true;
+        }
+      }
+      return false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
   "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
@@ -3204,15 +3324,18 @@ var require_object = __commonJS({
       merge: () => merge5,
       mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
+      objectToString: () => objectToString,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep,
       overwriteShallow: () => overwriteShallow4,
-      removeFromObject: () => removeFromObject
+      removeFromObject: () => removeFromObject,
+      stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
     var import_globals = require_cjs4();
     var import_types = require_types();
     var import_array = require_array();
+    var import_string = require_string();
     var exec4 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
@@ -3329,6 +3452,40 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var objectToString = (obj, indent = 0) => {
+      const spaces = "  ".repeat(indent);
+      let str = "{\n";
+      for (const [key, value] of Object.entries(obj)) {
+        const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
+        const stringedKey = keyAllowdChars ? `'${key}'` : key;
+        str += `${spaces}  ${stringedKey}: `;
+        if ((0, import_types.isArray)(value)) {
+          str += "[\n";
+          for (const element of value) {
+            if ((0, import_types.isObject)(element) && element !== null) {
+              str += `${spaces}    ${objectToString(element, indent + 2)},
+`;
+            } else if ((0, import_types.isString)(element)) {
+              str += `${spaces}    '${element}',
+`;
+            } else {
+              str += `${spaces}    ${element},
+`;
+            }
+          }
+          str += `${spaces}  ]`;
+        } else if ((0, import_types.isObject)(value)) {
+          str += objectToString(value, indent + 1);
+        } else if ((0, import_types.isString)(value)) {
+          str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
+        } else {
+          str += value;
+        }
+        str += ",\n";
+      }
+      str += `${spaces}}`;
+      return str;
+    };
     var detachFunctionsFromObject = (obj, detached = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -3399,6 +3556,16 @@ var require_object = __commonJS({
       }
       return stringified;
     };
+    var stringToObject = (str) => {
+      let obj;
+      try {
+        obj = import_globals.window.eval("(" + str + ")");
+      } catch (e) {
+        console.warn(e);
+      }
+      if (obj)
+        return obj;
+    };
     var diffObjects = (original, objToDiff, cache) => {
       for (const e in objToDiff) {
         if (e === "ref")
@@ -3646,6 +3813,7 @@ var require_cjs5 = __commonJS({
     __reExport(utils_exports, require_array(), module2.exports);
     __reExport(utils_exports, require_node(), module2.exports);
     __reExport(utils_exports, require_log(), module2.exports);
+    __reExport(utils_exports, require_string(), module2.exports);
   }
 });
 
@@ -4082,7 +4250,7 @@ var require_inherit = __commonJS({
       createChangesByKey: () => createChangesByKey,
       createInheritedState: () => createInheritedState,
       findInheritedState: () => findInheritedState,
-      getChildStateInKey: () => getChildStateInKey,
+      getChildStateInKey: () => getChildStateInKey2,
       getParentStateInKey: () => getParentStateInKey,
       isState: () => isState4
     });
@@ -4101,7 +4269,7 @@ var require_inherit = __commonJS({
       }
       return parentState;
     };
-    var getChildStateInKey = (stateKey, parentState, options) => {
+    var getChildStateInKey2 = (stateKey, parentState, options = {}) => {
       const arr = stateKey.split("/");
       const arrLength = arr.length - 1;
       for (let i = 0; i < arrLength; i++) {
@@ -4131,7 +4299,7 @@ var require_inherit = __commonJS({
       }
       if (!parentState)
         return;
-      return getChildStateInKey(stateKey, parentState, options);
+      return getChildStateInKey2(stateKey, parentState, options);
     };
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
@@ -4281,7 +4449,7 @@ var require_updateState = __commonJS({
         preventUpdate: options.preventHoistElementUpdate,
         overwrite: !options.replace
       });
-      const hasNotUpdated = !options.preventUpdate || !options.preventHoistElementUpdate;
+      const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate;
       if (!options.preventStateUpdateListener && hasNotUpdated) {
         (0, import_event.triggerEventOnUpdate)("stateUpdated", obj, element, options);
       }
@@ -4297,7 +4465,7 @@ var require_updateState = __commonJS({
     };
     var applyElementUpdate = (state, obj, options) => {
       const element = state.__element;
-      if (!options.preventUpdate) {
+      if (options.preventUpdate !== true) {
         element.update({}, {
           ...options,
           updateByState: true
@@ -6941,11 +7109,11 @@ var require_moment = __commonJS({
         }
       }
       var add = createAdder(1, "add"), subtract = createAdder(-1, "subtract");
-      function isString4(input) {
+      function isString5(input) {
         return typeof input === "string" || input instanceof String;
       }
       function isMomentInput(input) {
-        return isMoment(input) || isDate(input) || isString4(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
+        return isMoment(input) || isDate(input) || isString5(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
         var objectTest = isObject7(input) && !isObjectEmpty(input), propertyTest = false, properties = [
@@ -6984,7 +7152,7 @@ var require_moment = __commonJS({
         var arrayTest = isArray7(input), dataTypeTest = false;
         if (arrayTest) {
           dataTypeTest = input.filter(function(item) {
-            return !isNumber(item) && isString4(input);
+            return !isNumber(item) && isString5(input);
           }).length === 0;
         }
         return arrayTest && dataTypeTest;
@@ -8661,8 +8829,12 @@ var require_cjs9 = __commonJS({
     });
     module2.exports = __toCommonJS2(router_exports);
     var import_globals = require_cjs4();
-    var import_utils16 = require_cjs5();
-    var getActiveRoute = (route = import_globals.window.location.pathname, level) => `/${route.split("/")[level + 1]}`;
+    var getActiveRoute = (level = 0, route = import_globals.window.location.pathname) => {
+      const routeArray = route.split("/");
+      const activeRoute = routeArray[level + 1];
+      if (activeRoute)
+        return `/${activeRoute}`;
+    };
     var lastPathname;
     var lastLevel = 0;
     var defaultOptions = {
@@ -8673,52 +8845,52 @@ var require_cjs9 = __commonJS({
       scrollToNode: false,
       scrollNode: import_globals.document && import_globals.document.documentElement,
       scrollBody: false,
-      scrollDocument: true,
       useFragment: false,
       updateState: true,
       scrollToOffset: 0,
       scrollToOptions: { behavior: "smooth" }
     };
-    var router = (path, element, state = {}, options = defaultOptions) => {
-      (0, import_utils16.merge)(options, defaultOptions);
+    var router = (path, element, state = {}, passedOptions = {}) => {
+      const options = { ...defaultOptions, ...passedOptions };
       lastLevel = options.lastLevel;
       const [pathname, hash2] = path.split("#");
       const rootNode = element.node;
-      const route = getActiveRoute(pathname, options.level);
-      const content = element.routes[route] || element.routes["/*"];
-      const scrollNode = options.scrollDocument ? import_globals.document.documentElement : rootNode;
+      const route = getActiveRoute(options.level, pathname);
+      const content = element.routes[route || "/"] || element.routes["/*"];
+      const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
       const hashChanged = hash2 && hash2 !== import_globals.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
-      if (content) {
-        if (options.pushState)
-          import_globals.window.history.pushState(state, null, route + (hash2 ? `#${hash2}` : ""));
-        if (pathChanged || !hashChanged) {
-          element.set({ tag: options.useFragment && "fragment", extend: content });
-          if (options.updateState) {
-            element.state.update({ route, hash: hash2 }, {
-              preventContentUpdate: !options.stateContentUpdate
-            });
-          }
-        }
-        if (options.scrollToTop) {
-          scrollNode.scrollTo({
-            ...options.scrollToOptions || {},
-            top: 0,
-            left: 0
-          });
-        }
-        if (options.scrollToNode) {
-          content.content.node.scrollTo({
-            ...options.scrollToOptions || {},
-            top: 0,
-            left: 0
-          });
+      if (!content)
+        return;
+      if (options.pushState) {
+        import_globals.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+      }
+      if (pathChanged || !hashChanged) {
+        if (options.updateState) {
+          element.state.update({ route, hash: hash2 }, { preventContentUpdate: true });
         }
+        element.set({
+          tag: options.useFragment && "fragment",
+          extend: content
+        });
+      }
+      if (options.scrollToTop) {
+        scrollNode.scrollTo({
+          ...options.scrollToOptions || {},
+          top: 0,
+          left: 0
+        });
+      }
+      if (options.scrollToNode) {
+        content.content.node.scrollTo({
+          ...options.scrollToOptions || {},
+          top: 0,
+          left: 0
+        });
       }
       if (hash2) {
         const activeNode = import_globals.document.getElementById(hash2);
-        console.log(hash2, activeNode);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -9248,7 +9420,7 @@ var require_cjs10 = __commonJS({
           mergeArrayExclude: () => mergeArrayExclude,
           mergeIfExisted: () => mergeIfExisted,
           overwrite: () => overwrite,
-          overwriteDeep: () => overwriteDeep,
+          overwriteDeep: () => overwriteDeep2,
           overwriteShallow: () => overwriteShallow4,
           removeFromObject: () => removeFromObject
         });
@@ -9506,14 +9678,14 @@ var require_cjs10 = __commonJS({
           }
           return obj;
         };
-        var overwriteDeep = (obj, params, excludeFrom = []) => {
+        var overwriteDeep2 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
             if (excludeFrom.includes(e) || e.includes("__"))
               continue;
             const objProp = obj[e];
             const paramsProp = params[e];
             if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-              overwriteDeep(objProp, paramsProp);
+              overwriteDeep2(objProp, paramsProp);
             } else if (paramsProp !== void 0) {
               obj[e] = paramsProp;
             }
@@ -11179,6 +11351,9 @@ var require_cjs10 = __commonJS({
           configReset.h6 = configTemplates.h6;
         }
         const { body, ...templates } = TYPOGRAPHY2.templates;
+        const globalTheme = CONFIG22.useDocumentTheme ? getMediaTheme4("document", `@${CONFIG22.globalTheme}`) : {};
+        if (RESET2.html)
+          (0, import_utils24.overwriteDeep)(RESET2.html, globalTheme);
         return (0, import_utils24.deepMerge)((0, import_utils24.merge)(RESET2, reset), {
           html: {
             position: "absolute",
@@ -11190,8 +11365,8 @@ var require_cjs10 = __commonJS({
             margin: "0",
             WebkitFontSmoothing: "subpixel-antialiased",
             scrollBehavior: "smooth",
+            ...globalTheme,
             fontSize: TYPOGRAPHY2.browserDefault + "px",
-            ...CONFIG22.useDocumentTheme ? getMediaTheme4("document", `@${CONFIG22.globalTheme}`) : {},
             fontFamily: DOCUMENT2.fontFamily,
             lineHeight: DOCUMENT2.lineHeight
           },
@@ -12366,6 +12541,12 @@ var Collection = {
     $setCollection: (param, el, state) => {
       if (!param)
         return;
+      if ((0, import_utils2.isString)(param)) {
+        if (param === "state")
+          param = state.parse();
+        else
+          param = (0, import_state.getChildStateInKey)(param, state);
+      }
       let data = (0, import_utils2.isArray)(param) ? param : [];
       if ((0, import_utils2.isObject)(param)) {
         for (const obj in param) {
@@ -12386,6 +12567,12 @@ var Collection = {
     $setStateCollection: (param, el, state) => {
       if (!param)
         return;
+      if ((0, import_utils2.isString)(param)) {
+        if (param === "state")
+          param = state.parse();
+        else
+          param = (0, import_state.getChildStateInKey)(param, state);
+      }
       if ((0, import_state.isState)(param))
         param = param.parse();
       if ((0, import_utils2.isNot)(param)("array", "object"))
@@ -12409,6 +12596,12 @@ var Collection = {
     $setPropsCollection: (param, el, state) => {
       if (!param)
         return;
+      if ((0, import_utils2.isString)(param)) {
+        if (param === "state")
+          param = state.parse();
+        else
+          param = (0, import_state.getChildStateInKey)(param, state);
+      }
       if ((0, import_state.isState)(param))
         param = param.parse();
       if ((0, import_utils2.isNot)(param)("array", "object"))
@@ -14917,7 +15110,6 @@ var Checkbox = {
     on: {
       render: ({ parent, node: node2 }) => {
         const { indeterminate } = parent.props;
-        console.log(indeterminate);
         node2.indeterminate = indeterminate;
       },
       update: ({ parent, node: node2 }) => {
@@ -15093,7 +15285,13 @@ var IconText2 = {
     props: {},
     if: ({ props: props7 }) => props7.name || props7.icon
   },
-  text: ({ props: props7 }) => props7.text
+  text: ({ props: props7 }) => props7.text,
+  ".reversed": {
+    props: { flow: "row-reverse" }
+  },
+  ".vertical": {
+    props: { flow: "column" }
+  }
 };
 
 // Link/index.js