native-document 1.0.267 → 1.0.268

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.267",
+  "version": "1.0.268",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/core/data/ObservableItem.js

@@ -5,6 +5,7 @@ import PluginsManager from '../../core/utils/plugins-manager';
 import Validator from '../../core/utils/validator';
 import {deepClone} from '../utils/helpers';
 import {$getFromStorage, $saveToStorage} from '../utils/localstorage';
+import {value} from 'happy-dom/lib/PropertySymbol';
 
 /**
  * Reactive primitive value container.
@@ -568,6 +569,19 @@ ObservableItem.prototype.reset = function() {
     this.set(resetValue);
 };
 
+/**
+ *
+ * @param {*} value
+ * @return {void}
+ */
+ObservableItem.prototype.setOrReset = function(value) {
+    if(value) {
+        this.set(value);
+        return;
+    }
+    this.reset();
+};
+
 /**
  * Returns a string representation of the observable's current value.
  *

package/src/core/data/observable-helpers/observable.is-to.js

@@ -214,12 +214,12 @@ ObservableItem.prototype.isNotEmpty = function () {
 ObservableItem.prototype.isIncludes = function (value) {
     if (value?.__$Observable) {
         return $computed((a, b) => {
-            if (Array.isArray(a)) return a.includes(b);
+            if (Array.isArray(a)) return this.includes(value);
             return String(a).includes(String(b));
         }, [this, value]);
     }
     return $checker(this, x => {
-        if (Array.isArray(x)) return x.includes(value);
+        if (Array.isArray(this.val())) return this.includes(value);
         return String(x).includes(String(value));
     });
 };
@@ -236,7 +236,9 @@ ObservableItem.prototype.isIncludes = function (value) {
  */
 ObservableItem.prototype.isIncludedIn = function (array) {
     if (array?.__$Observable) {
-        return $computed((a, b) => b.includes(a), [this, array]);
+        return $computed(() => {
+            return array.includes(this);
+        }, [this, array]);
     }
     return $checker(this, x => array.includes(x));
 };

package/src/ui/components/dropdown/DropdownRender.js

@@ -76,8 +76,8 @@ const buildSearch = ($desc, instance) => {
                 const content = item.content ?? item.label ?? item.label;
                 const value = item.value;
 
-                return content?.toLowerCase().includes(key.toLowerCase())
-                    || value?.toLowerCase().includes(key.toLowerCase());
+                return content?.valueOf().toLowerCase().includes(key.toLowerCase())
+                    || value?.valueOf().toLowerCase().includes(key.toLowerCase());
             }
             return description.value?.toLowerCase().includes(key.toLowerCase())
                 || description.content?.toLowerCase().includes(key.toLowerCase());

package/src/ui/components/list/item/ListItemRender.js

@@ -30,6 +30,8 @@ export default function ListItemRender($desc, instance) {
     const value          = $desc.value ?? instance;
     const isChecked      = selectedValues ? selectedValues.isIncludes(value) : null;
 
+    console.log({ isChecked })
+
     if($list.$description?.selectable || $desc.selected) {
         const selectedSource = $desc.selected ?? isChecked;
         props.class.add('is-selected', selectedSource);

package/types/observable.d.ts

@@ -264,6 +264,7 @@ export type ObservableObject<T extends Record<string, any>> = ObservableItem<T>
     $updateWith(values: Partial<T>): void;
     update(values: Partial<T>): void;
     reset(): void;
+    setOrReset(): void;
     clone(): ObservableObject<T>;
     $clone(): ObservableObject<T>;
     keys(): string[];