@symbo.ls/create 2.11.305 → 2.11.310

package/dist/cjs/bundle/index.js

@@ -219,8 +219,8 @@ var require_types = __commonJS({
       isNumber: () => isNumber2,
       isObject: () => isObject12,
       isObjectLike: () => isObjectLike3,
-      isString: () => isString11,
-      isUndefined: () => isUndefined10
+      isString: () => isString12,
+      isUndefined: () => isUndefined9
     });
     module2.exports = __toCommonJS12(types_exports);
     var import_node = require_node();
@@ -229,7 +229,7 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString11 = (arg) => typeof arg === "string";
+    var isString12 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isFunction4 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
@@ -242,16 +242,16 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined3 = (arg) => {
-      return isObject12(arg) || isObjectLike3(arg) || isString11(arg) || isNumber2(arg) || isFunction4(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject12(arg) || isObjectLike3(arg) || isString12(arg) || isNumber2(arg) || isFunction4(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
-    var isUndefined10 = (arg) => {
+    var isUndefined9 = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
       boolean: isBoolean,
       array: isArray6,
       object: isObject12,
-      string: isString11,
+      string: isString12,
       date: isDate,
       number: isNumber2,
       null: isNull,
@@ -492,7 +492,7 @@ var require_object = __commonJS({
       diff: () => diff,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
-      exec: () => exec4,
+      exec: () => exec5,
       flattenRecursive: () => flattenRecursive,
       hasOwnProperty: () => hasOwnProperty,
       isEmpty: () => isEmpty,
@@ -515,7 +515,7 @@ var require_object = __commonJS({
     var import_types = require_types();
     var import_array = require_array();
     var import_string = require_string();
-    var exec4 = (param, element, state, context) => {
+    var exec5 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
           element,
@@ -527,7 +527,7 @@ var require_object = __commonJS({
     };
     var map2 = (obj, extention, element) => {
       for (const e in extention) {
-        obj[e] = exec4(extention[e], element);
+        obj[e] = exec5(extention[e], element);
       }
     };
     var merge4 = (element, obj, excludeFrom = []) => {
@@ -1852,7 +1852,7 @@ var require_cjs2 = __commonJS({
           diff: () => diff,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
-          exec: () => exec4,
+          exec: () => exec5,
           flattenRecursive: () => flattenRecursive,
           hasOwnProperty: () => hasOwnProperty,
           isEmpty: () => isEmpty,
@@ -1875,7 +1875,7 @@ var require_cjs2 = __commonJS({
         var import_types = require_types2();
         var import_array = require_array2();
         var import_string = require_string2();
-        var exec4 = (param, element, state, context) => {
+        var exec5 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param(
               element,
@@ -1887,7 +1887,7 @@ var require_cjs2 = __commonJS({
         };
         var map2 = (obj, extention, element) => {
           for (const e in extention) {
-            obj[e] = exec4(extention[e], element);
+            obj[e] = exec5(extention[e], element);
           }
         };
         var merge5 = (element, obj, excludeFrom = []) => {
@@ -6730,6 +6730,7 @@ var init_Block = __esm({
         },
         borderWidth: ({ props: props4, deps }) => deps.transformSizeRatio("borderWidth", props4),
         padding: ({ props: props4, deps }) => deps.transformSizeRatio("padding", props4),
+        scrollPadding: ({ props: props4, deps }) => deps.transformSizeRatio("scrollPadding", props4),
         paddingInline: ({ props: props4, deps }) => {
           if (typeof props4.paddingInline !== "string")
             return;
@@ -6922,21 +6923,21 @@ var init_Flex = __esm({
       },
       class: {
         flow: ({ props: props4 }) => {
-          const { flow } = props4;
-          if ((0, import_utils6.isUndefined)(flow))
+          const { flow, reverse } = props4;
+          if (!(0, import_utils6.isString)(flow))
             return;
-          let [direction, wrap] = flow.split(" ");
+          let [direction, wrap] = (flow || "row").split(" ");
           if (flow.startsWith("x") || flow.startsWith("row"))
             direction = "row";
           if (flow.startsWith("y") || flow.startsWith("column"))
             direction = "column";
           return {
-            flexFlow: (direction || "") + (props4.reverse ? "-reverse" : "") + " " + (wrap || "")
+            flexFlow: (direction || "") + (reverse ? "-reverse" : "") + " " + (wrap || "")
           };
         },
         wrap: ({ props: props4 }) => props4.wrap && { flexWrap: props4.wrap },
         align: ({ props: props4 }) => {
-          if (typeof props4.align !== "string")
+          if (!(0, import_utils6.isString)(props4.align))
             return;
           const [alignItems, justifyContent] = props4.align.split(" ");
           return { alignItems, justifyContent };
@@ -16575,13 +16576,9 @@ var init_cjs = __esm({
       return domqlApp;
     };
     createAsync = (App, options = import_options2.default, optionsExternalFile) => {
+      const domqlApp = create(App, options, optionsExternalFile);
       const redefinedOptions = { ...import_options2.default, ...mergeWithLocalFile2(options, optionsExternalFile) };
-      const domqlApp = (0, import_createDomql.createDomqlElement)(App, redefinedOptions);
-      (0, import_syncExtend2.applyInspectListener)(domqlApp, redefinedOptions);
-      (0, import_router4.popStateRouter)(domqlApp, redefinedOptions);
-      if (redefinedOptions.on && redefinedOptions.on.create)
-        redefinedOptions.on.create(domqlApp, redefinedOptions);
-      const key = options.key || SYMBOLS_KEY2;
+      const key = redefinedOptions.key || SYMBOLS_KEY2;
       (0, import_ferchOnCreate.fetchAsync)(domqlApp, key, { utils: utils3, ...redefinedOptions });
       return domqlApp;
     };
@@ -16893,8 +16890,8 @@ var init_style = __esm({
       return (0, import_scratch8.getColor)(props4.shapeDirectionColor) || (0, import_scratch8.getColor)(props4.borderColor) || (0, import_scratch8.getColor)(props4.backgroundColor) || (0, import_scratch8.getColor)(props4.background);
     };
     inheritTransition = ({ props: props4, deps }) => {
-      const exec4 = Timing.class.transition({ props: props4, deps });
-      return exec4 && exec4.transition;
+      const exec5 = Timing.class.transition({ props: props4, deps });
+      return exec5 && exec5.transition;
     };
     SHAPES = {
       rectangle: {},
@@ -17613,8 +17610,7 @@ var init_Collection = __esm({
           if ((0, import_utils20.isNot)(param)("array", "object"))
             return;
           const { __ref: ref } = el;
-          if ((0, import_utils20.isObjectLike)(param))
-            param = (0, import_utils20.deepClone)(param);
+          param = (0, import_utils20.deepClone)(param);
           if (ref.__collectionCache) {
             const equals = JSON.stringify(param) === JSON.stringify(ref.__collectionCache);
             if (equals) {
@@ -17673,17 +17669,18 @@ var init_Collection = __esm({
           if ((0, import_utils20.isNot)(param)("array", "object"))
             return;
           const { __ref: ref } = el;
+          param = (0, import_utils20.deepClone)(param);
           if (ref.__stateCollectionCache) {
             const equals = JSON.stringify(param) === JSON.stringify(ref.__stateCollectionCache);
             if (equals) {
               ref.__noCollectionDifference = true;
               return;
             } else {
-              ref.__stateCollectionCache = (0, import_utils20.deepClone)(param);
+              ref.__stateCollectionCache = param;
               delete ref.__noCollectionDifference;
             }
           } else {
-            ref.__stateCollectionCache = (0, import_utils20.deepClone)(param);
+            ref.__stateCollectionCache = param;
           }
           const obj = {
             tag: "fragment",
@@ -17713,17 +17710,18 @@ var init_Collection = __esm({
           if ((0, import_utils20.isNot)(param)("array", "object"))
             return;
           const { __ref: ref } = el;
+          param = (0, import_utils20.deepClone)(param);
           if (ref.__propsCollectionCache) {
             const equals = JSON.stringify(param) === JSON.stringify(ref.__propsCollectionCache);
             if (equals) {
               ref.__noCollectionDifference = true;
               return;
             } else {
-              ref.__propsCollectionCache = (0, import_utils20.deepClone)(param);
+              ref.__propsCollectionCache = param;
               delete ref.__noCollectionDifference;
             }
           } else {
-            ref.__propsCollectionCache = (0, import_utils20.deepClone)(param);
+            ref.__propsCollectionCache = param;
           }
           const obj = {
             tag: "fragment",
@@ -17763,7 +17761,27 @@ var init_Position = __esm({
         left: ({ props: props4, deps }) => deps.getSpacingByKey(props4.left, "left"),
         top: ({ props: props4, deps }) => deps.getSpacingByKey(props4.top, "top"),
         right: ({ props: props4, deps }) => deps.getSpacingByKey(props4.right, "right"),
-        bottom: ({ props: props4, deps }) => deps.getSpacingByKey(props4.bottom, "bottom")
+        bottom: ({ props: props4, deps }) => deps.getSpacingByKey(props4.bottom, "bottom"),
+        verticalInset: ({ props: props4, deps }) => {
+          const { verticalInset } = props4;
+          if (typeof verticalInset !== "string")
+            return;
+          const vi = verticalInset.split(" ").map((v) => deps.getSpacingByKey(v, "k").k);
+          return {
+            top: vi[0],
+            bottom: vi[1] || vi[0]
+          };
+        },
+        horizontalInset: ({ props: props4, deps }) => {
+          const { horizontalInset } = props4;
+          if (typeof horizontalInset !== "string")
+            return;
+          const vi = horizontalInset.split(" ").map((v) => deps.getSpacingByKey(v, "k").k);
+          return {
+            left: vi[0],
+            right: vi[1] || vi[0]
+          };
+        }
       }
     };
   }
@@ -18606,8 +18624,8 @@ var init_Link = __esm({
       attr: {
         href: (el) => {
           const { context: ctx } = el;
-          const { exec: exec4 } = ctx.utils;
-          return exec4(el.props.href, el) || exec4(el.props, el).href;
+          const { exec: exec5 } = ctx.utils;
+          return exec5(el.props.href, el) || exec5(el.props, el).href;
         },
         target: ({ props: props4 }) => props4.target,
         "aria-label": ({ props: props4 }) => props4.aria ? props4.aria.label : props4.text,
@@ -18616,9 +18634,10 @@ var init_Link = __esm({
     };
     RouterLink = {
       on: {
-        click: (event, el) => {
+        click: (event, el, s) => {
           const { props: props4, context: ctx } = el;
-          const { href, scrollToTop, stopPropagation } = props4;
+          const { href: h, scrollToTop, stopPropagation } = props4;
+          const href = (0, import_utils26.exec)(h, el, s);
           if (stopPropagation)
             event.stopPropagation();
           if (!href)
@@ -18627,13 +18646,17 @@ var init_Link = __esm({
           const root = el.__ref.__root;
           const linkIsExternal = href.includes("http://") || href.includes("https://") || href.includes("mailto:") || href.includes("tel:");
           if (href && !linkIsExternal) {
-            (snippets.router || utils4.router || import_router5.router)(href, root, {}, {
-              scrollToOptions: { behaviour: "instant" },
-              scrollToTop: (0, import_utils26.isDefined)(scrollToTop) ? scrollToTop : true,
-              ...routerOptions,
-              ...props4.routerOptions
-            });
-            event.preventDefault();
+            try {
+              (snippets.router || utils4.router || import_router5.router)(href, root, {}, {
+                scrollToOptions: { behaviour: "instant" },
+                scrollToTop: (0, import_utils26.isDefined)(scrollToTop) ? scrollToTop : true,
+                ...routerOptions,
+                ...props4.routerOptions
+              });
+              event.preventDefault();
+            } catch (e) {
+              console.warn(e);
+            }
           }
         }
       }
@@ -18655,6 +18678,7 @@ var init_Video = __esm({
         tag: "source",
         attr: {
           src: ({ props: props4 }) => props4.src,
+          type: ({ props: props4 }) => props4.type,
           controls: ({ props: props4 }) => props4.controls
         }
       },
@@ -18663,6 +18687,7 @@ var init_Video = __esm({
       },
       attr: {
         src: ({ props: props4 }) => props4.src,
+        playsinline: ({ props: props4 }) => props4.playsinline,
         autoplay: ({ props: props4 }) => props4.autoplay,
         loop: ({ props: props4 }) => props4.loop,
         poster: ({ props: props4 }) => props4.poster,
@@ -18732,8 +18757,8 @@ var init_Input = __esm({
         autocomplete: ({ props: props4 }) => props4.autocomplete,
         placeholder: ({ props: props4 }) => props4.placeholder,
         value: ({ props: props4, state, deps }) => {
-          const { isString: isString11, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = deps;
-          if (isString11(props4.value) && props4.value.includes("{{")) {
+          const { isString: isString12, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = deps;
+          if (isString12(props4.value) && props4.value.includes("{{")) {
             return replaceLiteralsWithObjectFields2(props4.value, state);
           }
           return props4.value;
@@ -23671,13 +23696,9 @@ var create2 = (App, options = options_default2, optionsExternalFile) => {
   return domqlApp;
 };
 var createAsync2 = (App, options = options_default2, optionsExternalFile) => {
+  const domqlApp = create2(App, options, optionsExternalFile);
   const redefinedOptions = { ...options_default2, ...mergeWithLocalFile3(options, optionsExternalFile) };
-  const domqlApp = createDomqlElement2(App, redefinedOptions);
-  applyInspectListener2(domqlApp, redefinedOptions);
-  popStateRouter2(domqlApp, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    redefinedOptions.on.create(domqlApp, redefinedOptions);
-  const key = options.key || SYMBOLS_KEY4;
+  const key = redefinedOptions.key || SYMBOLS_KEY4;
   fetchAsync2(domqlApp, key, { utils: utilImports_exports, ...redefinedOptions });
   return domqlApp;
 };

package/dist/cjs/index.js

@@ -57,13 +57,9 @@ const create = (App, options = import_options.default, optionsExternalFile) => {
   return domqlApp;
 };
 const createAsync = (App, options = import_options.default, optionsExternalFile) => {
+  const domqlApp = create(App, options, optionsExternalFile);
   const redefinedOptions = { ...import_options.default, ...mergeWithLocalFile(options, optionsExternalFile) };
-  const domqlApp = (0, import_createDomql.createDomqlElement)(App, redefinedOptions);
-  (0, import_syncExtend.applyInspectListener)(domqlApp, redefinedOptions);
-  (0, import_router.popStateRouter)(domqlApp, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    redefinedOptions.on.create(domqlApp, redefinedOptions);
-  const key = options.key || SYMBOLS_KEY;
+  const key = redefinedOptions.key || SYMBOLS_KEY;
   (0, import_ferchOnCreate.fetchAsync)(domqlApp, key, { utils, ...redefinedOptions });
   return domqlApp;
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.305",
+  "version": "2.11.310",
   "license": "MIT",
-  "gitHead": "14569e713ad6d47a3be207df9f23dc0338a2d562",
+  "gitHead": "3e774509842b471eda7cd8d34ea79bd8c70c79a9",
   "files": [
     "src",
     "dist"

package/src/index.js

@@ -33,15 +33,10 @@ export const create = (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFil
 }
 
 export const createAsync = (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFile) => {
-  const redefinedOptions = { ...DEFAULT_CREATE_OPTIONS, ...mergeWithLocalFile(options, optionsExternalFile) }
-
-  const domqlApp = createDomqlElement(App, redefinedOptions)
+  const domqlApp = create(App, options, optionsExternalFile)
 
-  applyInspectListener(domqlApp, redefinedOptions)
-  popStateRouter(domqlApp, redefinedOptions)
-  if (redefinedOptions.on && redefinedOptions.on.create) redefinedOptions.on.create(domqlApp, redefinedOptions)
-
-  const key = options.key || SYMBOLS_KEY
+  const redefinedOptions = { ...DEFAULT_CREATE_OPTIONS, ...mergeWithLocalFile(options, optionsExternalFile) }
+  const key = redefinedOptions.key || SYMBOLS_KEY
   fetchAsync(domqlApp, key, { utils, ...redefinedOptions })
 
   return domqlApp