native-document 1.0.131 → 1.0.133

package/dist/native-document.components.min.js

@@ -5454,78 +5454,6 @@ var NativeComponents = (function (exports) {
         return this.badgePosition('bottom-trailing');
     };
 
-    /**
-     * Mixin for managing a collection of items with manipulation methods
-     * @class
-     */
-    function HasItems() {}
-
-
-    HasItems.prototype.trailing = () => {};
-
-    /**
-     * Sets a dynamic observable array to store items
-     * @param {ObservableArray?} [observableArray=null] - Observable array to use, or creates a new one if null
-     * @returns {HasItems}
-     */
-    HasItems.prototype.dynamic = function(observableArray = null) {
-        this.$description.items = observableArray || $$1.array([]);
-        return this;
-    };
-
-    /**
-     * Replaces all existing items with a new array of items
-     * @param {Array} items - Array of new items
-     * @returns {HasItems}
-     */
-    HasItems.prototype.items = function(items) {
-        this.$description.items.splice(0, this.$description.items.length, ...items);
-        return this;
-    };
-
-
-    /**
-     * Clears all items from the collection
-     * @returns {HasItems}
-     */
-    HasItems.prototype.clear = function() {
-        const items = this.$description.items;
-        if(Array.isArray(items)) {
-            items.splice(0, items.length);
-            return this;
-        }
-        items.clear();
-        return this;
-    };
-
-    /**
-     * Removes a specific item from the collection
-     * @param {*} item - The item to remove
-     * @returns {HasItems}
-     */
-    HasItems.prototype.removeItem = function(item) {
-        const items = this.$description.items;
-        if(Array.isArray(items)) {
-            const index = items.indexOf(item);
-            if(index > -1) {
-                items.splice(index, 1);
-                return this;
-            }
-        }
-        items.removeItem(item);
-        return this;
-    };
-
-    /**
-     * Sets the render function for items
-     * @param {(element: *) => ValidChildren} renderFn - Render function to apply
-     * @returns {HasItems}
-     */
-    HasItems.prototype.render = function(renderFn) {
-        this.$description.render = renderFn;
-        return this;
-    };
-
     function AvatarGroup(props = {}) {
         if(!(this instanceof AvatarGroup)) {
             return new AvatarGroup(props);
@@ -5539,7 +5467,7 @@ var NativeComponents = (function (exports) {
         };
 
     }
-    BaseComponent.extend(AvatarGroup);
+    BaseComponent.extends(AvatarGroup);
 
     AvatarGroup.prototype.items = function() {
         this.$description.items = Array.from(arguments);
@@ -5857,6 +5785,78 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    /**
+     * Mixin for managing a collection of items with manipulation methods
+     * @class
+     */
+    function HasItems() {}
+
+
+    HasItems.prototype.trailing = () => {};
+
+    /**
+     * Sets a dynamic observable array to store items
+     * @param {ObservableArray?} [observableArray=null] - Observable array to use, or creates a new one if null
+     * @returns {HasItems}
+     */
+    HasItems.prototype.dynamic = function(observableArray = null) {
+        this.$description.items = observableArray || $$1.array([]);
+        return this;
+    };
+
+    /**
+     * Replaces all existing items with a new array of items
+     * @param {Array} items - Array of new items
+     * @returns {HasItems}
+     */
+    HasItems.prototype.items = function(items) {
+        this.$description.items.splice(0, this.$description.items.length, ...items);
+        return this;
+    };
+
+
+    /**
+     * Clears all items from the collection
+     * @returns {HasItems}
+     */
+    HasItems.prototype.clear = function() {
+        const items = this.$description.items;
+        if(Array.isArray(items)) {
+            items.splice(0, items.length);
+            return this;
+        }
+        items.clear();
+        return this;
+    };
+
+    /**
+     * Removes a specific item from the collection
+     * @param {*} item - The item to remove
+     * @returns {HasItems}
+     */
+    HasItems.prototype.removeItem = function(item) {
+        const items = this.$description.items;
+        if(Array.isArray(items)) {
+            const index = items.indexOf(item);
+            if(index > -1) {
+                items.splice(index, 1);
+                return this;
+            }
+        }
+        items.removeItem(item);
+        return this;
+    };
+
+    /**
+     * Sets the render function for items
+     * @param {(element: *) => ValidChildren} renderFn - Render function to apply
+     * @returns {HasItems}
+     */
+    HasItems.prototype.render = function(renderFn) {
+        this.$description.render = renderFn;
+        return this;
+    };
+
     function MenuDivider(props = {}) {
         if(!(this instanceof MenuDivider)) {
             return new MenuDivider(props);
@@ -12396,7 +12396,7 @@ var NativeComponents = (function (exports) {
         this.$description.orientation = 'vertical';
         this.$description.alignment = 'leading';
     }
-    Stack.extends(VStack);
+    BaseComponent.extends(VStack);
 
     VStack.preset = function(name, callback) {
         if (VStack.prototype[name] || VStack[name]) {
@@ -12455,7 +12455,7 @@ var NativeComponents = (function (exports) {
         this.$description.orientation = 'horizontal';
     }
 
-    Stack.extends(HStack);
+    BaseComponent.extends(HStack);
 
     HStack.preset = function(name, callback) {
         if (HStack.prototype[name] || HStack[name]) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.131",
+  "version": "1.0.133",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/src/components/avatar/AvatarGroup.js

@@ -1,5 +1,4 @@
 import BaseComponent from "../BaseComponent";
-import HasItems from "../$traits/HasItems";
 
 
 export default function AvatarGroup(props = {}) {
@@ -16,7 +15,7 @@ export default function AvatarGroup(props = {}) {
 
 };
 
-BaseComponent.extend(AvatarGroup);
+BaseComponent.extends(AvatarGroup);
 
 AvatarGroup.prototype.items = function() {
     this.$description.items = Array.from(arguments);

package/src/components/layouts/HStack.js

@@ -1,5 +1,6 @@
 import Stack from "./Stack";
 import DebugManager from "../../core/utils/debug-manager";
+import BaseComponent from "../BaseComponent";
 
 export default function HStack(content, props = {}) {
     if (!(this instanceof HStack)) {
@@ -10,7 +11,7 @@ export default function HStack(content, props = {}) {
     this.$description.orientation = 'horizontal';
 }
 
-Stack.extends(HStack);
+BaseComponent.extends(HStack);
 
 HStack.preset = function(name, callback) {
     if (HStack.prototype[name] || HStack[name]) {

package/src/components/layouts/VStack.js

@@ -1,5 +1,6 @@
 import Stack from "./Stack";
 import DebugManager from "../../core/utils/debug-manager";
+import BaseComponent from "../BaseComponent";
 
 
 export default function VStack(content, props = {}) {
@@ -9,7 +10,7 @@ export default function VStack(content, props = {}) {
     this.$description.orientation = 'vertical';
     this.$description.alignment = 'leading';
 }
-Stack.extends(VStack);
+BaseComponent.extends(VStack);
 
 VStack.preset = function(name, callback) {
     if (VStack.prototype[name] || VStack[name]) {