native-document 1.0.288 → 1.0.290

package/package.json

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

package/src/components/dropdown/Dropdown.js

@@ -59,6 +59,7 @@ export default function Dropdown(props = {}) {
         render: null,
         filter: null,
         mapper: null,
+        arrow: null,
         filterDependencies: null,
         matchTriggerWidth: null,
         matchTargetWidth: null,
@@ -95,6 +96,7 @@ Dropdown.defaultTemplate = null;
  *     mapper: ((item: *) => DropdownItem)|null,
  *     matchTriggerWidth: boolean|null,
  *     updatePositionOn: Observable<*>|null,
+ *     arrow: boolean,
  *     includeTriggerIntoGhost: boolean,
  *     props: GlobalAttributes,
  * }, instance: Dropdown) => NdChild} template
@@ -165,6 +167,12 @@ Dropdown.prototype.bind = function(source, mapper) {
     return this;
 };
 
+Dropdown.prototype.arrow = function(arrow = true) {
+    this.$description.arrow = arrow;
+    return this;
+};
+
+
 /**
  * Alias for {@link Dropdown.prototype.bind}
  */

package/src/components/dropdown/types/Dropdown.d.ts

@@ -23,12 +23,13 @@ export type DropdownDescription = {
         filter: ((item: DropdownItemInterface, query: string) => boolean) | null;
         mapper: ((item: unknown) => DropdownItemInterface) | null;
         matchTriggerWidth: boolean | null;
+        arrow: true,
         updatePositionOn: ObservableItem<unknown> | null;
         includeTriggerIntoGhost: boolean;
         props: GlobalAttributes;
     };
 
-export interface DropdownInterface extends BaseComponent {
+export interface DropdownInterface extends Omit<BaseComponent, 'onChange'> {
     open(): this;
     close(): this;
     toggle(): this;
@@ -54,6 +55,7 @@ export interface DropdownInterface extends BaseComponent {
     divider(): this;
     select(value: unknown): this;
     next(): this;
+    arrow(v: boolean): this;
     preview(): this;
     loopOnKeyboard(v: boolean): this;
     onChange(handler: (value: unknown, item: DropdownItemInterface) => void): this;

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

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