native-document 1.0.287 → 1.0.289

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.287",
+  "version": "1.0.289",
   "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/Observable.js

@@ -13,6 +13,7 @@ import ObservableResource from './ObservableResource';
 import {Formatters} from '../utils/formatters';
 import Ref from './Ref';
 import ObservableQuery from './ObservableQuery';
+import Slot from '../elements/anchor/Slot';
 
 /**
  *
@@ -274,6 +275,15 @@ ObservableItem.prototype.match = function(cases, fallback = null) {
     });
 };
 
+/**
+ * Wraps the current observable into a reactive UI Slot for element/node rendering.
+ *
+ * @returns {Slot}
+ */
+ObservableItem.prototype.asSlot = function() {
+    return Slot(this);
+};
+
 Observable.object = Observable.init;
 Observable.json = Observable.init;
 

package/src/core/elements/anchor/Slot.js

@@ -10,9 +10,9 @@ export default function Slot(content) {
 
     if(content) {
         if(content.__$Observable) {
-            this.$anchor.set(content.val());
+            this.$anchor.setContent(content.val());
             content.subscribe((value) => {
-                this.$anchor.set(value);
+                this.$anchor.setContent(value);
             });
             return;
         }

package/types/observable.d.ts

@@ -1,6 +1,8 @@
 import { FilterResult, PredicateMap } from './filters';
 import Ref, {RefItem} from './ref';
 import {ObservableQueryInstance} from "./observable-query";
+import {ValidChild} from "./elements";
+import {SlotInterface} from "./slot";
 
 export type Unsubscribe = () => void;
 
@@ -98,6 +100,15 @@ export interface ObservableItem<T = any> {
         set?: (value: T) => any;
     }): this;
 
+    pick<A, B = null>(whenTrue: A, whenFalse?: B): ObservableChecker<A | B>;
+
+    match<R, F = null>(
+        cases: Record<string | number | symbol, R>,
+        fallback?: F
+    ): ObservableChecker<R | F>;
+
+    asSlot(initial?: ValidChild): SlotInterface;
+
     // -- comparison helpers (is*) -------------------------------------------------------------------------------------
 
     isEqualTo(value: T | ObservableItem<T>): ObservableChecker<boolean>;