@razaman2/reactive-view 0.0.21 → 0.0.23

package/dist/index.d.mts

@@ -41,10 +41,7 @@ declare const setup: {
 };
 declare const _default: {
     props: {
-        setup: {
-            type: FunctionConstructor;
-            default: (parent?: {}) => {};
-        };
+        setup: {};
         ReactiveView: {
             default: boolean;
         };
@@ -72,6 +69,10 @@ declare const _default: {
             type: StringConstructor;
             default: string;
         };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };
@@ -112,6 +113,7 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function StyleParser(styles?: Array<string> | Record<string, any> | string): any;
+declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
+declare function MergeStyles(...params: any): any;
 
-export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { MergeStyles, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.d.ts

@@ -41,10 +41,7 @@ declare const setup: {
 };
 declare const _default: {
     props: {
-        setup: {
-            type: FunctionConstructor;
-            default: (parent?: {}) => {};
-        };
+        setup: {};
         ReactiveView: {
             default: boolean;
         };
@@ -72,6 +69,10 @@ declare const _default: {
             type: StringConstructor;
             default: string;
         };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     };
     setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
 };
@@ -112,6 +113,7 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function StyleParser(styles?: Array<string> | Record<string, any> | string): any;
+declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
+declare function MergeStyles(...params: any): any;
 
-export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { MergeStyles, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name2 in all)
     __defProp(target, name2, { get: all[name2], enumerable: true });
@@ -44,6 +47,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  MergeStyles: () => MergeStyles,
   StyleParser: () => StyleParser,
   access: () => access,
   default: () => index_default,
@@ -155,7 +159,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.21";
+var version = "0.0.23";
 
 // src/ReactiveView.ts
 var setup = {
@@ -164,7 +168,7 @@ var setup = {
 };
 var ReactiveView_default = {
   props: {
-    setup,
+    setup: {},
     ReactiveView: {
       default: true
     },
@@ -193,33 +197,37 @@ var ReactiveView_default = {
     modelName: {
       type: String,
       default: "ReactiveView"
+    },
+    debug: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, context) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const template = (vue, component2) => {
-      var _a2, _b2, _c2;
-      const params = { vue, component: component2, props, context };
-      const vnode = context.slots.default ? (0, import_vue.createVNode)(
+    var _a, _b, _c, _d, _e, _f, _g;
+    const template = (component2, vue) => {
+      return context.slots.default ? (0, import_vue.createVNode)(
         "div",
         context.attrs,
-        context.slots.default(params)
+        context.slots.default({ vue, component: component2, props, context })
       ) : (0, import_vue.createVNode)("div", __spreadValues({
         style: {
           color: "red",
           textAlign: "center"
         }
       }, context.attrs), `${props.modelName}: ${name}@${version}`);
-      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, params)) != null ? _c2 : vnode;
     };
     const isValid = (0, import_vue.ref)(false);
     const ready = (0, import_vue.ref)(false);
     const instance = (0, import_vue.getCurrentInstance)();
     const deferred = (0, import_vue.ref)(typeof props.defer === "function" ? props.defer() : props.defer);
     const state = typeof props.data === "function" ? props.data() : props.data;
-    const isAsyncData = state instanceof Promise;
-    if (isAsyncData && !((_a = instance.vnode.props) == null ? void 0 : _a.hasOwnProperty("defaultData"))) {
-      throw new Error("[ReactiveView]: defaultData is required for async data.");
+    const async = state instanceof Promise;
+    if (props.debug) {
+      console.log("[ReactiveView]:", { props, context });
+    }
+    if (async && !((_a = instance.vnode.props) == null ? void 0 : _a.hasOwnProperty("defaultData"))) {
+      console.error("[ReactiveView]: defaultData is required for async data.");
     }
     if (props.loading && !props.defer) {
       console.warn("[ReactiveView]: loading prop should be used with defer prop.");
@@ -228,7 +236,7 @@ var ReactiveView_default = {
       ((_b = instance.vnode.props) == null ? void 0 : _b.hasOwnProperty("defaultData")) ? instance.vnode.props.defaultData : typeof ((_c = instance.vnode.props) == null ? void 0 : _c.data) === "object" ? Array.isArray(instance.vnode.props.data) ? [] : {} : ((_d = instance.vnode.props) == null ? void 0 : _d.hasOwnProperty("data")) ? (_e = instance.vnode.props) == null ? void 0 : _e.data : {}
     );
     const datatype = Array.isArray(defaultData) ? [] : {};
-    const data = isAsyncData ? datatype : ((_f = instance.vnode.props) == null ? void 0 : _f.hasOwnProperty("data")) ? state : datatype;
+    const data = async ? datatype : ((_f = instance.vnode.props) == null ? void 0 : _f.hasOwnProperty("data")) ? state : datatype;
     const config = {
       name: props.modelName,
       defaultData: import_object_manager.default.on(defaultData).clone(),
@@ -244,7 +252,9 @@ var ReactiveView_default = {
             var _a2;
             const beforeSetData = (_a2 = access(component).beforeSetData) != null ? _a2 : props.beforeSetData;
             if (typeof beforeSetData === "function") {
-              beforeSetData(import_object_manager.default.on(datatype).set(...params).get(), target);
+              const after = import_object_manager.default.on(datatype).set(...params).get();
+              const before = target.getData();
+              beforeSetData({ before, after }, target);
             } else {
               target[key](...params);
             }
@@ -255,12 +265,30 @@ var ReactiveView_default = {
         }
       }
     });
-    if (isAsyncData) {
-      (0, import_vue.nextTick)(async () => {
-        model.replaceData(await state);
+    const watchDataProp = (dataProp) => {
+      var _a2;
+      const config2 = typeof context.attrs["onUpdate:data"] === "function" ? {
+        callback: context.attrs["onUpdate:data"]
+      } : (_a2 = context.attrs["onUpdate:data"]) != null ? _a2 : {};
+      console.log("log dataProp:", dataProp);
+      (0, import_vue.watch)(typeof dataProp === "function" || (0, import_vue.isRef)(dataProp) ? dataProp : () => dataProp, (after, before) => {
+        var _a3;
+        const diff = { before: import_object_manager.default.on(before).get(), after: import_object_manager.default.on(after).get() };
+        if (typeof config2.callback === "function") {
+          model.replaceData((_a3 = config2.callback(diff, model)) != null ? _a3 : after);
+        } else {
+          model.replaceData(after);
+        }
+      }, config2.options);
+    };
+    if (async) {
+      setTimeout(async () => {
+        watchDataProp(await state);
       });
+    } else {
+      watchDataProp(state);
     }
-    (0, import_vue.nextTick)(async () => {
+    setTimeout(async () => {
       var _a2;
       ready.value = (_a2 = await deferred.value) != null ? _a2 : true;
     });
@@ -273,29 +301,29 @@ var ReactiveView_default = {
         config2.callback(diff, model);
       }, config2.options);
     }
-    if ((_h = context.attrs["onUpdate:data"]) != null ? _h : true) {
-      const config2 = typeof context.attrs["onUpdate:data"] === "function" ? {
-        callback: context.attrs["onUpdate:data"]
-      } : (_i = context.attrs["onUpdate:data"]) != null ? _i : {};
-      (0, import_vue.watch)(async () => typeof props.data === "function" ? await props.data() : await props.data, async (after, before) => {
-        const diff = { before: import_object_manager.default.on(await before).get(), after: import_object_manager.default.on(await after).get() };
-        if (typeof config2.callback === "function") {
-          config2.callback(diff, model);
-        } else {
-          model.replaceData(await after);
-        }
-      }, config2.options);
-    }
     const component = (0, import_vue.ref)({ parent: { self: instance.proxy }, self: { template, model, isValid } });
-    if (typeof props.setup === "function") {
-      component.value = props.setup(component.value, component);
-    }
-    if (props.instance) {
-      props.instance.value = component.value;
+    if (access(component).ReactiveView) {
+      component.value = [access(component)].reduce((options, parent) => {
+        var _a2;
+        while (parent) {
+          if (typeof parent.setup === "function") {
+            options = { parent: options, self: (_a2 = parent.setup(component, options)) != null ? _a2 : {} };
+            if (access(parent.$parent).ReactiveView) {
+              break;
+            } else {
+              parent = parent.$parent;
+            }
+          } else {
+            break;
+          }
+        }
+        return options;
+      }, component.value);
     }
+    props.instance.value = component.value;
     return (vue) => {
       if (ready.value) {
-        return access(component).template(vue, component);
+        return access(component).template(component, vue);
       } else {
         return props.loading;
       }
@@ -390,7 +418,11 @@ function access(view = {}, alternative) {
             component.tree = "parent" in component.tree && component.tree.parent;
           }
         } while (component.tree);
-        return alternative;
+        try {
+          return new alternative();
+        } catch (e) {
+          return alternative;
+        }
       }
     });
   };
@@ -430,19 +462,23 @@ function getSubscription() {
   };
 }
 function StyleParser(styles = {}) {
-  var _a;
-  const object = (items) => items.reduce((object2, item) => {
-    return Object.assign(object2, { [item]: true });
-  }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
-    styles2.split(/\s+/).forEach((style) => {
-      acc[style] = value;
+  const transform = (style, status = true) => style.split(/\s+/).reduce((object, style2) => {
+    return __spreadProps(__spreadValues({}, object), {
+      [style2]: status
     });
-    return acc;
-  }, {})) != null ? _a : {};
+  }, {});
+  return Array.isArray(styles) ? styles.reduce((styles2, style) => Object.assign(transform(style), styles2), {}) : typeof styles === "string" ? transform(styles) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    return __spreadValues(__spreadValues({}, acc), transform(styles2, value));
+  }, {});
+}
+function MergeStyles(...params) {
+  return params.reduce((styles, style, index, array) => {
+    return __spreadValues(__spreadValues({}, StyleParser(array[array.length - index - 1])), styles);
+  }, {});
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  MergeStyles,
   StyleParser,
   access,
   getDate,

package/dist/index.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/index.ts
 import { formatInTimeZone } from "date-fns-tz";
@@ -107,16 +110,16 @@ _Subscriptions.subscriptions = _Subscriptions.create();
 var Subscriptions = _Subscriptions;
 
 // src/index.ts
-import { createVNode as createVNode2, isRef } from "vue";
+import { createVNode as createVNode2, isRef as isRef2 } from "vue";
 
 // src/ReactiveView.ts
 import ObjectManager from "@razaman2/object-manager";
 import DataManager from "@razaman2/data-manager";
-import { ref, reactive, watch, nextTick, createVNode, getCurrentInstance } from "vue";
+import { ref, reactive, watch, isRef, createVNode, getCurrentInstance } from "vue";
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.21";
+var version = "0.0.23";
 
 // src/ReactiveView.ts
 var setup = {
@@ -125,7 +128,7 @@ var setup = {
 };
 var ReactiveView_default = {
   props: {
-    setup,
+    setup: {},
     ReactiveView: {
       default: true
     },
@@ -154,33 +157,37 @@ var ReactiveView_default = {
     modelName: {
       type: String,
       default: "ReactiveView"
+    },
+    debug: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, context) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const template = (vue, component2) => {
-      var _a2, _b2, _c2;
-      const params = { vue, component: component2, props, context };
-      const vnode = context.slots.default ? createVNode(
+    var _a, _b, _c, _d, _e, _f, _g;
+    const template = (component2, vue) => {
+      return context.slots.default ? createVNode(
         "div",
         context.attrs,
-        context.slots.default(params)
+        context.slots.default({ vue, component: component2, props, context })
       ) : createVNode("div", __spreadValues({
         style: {
           color: "red",
           textAlign: "center"
         }
       }, context.attrs), `${props.modelName}: ${name}@${version}`);
-      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, params)) != null ? _c2 : vnode;
     };
     const isValid = ref(false);
     const ready = ref(false);
     const instance = getCurrentInstance();
     const deferred = ref(typeof props.defer === "function" ? props.defer() : props.defer);
     const state = typeof props.data === "function" ? props.data() : props.data;
-    const isAsyncData = state instanceof Promise;
-    if (isAsyncData && !((_a = instance.vnode.props) == null ? void 0 : _a.hasOwnProperty("defaultData"))) {
-      throw new Error("[ReactiveView]: defaultData is required for async data.");
+    const async = state instanceof Promise;
+    if (props.debug) {
+      console.log("[ReactiveView]:", { props, context });
+    }
+    if (async && !((_a = instance.vnode.props) == null ? void 0 : _a.hasOwnProperty("defaultData"))) {
+      console.error("[ReactiveView]: defaultData is required for async data.");
     }
     if (props.loading && !props.defer) {
       console.warn("[ReactiveView]: loading prop should be used with defer prop.");
@@ -189,7 +196,7 @@ var ReactiveView_default = {
       ((_b = instance.vnode.props) == null ? void 0 : _b.hasOwnProperty("defaultData")) ? instance.vnode.props.defaultData : typeof ((_c = instance.vnode.props) == null ? void 0 : _c.data) === "object" ? Array.isArray(instance.vnode.props.data) ? [] : {} : ((_d = instance.vnode.props) == null ? void 0 : _d.hasOwnProperty("data")) ? (_e = instance.vnode.props) == null ? void 0 : _e.data : {}
     );
     const datatype = Array.isArray(defaultData) ? [] : {};
-    const data = isAsyncData ? datatype : ((_f = instance.vnode.props) == null ? void 0 : _f.hasOwnProperty("data")) ? state : datatype;
+    const data = async ? datatype : ((_f = instance.vnode.props) == null ? void 0 : _f.hasOwnProperty("data")) ? state : datatype;
     const config = {
       name: props.modelName,
       defaultData: ObjectManager.on(defaultData).clone(),
@@ -205,7 +212,9 @@ var ReactiveView_default = {
             var _a2;
             const beforeSetData = (_a2 = access(component).beforeSetData) != null ? _a2 : props.beforeSetData;
             if (typeof beforeSetData === "function") {
-              beforeSetData(ObjectManager.on(datatype).set(...params).get(), target);
+              const after = ObjectManager.on(datatype).set(...params).get();
+              const before = target.getData();
+              beforeSetData({ before, after }, target);
             } else {
               target[key](...params);
             }
@@ -216,12 +225,30 @@ var ReactiveView_default = {
         }
       }
     });
-    if (isAsyncData) {
-      nextTick(async () => {
-        model.replaceData(await state);
+    const watchDataProp = (dataProp) => {
+      var _a2;
+      const config2 = typeof context.attrs["onUpdate:data"] === "function" ? {
+        callback: context.attrs["onUpdate:data"]
+      } : (_a2 = context.attrs["onUpdate:data"]) != null ? _a2 : {};
+      console.log("log dataProp:", dataProp);
+      watch(typeof dataProp === "function" || isRef(dataProp) ? dataProp : () => dataProp, (after, before) => {
+        var _a3;
+        const diff = { before: ObjectManager.on(before).get(), after: ObjectManager.on(after).get() };
+        if (typeof config2.callback === "function") {
+          model.replaceData((_a3 = config2.callback(diff, model)) != null ? _a3 : after);
+        } else {
+          model.replaceData(after);
+        }
+      }, config2.options);
+    };
+    if (async) {
+      setTimeout(async () => {
+        watchDataProp(await state);
       });
+    } else {
+      watchDataProp(state);
     }
-    nextTick(async () => {
+    setTimeout(async () => {
       var _a2;
       ready.value = (_a2 = await deferred.value) != null ? _a2 : true;
     });
@@ -234,29 +261,29 @@ var ReactiveView_default = {
         config2.callback(diff, model);
       }, config2.options);
     }
-    if ((_h = context.attrs["onUpdate:data"]) != null ? _h : true) {
-      const config2 = typeof context.attrs["onUpdate:data"] === "function" ? {
-        callback: context.attrs["onUpdate:data"]
-      } : (_i = context.attrs["onUpdate:data"]) != null ? _i : {};
-      watch(async () => typeof props.data === "function" ? await props.data() : await props.data, async (after, before) => {
-        const diff = { before: ObjectManager.on(await before).get(), after: ObjectManager.on(await after).get() };
-        if (typeof config2.callback === "function") {
-          config2.callback(diff, model);
-        } else {
-          model.replaceData(await after);
-        }
-      }, config2.options);
-    }
     const component = ref({ parent: { self: instance.proxy }, self: { template, model, isValid } });
-    if (typeof props.setup === "function") {
-      component.value = props.setup(component.value, component);
-    }
-    if (props.instance) {
-      props.instance.value = component.value;
+    if (access(component).ReactiveView) {
+      component.value = [access(component)].reduce((options, parent) => {
+        var _a2;
+        while (parent) {
+          if (typeof parent.setup === "function") {
+            options = { parent: options, self: (_a2 = parent.setup(component, options)) != null ? _a2 : {} };
+            if (access(parent.$parent).ReactiveView) {
+              break;
+            } else {
+              parent = parent.$parent;
+            }
+          } else {
+            break;
+          }
+        }
+        return options;
+      }, component.value);
     }
+    props.instance.value = component.value;
     return (vue) => {
       if (ready.value) {
-        return access(component).template(vue, component);
+        return access(component).template(component, vue);
       } else {
         return props.loading;
       }
@@ -351,13 +378,17 @@ function access(view = {}, alternative) {
             component.tree = "parent" in component.tree && component.tree.parent;
           }
         } while (component.tree);
-        return alternative;
+        try {
+          return new alternative();
+        } catch (e) {
+          return alternative;
+        }
       }
     });
   };
   try {
     const component = typeof view === "function" ? view() : view;
-    const ref2 = isRef(component) ? component.value : component;
+    const ref2 = isRef2(component) ? component.value : component;
     return resolve(ref2.ReactiveView ? access(ref2.instance) : ref2);
   } catch (e) {
     return resolve(view);
@@ -391,18 +422,22 @@ function getSubscription() {
   };
 }
 function StyleParser(styles = {}) {
-  var _a;
-  const object = (items) => items.reduce((object2, item) => {
-    return Object.assign(object2, { [item]: true });
-  }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
-    styles2.split(/\s+/).forEach((style) => {
-      acc[style] = value;
+  const transform = (style, status = true) => style.split(/\s+/).reduce((object, style2) => {
+    return __spreadProps(__spreadValues({}, object), {
+      [style2]: status
     });
-    return acc;
-  }, {})) != null ? _a : {};
+  }, {});
+  return Array.isArray(styles) ? styles.reduce((styles2, style) => Object.assign(transform(style), styles2), {}) : typeof styles === "string" ? transform(styles) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    return __spreadValues(__spreadValues({}, acc), transform(styles2, value));
+  }, {});
+}
+function MergeStyles(...params) {
+  return params.reduce((styles, style, index, array) => {
+    return __spreadValues(__spreadValues({}, StyleParser(array[array.length - index - 1])), styles);
+  }, {});
 }
 export {
+  MergeStyles,
   StyleParser,
   access,
   index_default as default,

package/package.json

@@ -1,45 +1,45 @@
-{
-    "name": "@razaman2/reactive-view",
-    "version": "0.0.21",
-    "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
-    "main": "dist/index.js",
-    "module": "dist/index.mjs",
-    "types": "dist/index.d.ts",
-    "scripts": {
-        "prepublishOnly": "npm run build",
-        "build": "tsup src/index.ts --format cjs,esm --dts",
-        "lint": "tsc",
-        "test": "cd tests/vue-ts && npm run dev"
-    },
-    "keywords": [
-        "vue",
-        "vue-helper",
-        "reactive-view",
-        "vue-class-component",
-        "reactive-ui"
-    ],
-    "author": "razaman2",
-    "license": "MIT",
-    "dependencies": {
-        "@razaman2/data-manager": "^3.2.11",
-        "@razaman2/object-manager": "^3.4.2",
-        "date-fns": "^4.1.0",
-        "date-fns-tz": "^3.2.0",
-        "uuid": "^11.1.0"
-    },
-    "peerDependencies": {
-        "vue": "^3.5.13"
-    },
-    "devDependencies": {
-        "@types/uuid": "^10.0.0",
-        "tsup": "^8.4.0",
-        "typescript": "^5.8.2",
-        "vitest": "^3.1.1"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "files": [
-        "dist"
-    ]
-}
+{
+    "name": "@razaman2/reactive-view",
+    "version": "0.0.23",
+    "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "scripts": {
+        "prepublishOnly": "npm run build",
+        "build": "tsup src/index.ts --format cjs,esm --dts",
+        "lint": "tsc",
+        "test": "cd tests/vue-ts && npm run dev"
+    },
+    "keywords": [
+        "vue",
+        "vue-helper",
+        "reactive-view",
+        "vue-class-component",
+        "reactive-ui"
+    ],
+    "author": "razaman2",
+    "license": "MIT",
+    "dependencies": {
+        "@razaman2/data-manager": "^3.2.11",
+        "@razaman2/object-manager": "^3.4.2",
+        "date-fns": "^4.1.0",
+        "date-fns-tz": "^3.2.0",
+        "uuid": "^11.1.0"
+    },
+    "peerDependencies": {
+        "vue": "^3.5.13"
+    },
+    "devDependencies": {
+        "@types/uuid": "^10.0.0",
+        "tsup": "^8.4.0",
+        "typescript": "^5.8.3",
+        "vitest": "^3.1.1"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist"
+    ]
+}