native-document 1.0.222 → 1.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.222",
+  "version": "1.0.224",
   "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/Store.js

@@ -3,7 +3,6 @@ import NativeDocumentError from '../errors/NativeDocumentError';
 import DebugManager from '../utils/debug-manager';
 import {$getFromStorage, $saveToStorage, LocalStorage} from '../utils/localstorage';
 import {mutationMethods} from './ObservableArray';
-import {method} from 'happy-dom/lib/PropertySymbol';
 
 
 const WRITE_METHODS = [
@@ -46,8 +45,8 @@ export const StoreFactory = function() {
     };
 
     const $synchroProtectedFollower = (from, follower, name, context) => {
+        const originalSet = follower.set.bind(follower);
         if(!from.__$isObservableArray) {
-            const originalSet = follower.set.bind(follower);
             from.subscribe(originalSet);
             $applyReadOnly(follower, name, 'follow');
             return originalSet;
@@ -68,9 +67,13 @@ export const StoreFactory = function() {
         }
 
         from.subscribe((data, _, operations) => {
-            methods[operations.action](...operations.args);
+            const callback = methods[operations.action];
+            if(!callback) {
+                originalSet(data);
+                return;
+            }
+            callback(...(operations.args||[]));
         });
-
     };
 
     const $createObservable = (value, options = {}) => {

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

@@ -16,11 +16,6 @@ export default function ListItemRender($desc, instance) {
         // [a11y] aria-disabled
         props['aria-disabled'] = $desc.disabled;
     }
-    if ($desc.selected) {
-        props.class.add('is-selected', $desc.selected);
-        // [a11y] aria-selected
-        props['aria-selected'] = $desc.selected;
-    }
     if ($desc.visibility) {
         props.class.add('is-hidden', $desc.visibility.isFalsy());
     }
@@ -31,11 +26,17 @@ export default function ListItemRender($desc, instance) {
     const $list = instance.$parent;
 
     // Checkbox — réactif via ShowIf
-    if ($list?.$description?.selectByCheckbox) {
-        const selectedValues = $list.$description.selectedValues;
-        const value          = $desc.value ?? instance;
-        const isChecked      = selectedValues ? selectedValues.isIncludes(value) : null;
+    const selectedValues = $list.$description.selectedValues;
+    const value          = $desc.value ?? instance;
+    const isChecked      = selectedValues ? selectedValues.isIncludes(value) : null;
+
+    if($list.$description?.selectable || $desc.selected) {
+        const selectedSource = $desc.selected ?? isChecked;
+        props.class.add('is-selected', selectedSource);
+        props['aria-selected'] = selectedSource;
+    }
 
+    if ($list?.$description?.selectByCheckbox) {
         const cls = isChecked
             ? isChecked.transform((c) => 'list-item-checkbox' + (c ? ' is-checked' : ''))
             : 'list-item-checkbox';

package/src/ui/components/modal/ModalRender.js

@@ -52,10 +52,7 @@ export default function ModalRender($desc, instance) {
         }
         if (!value && isNativeOpen) {
             dialog.close();
-            return;
         }
-
-        dialog.close();
     });
 
     setupBehaviours(dialog, $desc, instance);