@symbo.ls/atoms 2.11.323 → 2.11.331

package/Block.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isUndefined } from '@domql/utils'
+import { isUndefined, isString } from '@domql/utils'
 
 import {
   getSpacingBasedOnRatio,
@@ -71,7 +71,7 @@ export const Block = {
       const [minHeight, minWidth] = props.heightRange.split(' ')
       return {
         ...deps.transformSize('minHeight', minHeight),
-        ...deps.transformSize('minHeight', minWidth || minHeight)
+        ...deps.transformSize('minWidth', minWidth || minHeight)
       }
     },
 
@@ -80,7 +80,7 @@ export const Block = {
       const [maxHeight, maxWidth] = props.heightRange.split(' ')
       return {
         ...deps.transformSize('maxHeight', maxHeight),
-        ...deps.transformSize('maxHeight', maxWidth || maxHeight)
+        ...deps.transformSize('maxWidth', maxWidth || maxHeight)
       }
     },
 
@@ -105,7 +105,7 @@ export const Block = {
       }
     },
     paddingBlock: ({ props, deps }) => {
-      if (typeof props.paddingBlock !== 'string') return
+      if (isString(props.paddingBlock)) return
       const [paddingBlockStart, paddingBlockEnd] = props.paddingBlock.split(' ')
       return {
         ...deps.transformSize('paddingBlockStart', paddingBlockStart),
@@ -165,7 +165,7 @@ export const Block = {
     alignSelf: ({ props }) => !isUndefined(props.alignSelf) && ({
       alignSelf: props.alignSelf
     }),
-    order: ({ props }) => props.order && ({
+    order: ({ props }) => !isUndefined(props.order) && ({
       order: props.order
     }),
 

package/Collection.js

@@ -1,12 +1,16 @@
 'use strict'
 
 import { isState, getChildStateInKey } from '@domql/state'
-import { isString, isNot, isArray, isObject, isObjectLike, deepClone } from '@domql/utils'
+import { isString, isNot, isArray, isObject, isObjectLike, deepClone, deepCloneWithExtend } from '@domql/utils'
 
 export const Collection = {
   define: {
     $collection: (param, el, state) => {
-      if (!param) return
+      const { __ref: ref } = el
+      const children = isArray(el.props?.children)
+
+      if (children) param = children
+      else if (!param) return
 
       if (isString(param)) {
         if (param === 'state') param = state.parse()
@@ -15,7 +19,6 @@ export const Collection = {
       if (isState(param)) param = param.parse()
       if (isNot(param)('array', 'object')) return
 
-      const { __ref: ref } = el
       param = deepClone(param)
 
       if (ref.__collectionCache) {
@@ -24,11 +27,11 @@ export const Collection = {
           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 = {
@@ -40,7 +43,7 @@ export const Collection = {
 
       for (const key in param) {
         const value = param[key]
-        obj[key] = isObjectLike(value) ? value : { value }
+        if (value) obj[key] = isObjectLike(value) ? value : { value }
       }
 
       el.removeContent()
@@ -83,7 +86,7 @@ export const Collection = {
       if (isNot(param)('array', 'object')) return
 
       const { __ref: ref } = el
-      param = deepClone(param)
+      param = deepCloneWithExtend(param)
 
       if (ref.__stateCollectionCache) {
         const equals = JSON.stringify(param) === JSON.stringify(ref.__stateCollectionCache)
@@ -107,7 +110,7 @@ export const Collection = {
 
       for (const key in param) {
         const value = param[key]
-        obj[key] = { state: isObjectLike(value) ? value : { value } }
+        if (value) obj[key] = { state: isObjectLike(value) ? value : { value } }
       }
 
       el.removeContent()
@@ -151,7 +154,7 @@ export const Collection = {
 
       for (const key in param) {
         const value = param[key]
-        obj[key] = { props: isObjectLike(value) ? value : { value } }
+        if (value) obj[key] = { props: isObjectLike(value) ? value : { value } }
       }
 
       el.removeContent()

package/Overflow.js

@@ -2,7 +2,10 @@
 
 export const Overflow = {
   class: {
-    overflow: ({ props }) => props.overflow && ({ overflow: props.overflow }),
+    overflow: ({ props }) => props.overflow && ({
+      overflow: props.overflow,
+      scrollBehavior: 'smooth'
+    }),
     overflowX: ({ props }) => props.overflowX && ({ overflowX: props.overflowX }),
     overflowY: ({ props }) => props.overflowY && ({ overflowY: props.overflowY })
   }

package/Theme.js

@@ -143,7 +143,7 @@ export const Theme = {
       const globalTheme = deps.getSystemTheme(element)
       if (!props.backgroundImage) return
       return ({
-        boxShadow: deps.transformShadow(props.backgroundImage, globalTheme)
+        boxShadow: deps.transformShadow(props.shadow, globalTheme)
       })
     },
 

package/Timing.js

@@ -5,6 +5,7 @@ import {
   splitTransition,
   transformDuration
 } from '@symbo.ls/scratch'
+
 import { isUndefined } from 'smbls'
 
 export const Timing = {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.323",
+  "version": "2.11.331",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "ad959e4a3b3722e3e0f36f7a98298ea179620281",
+  "gitHead": "c1ce82619a9c90dcb12862a1cef1d7fc10b8718b",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",