@symbo.ls/uikit 2.11.283 → 2.11.286

package/dist/index.cjs.js

@@ -481,7 +481,7 @@ var require_object = __commonJS({
       deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
-      deepDiff: () => deepDiff2,
+      deepDiff: () => deepDiff,
       deepMerge: () => deepMerge2,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
@@ -812,7 +812,7 @@ var require_object = __commonJS({
     var isEmpty = (o) => Object.keys(o).length === 0;
     var isEmptyObject = (o) => (0, import_types.isObject)(o) && isEmpty(o);
     var makeObjectWithoutPrototype = () => /* @__PURE__ */ Object.create(null);
-    var deepDiff2 = (lhs, rhs) => {
+    var deepDiff = (lhs, rhs) => {
       if (lhs === rhs)
         return {};
       if (!(0, import_types.isObjectLike)(lhs) || !(0, import_types.isObjectLike)(rhs))
@@ -1837,7 +1837,7 @@ var require_cjs2 = __commonJS({
           deepCloneWithExtnd: () => deepCloneWithExtnd,
           deepContains: () => deepContains,
           deepDestringify: () => deepDestringify,
-          deepDiff: () => deepDiff2,
+          deepDiff: () => deepDiff,
           deepMerge: () => deepMerge3,
           deepStringify: () => deepStringify,
           detachFunctionsFromObject: () => detachFunctionsFromObject,
@@ -2168,7 +2168,7 @@ var require_cjs2 = __commonJS({
         var isEmpty = (o) => Object.keys(o).length === 0;
         var isEmptyObject = (o) => (0, import_types.isObject)(o) && isEmpty(o);
         var makeObjectWithoutPrototype = () => /* @__PURE__ */ Object.create(null);
-        var deepDiff2 = (lhs, rhs) => {
+        var deepDiff = (lhs, rhs) => {
           if (lhs === rhs)
             return {};
           if (!(0, import_types.isObjectLike)(lhs) || !(0, import_types.isObjectLike)(rhs))
@@ -5056,7 +5056,7 @@ var require_methods = __commonJS({
       const state = this;
       if ((0, import_utils17.isArray)(state)) {
         state.push(value);
-        state.update(state.parse(), { overwrite: "replace", ...options });
+        state.update(state.parse(), { overwrite: true, ...options });
       } else if ((0, import_utils17.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
@@ -5118,16 +5118,24 @@ var require_inherit = __commonJS({
     var inherit_exports = {};
     __export2(inherit_exports, {
       checkIfInherits: () => checkIfInherits,
-      createChangesByKey: () => createChangesByKey,
       createInheritedState: () => createInheritedState,
+      createNestedObjectByKeyPath: () => createNestedObjectByKeyPath,
       findInheritedState: () => findInheritedState,
       getChildStateInKey: () => getChildStateInKey2,
       getParentStateInKey: () => getParentStateInKey,
+      getRootStateInKey: () => getRootStateInKey,
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
     var import_utils17 = require_cjs();
     var import_ignore = require_ignore();
+    var getRootStateInKey = (stateKey, parentState) => {
+      if (!stateKey.includes("~/"))
+        return;
+      const arr = stateKey.split("~/");
+      if (arr.length > 1)
+        return parentState.__root;
+    };
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
         return;
@@ -5165,11 +5173,17 @@ var require_inherit = __commonJS({
       let stateKey = ref.__state;
       if (!checkIfInherits(element))
         return;
+      const rootState = getRootStateInKey(stateKey, parent.state);
       let parentState = parent.state;
-      const findGrandParentState = getParentStateInKey(stateKey, parent.state);
-      if (findGrandParentState) {
-        parentState = findGrandParentState;
-        stateKey = stateKey.replaceAll("../", "");
+      if (rootState) {
+        parentState = rootState;
+        stateKey = stateKey.replaceAll("~/", "");
+      } else {
+        const findGrandParentState = getParentStateInKey(stateKey, parent.state);
+        if (findGrandParentState) {
+          parentState = findGrandParentState;
+          stateKey = stateKey.replaceAll("../", "");
+        }
       }
       if (!parentState)
         return;
@@ -5200,7 +5214,7 @@ var require_inherit = __commonJS({
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
-    var createChangesByKey = (path, value) => {
+    var createNestedObjectByKeyPath = (path, value) => {
       if (!path) {
         return value || {};
       }
@@ -5311,9 +5325,10 @@ var require_updateState = __commonJS({
       const isStringState = stateType === "string" || stateType === "number" || stateType === "boolean";
       const value = isStringState ? state.value : state.parse();
       const passedValue = isStringState ? state.value : obj;
+      const findRootState = (0, import_inherit.getRootStateInKey)(stateKey, parent.state);
       const findGrandParentState = (0, import_inherit.getParentStateInKey)(stateKey, parent.state);
-      const changesValue = (0, import_inherit.createChangesByKey)(stateKey, passedValue);
-      const targetParent = findGrandParentState || parent.state;
+      const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
+      const targetParent = findRootState || findGrandParentState || parent.state;
       if (options.replace)
         (0, import_utils17.overwriteDeep)(targetParent, changesValue || value);
       targetParent.update(changesValue, {
@@ -5545,6 +5560,7 @@ var require_cjs6 = __commonJS({
       router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
+    var import_event = require_cjs4();
     var import_utils17 = require_cjs();
     var getActiveRoute = (level = 0, route = import_utils17.window.location.pathname) => {
       const routeArray = route.split("/");
@@ -5621,6 +5637,7 @@ var require_cjs6 = __commonJS({
           });
         }
       }
+      (0, import_event.triggerEventOn)("routeChanged", element, options);
     };
     var router_default = router;
   }
@@ -6685,7 +6702,7 @@ var beforeClassAssign = (element, s) => {
         props4.update({
           themeModifier: globalTheme
         }, {
-          preventUpdateListener: true,
+          preventListeners: true,
           preventRecursive: true,
           isForced: true,
           preventDefineUpdate: true
@@ -6708,6 +6725,7 @@ var beforeClassAssign = (element, s) => {
       spacingRatio: parentProps.spacingRatio,
       inheritSpacingRatio: true
     }, {
+      preventListeners: true,
       preventRecursive: true,
       isForced: true,
       preventDefineUpdate: true
@@ -6853,13 +6871,13 @@ var Collection = {
         return;
       const { __ref: ref } = el;
       if (ref.__collectionCache) {
-        const d = (0, import_utils4.deepDiff)(param, ref.__collectionCache);
-        if (Object.keys(d).length) {
-          ref.__collectionCache = (0, import_utils4.deepClone)(param);
-          delete ref.__noCollectionDifference;
-        } else {
+        const equals = JSON.stringify(param) === JSON.stringify(ref.__collectionCache);
+        if (equals) {
           ref.__noCollectionDifference = true;
           return;
+        } else {
+          ref.__collectionCache = (0, import_utils4.deepClone)(param);
+          delete ref.__noCollectionDifference;
         }
       } else {
         ref.__collectionCache = (0, import_utils4.deepClone)(param);
@@ -6911,13 +6929,13 @@ var Collection = {
         return;
       const { __ref: ref } = el;
       if (ref.__stateCollectionCache) {
-        const d = (0, import_utils4.deepDiff)(param, ref.__stateCollectionCache);
-        if (Object.keys(d).length) {
-          ref.__stateCollectionCache = (0, import_utils4.deepClone)(param);
-          delete ref.__noCollectionDifference;
-        } else {
+        const equals = JSON.stringify(param) === JSON.stringify(ref.__stateCollectionCache);
+        if (equals) {
           ref.__noCollectionDifference = true;
           return;
+        } else {
+          ref.__stateCollectionCache = (0, import_utils4.deepClone)(param);
+          delete ref.__noCollectionDifference;
         }
       } else {
         ref.__stateCollectionCache = (0, import_utils4.deepClone)(param);
@@ -6951,13 +6969,13 @@ var Collection = {
         return;
       const { __ref: ref } = el;
       if (ref.__propsCollectionCache) {
-        const d = (0, import_utils4.deepDiff)(param, ref.__propsCollectionCache);
-        if (Object.keys(d).length) {
-          ref.__propsCollectionCache = (0, import_utils4.deepClone)(param);
-          delete ref.__noCollectionDifference;
-        } else {
+        const equals = JSON.stringify(param) === JSON.stringify(ref.__propsCollectionCache);
+        if (equals) {
           ref.__noCollectionDifference = true;
           return;
+        } else {
+          ref.__propsCollectionCache = (0, import_utils4.deepClone)(param);
+          delete ref.__noCollectionDifference;
         }
       } else {
         ref.__propsCollectionCache = (0, import_utils4.deepClone)(param);
@@ -8545,6 +8563,8 @@ var Text = {
     letterSpacing: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.letterSpacing) && { letterSpacing: props4.letterSpacing },
     textOverflow: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.textOverflow) && { textOverflow: props4.textOverflow },
     textAlign: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.textAlign) && { textAlign: props4.textAlign },
+    writingMode: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.writingMode) && { writingMode: props4.writingMode },
+    textOrientation: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.textOrientation) && { textOrientation: props4.textOrientation },
     fontWeight: ({ props: props4 }) => !(0, import_utils8.isUndefined)(props4.fontWeight) && {
       fontWeight: props4.fontWeight,
       fontVariationSettings: '"wght" ' + props4.fontWeight