@nan0web/ui 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nan0web/ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "NaN•Web UI. One application logic (algorithm) and many UI.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -58,7 +58,8 @@
     "@nan0web/event": "^1.0.1",
     "@nan0web/log": "^1.1.1",
     "@nan0web/types": "^1.4.0",
-    "string-width": "^7.2.0"
+    "string-width": "^7.2.0",
+    "@nan0web/core": "1.1.1"
   },
   "scripts": {
     "build": "tsc",

package/src/domain/Navigation.js

@@ -0,0 +1,59 @@
+import { Model } from '@nan0web/core'
+
+/**
+ * Navigation Model — OLMUI Model-as-Schema
+ * Generic recursive navigation structure for all UI platforms (CLI, Web, Mobile).
+ */
+export default class Navigation extends Model {
+	static $id = '@nan0web/ui/Navigation'
+
+	static title = {
+		help: 'Label for the menu item',
+		placeholder: 'Home',
+		default: '',
+		required: true,
+	}
+	static href = {
+		help: 'URL or internal app route',
+		placeholder: '/',
+		default: '#',
+	}
+	static icon = {
+		help: 'Icon name/ID',
+		placeholder: 'home',
+		default: '',
+	}
+	static image = {
+		help: 'Display image or thumbnail',
+		placeholder: 'https://...',
+		default: '',
+	}
+	static children = {
+		help: 'Nested sub-menu navigation',
+		type: 'Navigation[]',
+		hint: Navigation,
+		default: [],
+	}
+	static hidden = {
+		help: 'Hide from lists/menus',
+		type: 'boolean',
+		default: false,
+	}
+
+	/**
+	 * @param {Partial<Navigation>} data
+	 */
+	constructor(data = {}) {
+		super(data)
+		/** @type {string|undefined} */ this.title
+		/** @type {string|undefined} */ this.href
+		/** @type {string|undefined} */ this.icon
+		/** @type {string|undefined} */ this.image
+		/** @type {Navigation[]|undefined} */ this.children
+		/** @type {boolean|undefined} */ this.hidden
+
+		if (this.children) {
+			this.children = this.children.map((item) => new Navigation(item))
+		}
+	}
+}

package/src/domain/ShowcaseAppModel.js

@@ -1,11 +1,12 @@
 import { InputModel, ConfirmModel, SpinnerModel, ToastModel, TableModel, ButtonModel, AutocompleteModel, SelectModel } from './components/index.js'
+import { Model } from '@nan0web/core'
 
 /**
  * Model-as-Schema for the entire UI Sandbox Showcase.
  * Represents a complete User Journey demonstrating all components.
  * Showcases OLMUI Scenario Testing capabilities.
  */
-export class ShowcaseAppModel {
+export class ShowcaseAppModel extends Model {
 	// ==========================================
 	// 1. MODEL AS SCHEMA (Static Definition)
 	// ==========================================
@@ -16,8 +17,9 @@ export class ShowcaseAppModel {
 		type: 'string',
 	}
 
-	constructor() {
-		this.appName = ShowcaseAppModel.appName.default
+	constructor(data = {}) {
+		super(data)
+		/** @type {string|undefined} */ this.appName
 	}
 
 	// ==========================================

package/src/domain/index.js

@@ -1,6 +1,7 @@
 // Domain Models — OLMUI Model-as-Schema
 export { SandboxModel } from './SandboxModel.js'
 export { ShowcaseAppModel } from './ShowcaseAppModel.js'
+export { default as Navigation } from './Navigation.js'
 
 // Component Models
 export {

package/types/domain/Navigation.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Navigation Model — OLMUI Model-as-Schema
+ * Generic recursive navigation structure for all UI platforms (CLI, Web, Mobile).
+ */
+export default class Navigation extends Model {
+    static $id: string;
+    static title: {
+        help: string;
+        placeholder: string;
+        default: string;
+        required: boolean;
+    };
+    static href: {
+        help: string;
+        placeholder: string;
+        default: string;
+    };
+    static icon: {
+        help: string;
+        placeholder: string;
+        default: string;
+    };
+    static image: {
+        help: string;
+        placeholder: string;
+        default: string;
+    };
+    static children: {
+        help: string;
+        type: string;
+        hint: typeof Navigation;
+        default: never[];
+    };
+    static hidden: {
+        help: string;
+        type: string;
+        default: boolean;
+    };
+    /**
+     * @param {Partial<Navigation>} data
+     */
+    constructor(data?: Partial<Navigation>);
+    /** @type {string|undefined} */ title: string | undefined;
+    /** @type {string|undefined} */ href: string | undefined;
+    /** @type {string|undefined} */ icon: string | undefined;
+    /** @type {string|undefined} */ image: string | undefined;
+    /** @type {Navigation[]|undefined} */ children: Navigation[] | undefined;
+    /** @type {boolean|undefined} */ hidden: boolean | undefined;
+}
+import { Model } from '@nan0web/core';

package/types/domain/ShowcaseAppModel.d.ts

@@ -3,13 +3,14 @@
  * Represents a complete User Journey demonstrating all components.
  * Showcases OLMUI Scenario Testing capabilities.
  */
-export class ShowcaseAppModel {
+export class ShowcaseAppModel extends Model {
     static appName: {
         help: string;
         default: string;
         type: string;
     };
-    appName: string;
+    constructor(data?: {});
+    /** @type {string|undefined} */ appName: string | undefined;
     run(): AsyncGenerator<{
         type: string;
         field: string;
@@ -60,3 +61,4 @@ export class ShowcaseAppModel {
         };
     }, unknown>;
 }
+import { Model } from '@nan0web/core';

package/types/domain/index.d.ts

@@ -1,3 +1,4 @@
 export { SandboxModel } from "./SandboxModel.js";
 export { ShowcaseAppModel } from "./ShowcaseAppModel.js";
+export { default as Navigation } from "./Navigation.js";
 export { ButtonModel, ConfirmModel, InputModel, SpinnerModel, TableModel, ToastModel, SelectModel, AutocompleteModel, TreeModel } from "./components/index.js";