native-document 1.0.137 → 1.0.138

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

@@ -367,16 +367,16 @@ var NativeComponents = (function (exports) {
         // });
     };
 
-    let DebugManager$2 = {};
+    let DebugManager$1 = {};
     {
-        DebugManager$2 = {
+        DebugManager$1 = {
             log() {},
             warn() {},
             error() {},
             disable() {}
         };
     }
-    var DebugManager$1 = DebugManager$2;
+    var DebugManager$2 = DebugManager$1;
 
     class NativeDocumentError extends Error {
         constructor(message, context = {}) {
@@ -867,17 +867,17 @@ var NativeComponents = (function (exports) {
             const method = methods[name];
 
             if (typeof method !== 'function') {
-                DebugManager$1.warn('NDElement.extend', `"${name}" is not a function, skipping`);
+                DebugManager$2.warn('NDElement.extend', `"${name}" is not a function, skipping`);
                 continue;
             }
 
             if (protectedMethods.has(name)) {
-                DebugManager$1.error('NDElement.extend', `Cannot override protected method "${name}"`);
+                DebugManager$2.error('NDElement.extend', `Cannot override protected method "${name}"`);
                 throw new NativeDocumentError(`Cannot override protected method "${name}"`);
             }
 
             if (NDElement.prototype[name]) {
-                DebugManager$1.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
+                DebugManager$2.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
             }
 
             NDElement.prototype[name] = method;
@@ -1102,7 +1102,7 @@ var NativeComponents = (function (exports) {
                     }
                 }
                 if (cleanedCount > 0) {
-                    DebugManager$1.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
+                    DebugManager$2.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
                 }
             }
         };
@@ -3958,7 +3958,7 @@ var NativeComponents = (function (exports) {
         const $getStoreOrThrow = (method, name) => {
             const item = $stores.get(name);
             if (!item) {
-                DebugManager$1.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
+                DebugManager$2.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
                 throw new NativeDocumentError(
                     `Store.${method}('${name}') : store not found.`
                 );
@@ -3971,7 +3971,7 @@ var NativeComponents = (function (exports) {
          */
         const $applyReadOnly = (observer, name, context) => {
             const readOnlyError = (method) => () => {
-                DebugManager$1.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
+                DebugManager$2.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
                 throw new NativeDocumentError(
                     `Store.${context}('${name}') is read-only.`
                 );
@@ -4002,7 +4002,7 @@ var NativeComponents = (function (exports) {
              */
             create(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
+                    DebugManager$2.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
                     throw new NativeDocumentError(
                         `Store.create('${name}') : a store with this name already exists.`
                     );
@@ -4023,7 +4023,7 @@ var NativeComponents = (function (exports) {
              */
             createResettable(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
+                    DebugManager$2.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createResettable('${name}') : a store with this name already exists.`
                     );
@@ -4059,7 +4059,7 @@ var NativeComponents = (function (exports) {
              */
             createComposed(name, computation, dependencies) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
+                    DebugManager$2.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createComposed('${name}') : a store with this name already exists.`
                     );
@@ -4082,7 +4082,7 @@ var NativeComponents = (function (exports) {
                     }
                     const depItem = $stores.get(depName);
                     if (!depItem) {
-                        DebugManager$1.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
+                        DebugManager$2.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
                         throw new NativeDocumentError(
                             `Store.createComposed('${name}') : dependency store '${depName}' not found.`
                         );
@@ -4116,13 +4116,13 @@ var NativeComponents = (function (exports) {
             reset(name) {
                 const item = $getStoreOrThrow('reset', name);
                 if (item.composed) {
-                    DebugManager$1.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
+                    DebugManager$2.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : composed stores cannot be reset.`
                     );
                 }
                 if (!item.resettable) {
-                    DebugManager$1.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
+                    DebugManager$2.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`
                     );
@@ -4143,7 +4143,7 @@ var NativeComponents = (function (exports) {
                 const item = $getStoreOrThrow('use', name);
 
                 if (item.composed) {
-                    DebugManager$1.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
+                    DebugManager$2.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
                     throw new NativeDocumentError(
                         `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`
                     );
@@ -4210,7 +4210,7 @@ var NativeComponents = (function (exports) {
             get(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager$1.warn('Store', `Store.get('${name}') : store not found.`);
+                    DebugManager$2.warn('Store', `Store.get('${name}') : store not found.`);
                     return null;
                 }
                 return item.observer;
@@ -4232,7 +4232,7 @@ var NativeComponents = (function (exports) {
             delete(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager$1.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
+                    DebugManager$2.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
                     return;
                 }
                 item.subscribers.forEach(follower => follower.destroy());
@@ -4334,7 +4334,7 @@ var NativeComponents = (function (exports) {
                 return undefined;
             },
             set(target, prop, value) {
-                DebugManager$1.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
+                DebugManager$2.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
                 throw new NativeDocumentError(`Store structure is immutable. Use .set() on the observable.`);
             },
             deleteProperty(target, prop) {
@@ -4608,22 +4608,17 @@ var NativeComponents = (function (exports) {
     }
 
     Alert.defaultTemplate = null;
-    Alert.defaultTitleTemplate = null;
-    Alert.defaultButtonsTemplate = null;
-    Alert.defaultContentTemplate = null;
 
     /**
      * Sets the default template for all Alert instances
-     * @param {{alert: (alert: Alert) => ValidChildren, alertContent: (alert: Alert) => ValidChildren, alertButtons: (alert: Alert) => ValidChildren, alertTitle: (alert: Alert) => ValidChildren}} template - Template object containing alert factory function
+     * @param {ValidChildren} template - Template object containing alert factory function
      */
     Alert.use = function(template) {
-        Alert.defaultTemplate = template.alert;
-        Alert.defaultTitleTemplate = template.alertTitle;
-        Alert.defaultButtonsTemplate = template.alertButtons;
-        Alert.defaultContentTemplate = template.alertContent;
+        Alert.defaultTemplate = template;
     };
 
-    BaseComponent.extends(Alert, HasEventEmitter);
+    BaseComponent.extends(Alert);
+    BaseComponent.use(Alert, HasEventEmitter);
 
     /**
      * Sets the variant style for the alert
@@ -5105,10 +5100,10 @@ var NativeComponents = (function (exports) {
 
     /**
      * Sets the default template for all Avatar instances
-     * @param {{avatar: (avatar: Avatar) => ValidChildren}} template - Template object containing avatar factory function
+     * @param {ValidChildren} template - Template object containing avatar factory function
      */
     Avatar.use = function(template) {
-        Avatar.defaultTemplate = template.avatar;
+        Avatar.defaultTemplate = template;
     };
 
     Avatar.preset = function(name, callback) {
@@ -5476,6 +5471,11 @@ var NativeComponents = (function (exports) {
     }
     BaseComponent.extends(AvatarGroup);
 
+    AvatarGroup.defaultTemplate = null;
+    AvatarGroup.use = function(template) {
+        AvatarGroup.defaultTemplate = template;
+    };
+
     AvatarGroup.prototype.items = function() {
         this.$description.items = Array.from(arguments);
         return this;
@@ -5518,11 +5518,13 @@ var NativeComponents = (function (exports) {
 
     Badge.defaultTemplate = null;
 
-    Badge.use = function(template) {};
+    Badge.use = function(template) {
+        Badge.defaultTemplate = template;
+    };
 
     Badge.preset = function(name, callback) {
         if (Badge.prototype[name] || Badge[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in Badge.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in Badge.`);
             return;
         }
         Badge[name] = (content, props) => callback(new Badge(content, props));
@@ -5630,10 +5632,13 @@ var NativeComponents = (function (exports) {
         };
     }
 
-    BaseComponent.extends(Breadcrumb, HasEventEmitter);
+    BaseComponent.extends(Breadcrumb);
+    BaseComponent.use(Breadcrumb, HasEventEmitter);
 
-    Breadcrumb.use = function(template) {};
     Breadcrumb.defaultTemplate = null;
+    Breadcrumb.use = function(template) {
+        Breadcrumb.defaultTemplate = template;
+    };
 
     Breadcrumb.prototype.item = function(label, href) {
         this.$description.items.push({ label, href });
@@ -5880,7 +5885,7 @@ var NativeComponents = (function (exports) {
     MenuDivider.defaultTemplate = null;
 
     MenuDivider.use = function(template) {
-        MenuDivider.defaultTemplate = template.menuDivider;
+        MenuDivider.defaultTemplate = template;
     };
 
     function MenuGroup(label, props) {
@@ -6282,14 +6287,13 @@ var NativeComponents = (function (exports) {
     BaseComponent.extends(Divider);
 
     Divider.defaultTemplate = null;
-
     Divider.use = function(template) {
-        Divider.defaultTemplate = template.divider;
+        Divider.defaultTemplate = template;
     };
 
     Divider.preset = function(name, callback) {
         if (Divider.prototype[name] || Divider[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in Divider.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in Divider.`);
             return;
         }
         Divider[name] = (label, props) => callback(new Divider(label, props));
@@ -9460,7 +9464,7 @@ var NativeComponents = (function (exports) {
     ListItem.defaultTemplate = null;
 
     ListItem.use = function(template) {
-        ListItem.defaultTemplate = template.listItem;
+        ListItem.defaultTemplate = template;
     };
 
     ListItem.prototype.content = function(content) {
@@ -9560,7 +9564,7 @@ var NativeComponents = (function (exports) {
     ListGroup.defaultTemplate = null;
 
     ListGroup.use = function(template) {
-        ListGroup.defaultTemplate = template.listGroup;
+        ListGroup.defaultTemplate = template;
     };
 
     ListGroup.prototype.header = function(header) {
@@ -10272,12 +10276,12 @@ var NativeComponents = (function (exports) {
     Progress.defaultTemplate = null;
 
     Progress.use = function(template) {
-        Progress.defaultTemplate = template.progress;
+        Progress.defaultTemplate = template;
     };
 
     Progress.preset = function(name, callback) {
         if (Progress.prototype[name] || Progress[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in Progress.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in Progress.`);
             return;
         }
         Progress[name] = (props) => callback(new Progress(props));
@@ -10509,7 +10513,7 @@ var NativeComponents = (function (exports) {
 
     Skeleton.preset = function(name, callback) {
         if (Skeleton.prototype[name] || Skeleton[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in Skeleton.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in Skeleton.`);
             return;
         }
         Skeleton[name] = (props) => callback(new Skeleton(props));
@@ -10818,14 +10822,14 @@ var NativeComponents = (function (exports) {
 
     Spinner.defaultTemplate = null;
     Spinner.use = function(template) {
-        Spinner.defaultTemplate = template.spinner;
+        Spinner.defaultTemplate = template;
     };
 
     BaseComponent.extends(Spinner);
 
     Spinner.preset = function(name, callback) {
         if (Spinner.prototype[name] || Spinner[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in Spinner.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in Spinner.`);
             return;
         }
         Spinner[name] = (props) => callback(new Spinner(props));
@@ -10991,7 +10995,7 @@ var NativeComponents = (function (exports) {
     Splitter.defaultTemplate = null;
 
     Splitter.use = function(template) {
-        Splitter.defaultTemplate = template.splitter;
+        Splitter.defaultTemplate = template;
     };
 
     Splitter.prototype.dynamic = function(){
@@ -11090,7 +11094,7 @@ var NativeComponents = (function (exports) {
     SplitterPanel.defaultTemplate = null;
 
     SplitterPanel.use = function(template) {
-        SplitterPanel.defaultTemplate = template.splitterPanel;
+        SplitterPanel.defaultTemplate = template;
     };
 
     SplitterPanel.prototype.content = function(content) {
@@ -12423,7 +12427,7 @@ var NativeComponents = (function (exports) {
 
     VStack.preset = function(name, callback) {
         if (VStack.prototype[name] || VStack[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in VStack.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in VStack.`);
             return;
         }
         VStack[name] = (content, props) => callback(new VStack(content, props));
@@ -12457,7 +12461,7 @@ var NativeComponents = (function (exports) {
 
     ZStack.preset = function(name, callback) {
         if (ZStack.prototype[name] || ZStack[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in ZStack.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in ZStack.`);
             return;
         }
         ZStack[name] = (content, props) => callback(new ZStack(content, props));
@@ -12492,7 +12496,7 @@ var NativeComponents = (function (exports) {
 
     HStack.preset = function(name, callback) {
         if (HStack.prototype[name] || HStack[name]) {
-            DebugManager$1.warn(`Warning: the ${name} method already exists in HStack.`);
+            DebugManager$2.warn(`Warning: the ${name} method already exists in HStack.`);
             return;
         }
         HStack[name] = (content, props) => callback(new HStack(content, props));

package/package.json

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

package/src/components/alert/Alert.js

@@ -26,22 +26,17 @@ export default function Alert(message, config = {}) {
 }
 
 Alert.defaultTemplate = null;
-Alert.defaultTitleTemplate = null;
-Alert.defaultButtonsTemplate = null;
-Alert.defaultContentTemplate = null;
 
 /**
  * Sets the default template for all Alert instances
- * @param {{alert: (alert: Alert) => ValidChildren, alertContent: (alert: Alert) => ValidChildren, alertButtons: (alert: Alert) => ValidChildren, alertTitle: (alert: Alert) => ValidChildren}} template - Template object containing alert factory function
+ * @param {ValidChildren} template - Template object containing alert factory function
  */
 Alert.use = function(template) {
-    Alert.defaultTemplate = template.alert;
-    Alert.defaultTitleTemplate = template.alertTitle;
-    Alert.defaultButtonsTemplate = template.alertButtons;
-    Alert.defaultContentTemplate = template.alertContent;
+    Alert.defaultTemplate = template;
 };
 
-BaseComponent.extends(Alert, HasEventEmitter);
+BaseComponent.extends(Alert);
+BaseComponent.use(Alert, HasEventEmitter);
 
 /**
  * Sets the variant style for the alert

package/src/components/avatar/Avatar.js

@@ -36,10 +36,10 @@ Avatar.defaultTemplate = null;
 
 /**
  * Sets the default template for all Avatar instances
- * @param {{avatar: (avatar: Avatar) => ValidChildren}} template - Template object containing avatar factory function
+ * @param {ValidChildren} template - Template object containing avatar factory function
  */
 Avatar.use = function(template) {
-    Avatar.defaultTemplate = template.avatar;
+    Avatar.defaultTemplate = template;
 };
 
 Avatar.preset = function(name, callback) {

package/src/components/avatar/AvatarGroup.js

@@ -17,6 +17,11 @@ export default function AvatarGroup(props = {}) {
 
 BaseComponent.extends(AvatarGroup);
 
+AvatarGroup.defaultTemplate = null;
+AvatarGroup.use = function(template) {
+    AvatarGroup.defaultTemplate = template;
+};
+
 AvatarGroup.prototype.items = function() {
     this.$description.items = Array.from(arguments);
     return this;

package/src/components/badge/Badge.js

@@ -24,7 +24,9 @@ BaseComponent.extends(Badge);
 
 Badge.defaultTemplate = null;
 
-Badge.use = function(template) {};
+Badge.use = function(template) {
+    Badge.defaultTemplate = template;
+};
 
 Badge.preset = function(name, callback) {
     if (Badge.prototype[name] || Badge[name]) {

package/src/components/breadcrumb/BreadCrumb.js

@@ -15,10 +15,13 @@ export default function Breadcrumb(config = {}) {
     };
 }
 
-BaseComponent.extends(Breadcrumb, HasEventEmitter);
+BaseComponent.extends(Breadcrumb);
+BaseComponent.use(Breadcrumb, HasEventEmitter);
 
-Breadcrumb.use = function(template) {};
 Breadcrumb.defaultTemplate = null;
+Breadcrumb.use = function(template) {
+    Breadcrumb.defaultTemplate = template;
+};
 
 Breadcrumb.prototype.item = function(label, href) {
     this.$description.items.push({ label, href });

package/src/components/divider/Divider.js

@@ -26,9 +26,8 @@ export default function Divider(label, props = {}) {
 BaseComponent.extends(Divider);
 
 Divider.defaultTemplate = null;
-
 Divider.use = function(template) {
-    Divider.defaultTemplate = template.divider;
+    Divider.defaultTemplate = template;
 };
 
 Divider.preset = function(name, callback) {

package/src/components/list/ListGroup.js

@@ -25,7 +25,7 @@ BaseComponent.use(ListGroup, HasItems);
 ListGroup.defaultTemplate = null;
 
 ListGroup.use = function(template) {
-    ListGroup.defaultTemplate = template.listGroup;
+    ListGroup.defaultTemplate = template;
 };
 
 ListGroup.prototype.header = function(header) {

package/src/components/list/ListItem.js

@@ -26,7 +26,7 @@ BaseComponent.extends(ListItem);
 ListItem.defaultTemplate = null;
 
 ListItem.use = function(template) {
-    ListItem.defaultTemplate = template.listItem;
+    ListItem.defaultTemplate = template;
 };
 
 ListItem.prototype.content = function(content) {

package/src/components/menu/MenuDivider.js

@@ -17,5 +17,5 @@ BaseComponent.extends(MenuDivider);
 MenuDivider.defaultTemplate = null;
 
 MenuDivider.use = function(template) {
-    MenuDivider.defaultTemplate = template.menuDivider;
+    MenuDivider.defaultTemplate = template;
 };

package/src/components/progress/Progress.js

@@ -35,7 +35,7 @@ BaseComponent.extends(Progress, HasEventEmitter);
 Progress.defaultTemplate = null;
 
 Progress.use = function(template) {
-    Progress.defaultTemplate = template.progress;
+    Progress.defaultTemplate = template;
 };
 
 Progress.preset = function(name, callback) {

package/src/components/spacer/Spacer.js

@@ -10,4 +10,9 @@ export function Spacer(props = {}) {
         props
     };
 }
-BaseComponent.extends(Spacer);
+BaseComponent.extends(Spacer);
+
+Spacer.defaultTemplate = null;
+Spacer.use = function(template) {
+    Spacer.defaultTemplate = template;
+};

package/src/components/spinner/Spinner.js

@@ -24,7 +24,7 @@ export default function Spinner(props = {}) {
 
 Spinner.defaultTemplate = null;
 Spinner.use = function(template) {
-    Spinner.defaultTemplate = template.spinner;
+    Spinner.defaultTemplate = template;
 };
 
 BaseComponent.extends(Spinner);

package/src/components/splitter/Splitter.js

@@ -23,7 +23,7 @@ BaseComponent.extends(Splitter, HasEventEmitter);
 Splitter.defaultTemplate = null;
 
 Splitter.use = function(template) {
-    Splitter.defaultTemplate = template.splitter;
+    Splitter.defaultTemplate = template;
 };
 
 Splitter.prototype.dynamic = function(){

package/src/components/splitter/SplitterGutter.js

@@ -18,7 +18,7 @@ export default function SplitterGutter(leftPanel, rightPanel, config = {}) {
 SplitterGutter.defaultTemplate = null;
 
 SplitterGutter.use = function(template) {
-    SplitterGutter.defaultTemplate = template.splitterGutter;
+    SplitterGutter.defaultTemplate = template;
 };
 
 SplitterGutter.prototype.panels = function(leftPanel, rightPanel) {

package/src/components/splitter/SplitterPanel.js

@@ -29,7 +29,7 @@ BaseComponent.extends(SplitterPanel, BaseComponent);
 SplitterPanel.defaultTemplate = null;
 
 SplitterPanel.use = function(template) {
-    SplitterPanel.defaultTemplate = template.splitterPanel;
+    SplitterPanel.defaultTemplate = template;
 };
 
 SplitterPanel.prototype.content = function(content) {