@symbo.ls/atoms 2.10.290 → 2.11.9

package/Collection.js

@@ -1,5 +1,6 @@
 'use strict'
 
+import { isState } from '@domql/state'
 import { isNot, isArray, isObject, isObjectLike, diff, deepClone } from '@domql/utils'
 
 export const Collection = {
@@ -31,7 +32,7 @@ export const Collection = {
 
     $setStateCollection: (param, el, state) => {
       if (!param) return
-      if (param.parse) param = param.parse()
+      if (isState(param)) param = param.parse()
       if (isNot(param)('array', 'object')) return
 
       if (el.key === 'cnt') {
@@ -49,19 +50,15 @@ export const Collection = {
         obj[key] = { state: isObjectLike(value) ? value : { value } }
       }
 
-      const set = () => {
-        el.set(obj, { preventDefineUpdate: '$setStateCollection' })
-      }
-
-      if (el.props.lazyLoad) {
-        window.requestAnimationFrame(set)
-      } else set()
+      el.removeContent()
+      el.content = obj
 
       return obj
     },
 
     $setPropsCollection: (param, el, state) => {
       if (!param) return
+      if (isState(param)) param = param.parse()
       if (isNot(param)('array', 'object')) return
 
       const obj = { tag: 'fragment' }
@@ -70,13 +67,16 @@ export const Collection = {
         obj[key] = { props: isObjectLike(value) ? value : { value } }
       }
 
-      const set = () => {
-        el.set(obj, { preventDefineUpdate: '$setPropsCollection' })
-      }
+      el.removeContent()
+      el.content = obj
+
+      // const set = () => {
+      //   el.set(obj, { preventDefineUpdate: '$setPropsCollection' })
+      // }
 
-      if (el.props.lazyLoad) {
-        window.requestAnimationFrame(set)
-      } else set()
+      // if (el.props && el.props.lazyLoad) {
+      //   window.requestAnimationFrame(set)
+      // } else set()
 
       return obj
     }

package/Media.js

@@ -119,7 +119,7 @@ const beforeClassAssign = (element, s) => {
   merge(className, CLASS_NAMES)
 }
 
-const initUpdate = element => {
+const initUpdate = (changes, element) => {
   const { props, context, class: className } = element
   const globalTheme = context.designSystem.globalTheme
 
@@ -130,7 +130,7 @@ const initUpdate = element => {
       inheritSpacingRatio: true
     }, {
       preventRecursive: true,
-      ignoreInitUpdate: true
+      preventInitUpdateListener: true
     })
   }
 
@@ -146,7 +146,11 @@ const initUpdate = element => {
       if (key === 'theme') {
         props.update({
           themeModifier: globalTheme
-        }, { preventRecursive: true, ignoreInitUpdate: true, preventDefineUpdate: '$setStateCollection' })
+        }, {
+          preventRecursive: true,
+          preventInitUpdateListener: true,
+          preventDefineUpdate: true
+        })
       } else if (key === 'true') applyTrueProps(props[key], CLASS_NAMES, element)
       if (setter) setter(key, props[key], CLASS_NAMES, element)
     }

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.10.290",
+  "version": "2.11.9",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "d845374987c8f39a9d683e981f6060040b5b2dde",
+  "gitHead": "4b3675a0ee95441998a2c3d064d67bff82cc8b8d",
   "dependencies": {
+    "@domql/state": "latest",
     "@domql/utils": "latest",
     "@symbo.ls/emotion": "latest",
     "@symbo.ls/init": "latest",