@symbo.ls/atoms 2.11.304 → 2.11.306

package/Collection.js

@@ -17,17 +17,19 @@ export const Collection = {
 
       const { __ref: ref } = el
 
+      if (isObjectLike(param)) param = deepClone(param)
+
       if (ref.__collectionCache) {
         const equals = JSON.stringify(param) === JSON.stringify(ref.__collectionCache)
         if (equals) {
           ref.__noCollectionDifference = true
           return
         } else {
-          ref.__collectionCache = deepClone(param)
+          ref.__collectionCache = param
           delete ref.__noCollectionDifference
         }
       } else {
-        ref.__collectionCache = deepClone(param)
+        ref.__collectionCache = param
       }
 
       const obj = {

package/Flex.js

@@ -9,9 +9,9 @@ export const Flex = {
 
   class: {
     flow: ({ props }) => {
-      const { flow } = props
-      if (isUndefined(flow)) return
-      let [direction, wrap] = flow.split(' ')
+      const { flow, reverse } = props
+      if (isUndefined(flow) && isUndefined(reverse)) return
+      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 {

package/Picture.js

@@ -26,6 +26,7 @@ export const Picture = {
 
   Img: ({ props }) => ({
     width: 'inherit',
+    ignoreChildExtend: true,
     height: 'inherit',
     src: props.src
   })

package/Position.js

@@ -16,6 +16,26 @@ export const Position = {
     left: ({ props, deps }) => deps.getSpacingByKey(props.left, 'left'),
     top: ({ props, deps }) => deps.getSpacingByKey(props.top, 'top'),
     right: ({ props, deps }) => deps.getSpacingByKey(props.right, 'right'),
-    bottom: ({ props, deps }) => deps.getSpacingByKey(props.bottom, 'bottom')
+    bottom: ({ props, deps }) => deps.getSpacingByKey(props.bottom, 'bottom'),
+
+    verticalInset: ({ props, deps }) => {
+      const { verticalInset } = props
+      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, deps }) => {
+      const { horizontalInset } = props
+      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]
+      }
+    }
   }
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.304",
+  "version": "2.11.306",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "7844f8284253f6a9b992109e1af842910c20e806",
+  "gitHead": "1e09060438775f1b9cf1c5d6305024faefc05bfc",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",