@razaman2/reactive-view 0.1.0-beta.8 → 0.2.0

package/dist/index.mjs

@@ -1,916 +1,2 @@
-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;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/index.ts
-import ObjectManager2 from "@razaman2/object-manager";
-
-// src/Subscription.ts
-var Subscription = class _Subscription {
-  constructor() {
-    this.subscriptions = [];
-    this.data = {};
-  }
-  static create() {
-    return new _Subscription();
-  }
-  subscribe(name, handler, data) {
-    if (this.isNameAvailable(name)) {
-      this.subscriptions.push({
-        name,
-        handler
-      });
-      this.data[name] = data;
-    }
-    return this;
-  }
-  replace(name, handler, data) {
-    this.unsubscribe(name);
-    return this.subscribe(name, handler, data);
-  }
-  unsubscribe(param1) {
-    if (!Array.isArray(param1)) {
-      param1 = param1 ? [param1] : [];
-    }
-    const log = (name) => {
-      return console.log(`%cUnsubscribed From Subscription (${name})`, "background-color: yellow; color: green; font-weight: bold; padding: 3px;");
-    };
-    if (param1.length) {
-      param1.forEach((name) => {
-        const subscription = this.find(name);
-        if (subscription) {
-          subscription.handler();
-          this.remove(subscription);
-          log(name);
-        }
-      });
-    } else {
-      this.subscriptions.forEach((subscription) => {
-        subscription.handler();
-        log(subscription.name);
-      });
-      this.subscriptions = [];
-    }
-    return this;
-  }
-  size() {
-    return this.subscriptions.length;
-  }
-  hasSubscription(name) {
-    return Boolean(this.find(name));
-  }
-  remove(subscription) {
-    this.subscriptions.splice(this.subscriptions.indexOf(subscription), 1);
-  }
-  find(name) {
-    return this.subscriptions.find((subscription) => {
-      return subscription.name === name;
-    });
-  }
-  isNameAvailable(name) {
-    if (this.hasSubscription(name)) {
-      throw new Error(`There is already a subscription called "${name}".`);
-    } else {
-      return true;
-    }
-  }
-  registrations() {
-    return this.subscriptions;
-  }
-  get(name) {
-    const subscription = this.find(name);
-    if (subscription) {
-      return subscription;
-    } else {
-      throw new Error(`Subscription "${name}" doesn't exist!`);
-    }
-  }
-};
-
-// src/Subscriptions.ts
-var _Subscriptions = class _Subscriptions extends Subscription {
-  static get() {
-    return this.subscriptions;
-  }
-};
-_Subscriptions.subscriptions = _Subscriptions.create();
-var Subscriptions = _Subscriptions;
-
-// src/ReactiveView.ts
-import ObjectManager from "@razaman2/object-manager";
-import DataManager from "@razaman2/data-manager";
-import { ref, reactive, watch, unref, isRef, isReactive, createVNode, getCurrentInstance, onBeforeUnmount } from "vue";
-
-// package.json
-var version = "0.1.0-beta.8";
-var package_default = {
-  name: "@razaman2/reactive-view",
-  version,
-  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",
-    pr: "sh pr.sh"
-  },
-  keywords: [
-    "vue",
-    "vue-helper",
-    "reactive-view",
-    "vue-class-component",
-    "reactive-ui"
-  ],
-  author: "razaman2",
-  license: "MIT",
-  dependencies: {
-    "@razaman2/data-manager": "^3.3.8",
-    "@razaman2/event-emitter": "^2.1.1",
-    "@razaman2/object-manager": "^3.4.7",
-    "date-fns": "^4.1.0",
-    "date-fns-tz": "^3.2.0",
-    "tailwind-merge": "^3.5.0",
-    uuid: "^13.0.0"
-  },
-  peerDependencies: {
-    vue: ">=3.0.0"
-  },
-  devDependencies: {
-    "@types/uuid": "^11.0.0",
-    tsup: "^8.5.1",
-    typescript: "^5.9.3",
-    vitest: "^4.1.2"
-  },
-  publishConfig: {
-    access: "public"
-  },
-  files: [
-    "dist"
-  ]
-};
-
-// src/ReactiveView.ts
-var setup = {
-  type: Function,
-  default: (parent = {}, self = {}) => self,
-  ReactiveView: true
-};
-var ReactiveView_default = {
-  props: {
-    setup: {},
-    beta: [Boolean, String],
-    ReactiveView: {
-      type: Boolean,
-      default: true
-    },
-    instance: { default: ref() },
-    notifications: Object,
-    subscriptions: Object,
-    beforeSetData: Function,
-    data: { default: reactive({}) },
-    defaultData: {},
-    getDefaultData: {
-      type: Function,
-      default: (data) => data
-    },
-    model: {},
-    defer: {},
-    logging: {
-      validator: (logging) => {
-        return ["Boolean"].includes(logging.constructor.name);
-      }
-    },
-    modelName: {
-      type: String,
-      default: "ReactiveView"
-    },
-    debug: {
-      type: Boolean,
-      default: false
-    },
-    state: { default: reactive({}) }
-  },
-  setup(props, context) {
-    var _a, _b, _c;
-    const subscriptions = [];
-    onBeforeUnmount(() => subscriptions.forEach((subscription) => subscription()));
-    const diff = (before, after) => {
-      const changed = ref(false);
-      const paths = Array.from(new Set(before.paths().concat(after.paths())));
-      const changes = paths.reduce((changes2, path) => {
-        if (before.get(path) !== after.get(path)) {
-          changes2.set(path, after.get(path));
-          changed.value = true;
-        }
-        return changes2;
-      }, ObjectManager.on({}));
-      return { before: before.get(), after: after.get(), changes: changes.get(), changed: changed.value };
-    };
-    const dataPath2 = (path) => {
-      try {
-        return context.attrs["data:path"](path);
-      } catch (e) {
-        return path;
-      }
-    };
-    const template = (component, vue2) => {
-      return createVNode("div", context.slots.default ? context.attrs : __spreadValues({
-        style: { color: "red", textAlign: "center" }
-      }, context.attrs), context.slots.default ? context.slots.default({ component, vue: vue2, props, context }) : `${props.modelName}: ${package_default.name}@${package_default.version}`);
-    };
-    const isValid = ref(false);
-    const isReady = ref(false);
-    const defer = ref(typeof props.defer === "function" ? props.defer() : props.defer);
-    const isFunctionData = ["Function"].includes((_a = props.data) == null ? void 0 : _a.constructor.name);
-    const isAsyncFunctionData = ["AsyncFunction"].includes((_b = props.data) == null ? void 0 : _b.constructor.name);
-    const isAsyncData = ["Promise"].includes((_c = props.data) == null ? void 0 : _c.constructor.name) || isAsyncFunctionData;
-    const vue = getCurrentInstance();
-    const defaultData = props.getDefaultData(
-      "defaultData" in vue.vnode.props ? vue.vnode.props.defaultData : "data" in vue.vnode.props ? Array.isArray(unref(vue.vnode.props.data)) ? [] : {} : {}
-    );
-    const datatype = Array.isArray(defaultData) ? [] : {};
-    const beta = () => {
-      var _a2;
-      const emit = (after, before) => {
-        if (vue && vue.vnode.el) {
-          const event = new CustomEvent("data:emit", {
-            bubbles: true,
-            // Key: allows it to travel up
-            composed: true,
-            // Key: allows it to cross Shadow DOM boundaries
-            detail: { before, after }
-            // Payload goes here
-          });
-          access(component).model.setData(after);
-          vue.vnode.el.dispatchEvent(event);
-        }
-      };
-      const proxy = (data) => {
-        return new Proxy(data, {
-          get(target, key, receiver) {
-            if (["setData", "replaceData"].includes(key.toString())) {
-              return (...params) => {
-                var _a3;
-                const beforeSetData = (_a3 = access(component).beforeSetData) != null ? _a3 : props.beforeSetData;
-                if (typeof beforeSetData === "function") {
-                  const before = ObjectManager.on(target.getData());
-                  const after = params.length ? ObjectManager.on(datatype).set(...params) : ObjectManager.on(datatype).set(defaultData);
-                  const diff2 = access(component).diff(before, after);
-                  if (beforeSetData(diff2, target)) {
-                    target[key](...params);
-                  }
-                } else {
-                  target[key](...params);
-                }
-                return target;
-              };
-            } else {
-              return Reflect.get(target, key, receiver);
-            }
-          }
-        });
-      };
-      const normalize = (data) => {
-        if (isRef(data) || isReactive(data)) {
-          return data;
-        } else if (isFunctionData || isAsyncData) {
-          return ref(datatype);
-        } else {
-          const props2 = "data" in vue.vnode.props;
-          try {
-            if (["Array", "Object"].includes(data.constructor.name)) {
-              return ref(data);
-            } else {
-              return ref(props2 ? { "": data } : datatype);
-            }
-          } catch (e) {
-            return ref(props2 ? { "": data } : datatype);
-          }
-        }
-      };
-      const config = {
-        data: normalize((_a2 = vue.vnode.props) == null ? void 0 : _a2.data),
-        defaultData: ObjectManager.on(defaultData).clone(),
-        notifications: props.notifications,
-        subscriptions: props.subscriptions,
-        name: props.modelName,
-        logging: props.logging
-      };
-      const model = props.model ? typeof props.model === "function" ? props.model(config) : props.model : DataManager.setConfig({ beforeGetData: (data) => isRef(data) ? unref(data) : data }, config);
-      const component = ref({ parent: { self: vue.proxy }, self: { template, diff, emit, dataPath: dataPath2, model: proxy(model), isValid } });
-      if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
-        const config2 = {
-          callback: typeof context.attrs["onUpdate:model"] === "function" ? context.attrs["onUpdate:model"] : context.attrs["update:model"],
-          options: {
-            immediate: context.attrs["model:immediate"],
-            deep: context.attrs["model:deep"],
-            once: context.attrs["model:once"]
-          }
-        };
-        const source = () => ObjectManager.on(model.getData()).clone();
-        subscriptions.push(watch(source, (after, before) => {
-          const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
-          if (props.debug) {
-            console.warn(`[${props.modelName}]:model`, { diff: diff2, before, after });
-          }
-          if (diff2.changed) {
-            config2.callback(diff2, { component });
-          }
-        }, config2.options));
-      }
-      const track = (source, options = {}) => {
-        var _a3, _b2, _c2, _d, _e;
-        subscriptions.push(watch(source, async (after, before) => {
-          const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
-          const callback = context.attrs["data:callback"];
-          if (props.debug) {
-            console.warn(`[${props.modelName}]:data`, { diff: diff2, callback, before, after, props, context, component });
-          }
-          if (typeof callback === "function") {
-            callback(diff2, { component });
-          } else {
-            model.replaceData(after);
-          }
-        }, {
-          immediate: (_b2 = (_a3 = context.attrs["data:immediate"]) != null ? _a3 : options.immediate) != null ? _b2 : true,
-          deep: (_d = (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep) != null ? _d : true,
-          once: (_e = context.attrs["data:once"]) != null ? _e : options.once
-        }));
-      };
-      setTimeout(async () => {
-        var _a3;
-        if (props.model !== false) {
-          if (isFunctionData || isAsyncData) {
-            if (!("defaultData" in vue.vnode.props)) {
-              console.warn(`${props.modelName}: defaultData is required for promise or function data.`, props.data);
-            }
-            const [data] = isAsyncData ? await Promise.all([
-              isAsyncFunctionData ? props.data() : props.data,
-              (_a3 = defer.value) != null ? _a3 : true
-            ]) : [props.data];
-            track(typeof data === "function" ? data : (() => data));
-          } else {
-            track(props.data, { immediate: false, deep: false });
-          }
-        }
-      });
-      setTimeout(async () => {
-        var _a3;
-        isReady.value = (_a3 = await defer.value) != null ? _a3 : true;
-      });
-      component.value = [access(component)].reduce((options, parent) => {
-        var _a3;
-        while (parent) {
-          if (typeof parent.setup === "function") {
-            options = { parent: options, self: (_a3 = parent.setup(component, options)) != null ? _a3 : {} };
-            if (access(parent.$parent).ReactiveView) {
-              break;
-            } else {
-              parent = access(parent.$parent);
-            }
-          } else {
-            break;
-          }
-        }
-        return options;
-      }, component.value);
-      props.instance.value = typeof props.instance === "function" ? props.instance(component.value) : component.value;
-      return (vue2) => {
-        var _a3, _b2;
-        if (isReady.value) {
-          return access(component).template(component, vue2);
-        } else {
-          return (_b2 = (_a3 = context.slots).loading) == null ? void 0 : _b2.call(_a3, { component });
-        }
-      };
-    };
-    const current = () => {
-      var _a2, _b2, _c2, _d;
-      const emit = (after, before) => {
-        if (vue && vue.vnode.el) {
-          const event = new CustomEvent("data:emit", {
-            bubbles: true,
-            // Key: allows it to travel up
-            composed: true,
-            // Key: allows it to cross Shadow DOM boundaries
-            detail: { before, after }
-            // Payload goes here
-          });
-          vue.vnode.el.dispatchEvent(event);
-        }
-      };
-      const normalize = (data) => {
-        if (props.debug) {
-          console.warn(`[ReactiveView]: using beta props data in [${props.modelName}] component`, { vue, data, defaultData, isRef: isRef(data), isReactive: isReactive(data) });
-        }
-        if (isReactive(data)) {
-          return data;
-        } else {
-          if (isRef(data) || isFunctionData || isAsyncData) {
-            return reactive(datatype);
-          } else {
-            const props2 = "data" in vue.vnode.props;
-            try {
-              if (["Array", "Object"].includes(data.constructor.name)) {
-                return reactive(props2 ? data : datatype);
-              } else {
-                return reactive(props2 ? { "": data } : datatype);
-              }
-            } catch (e) {
-              return reactive(props2 ? { "": data } : datatype);
-            }
-          }
-        }
-      };
-      const config = {
-        data: props.beta ? normalize((_a2 = vue.vnode.props) == null ? void 0 : _a2.data) : reactive(ObjectManager.on(
-          isAsyncData || isFunctionData || isRef(props.data) || isReactive(props.data) ? datatype : "data" in vue.vnode.props ? props.data : datatype
-        ).clone()),
-        defaultData: ObjectManager.on(defaultData).clone(),
-        notifications: props.notifications,
-        subscriptions: props.subscriptions,
-        name: props.modelName,
-        logging: props.logging
-      };
-      const model = new Proxy(props.model ? typeof props.model === "function" ? props.model(config) : props.model : new DataManager(config), {
-        get(target, key, receiver) {
-          if (["setData", "replaceData"].includes(key.toString())) {
-            return (...params) => {
-              var _a3;
-              const beforeSetData = (_a3 = access(component).beforeSetData) != null ? _a3 : props.beforeSetData;
-              if (typeof beforeSetData === "function") {
-                const before = ObjectManager.on(target.getData());
-                const after = params.length ? ObjectManager.on(datatype).set(...params) : ObjectManager.on(datatype).set(defaultData);
-                if (beforeSetData(access(component).diff(before, after), target)) {
-                  target[key](...params);
-                }
-              } else {
-                target[key](...params);
-              }
-              return target;
-            };
-          } else {
-            return Reflect.get(target, key, receiver);
-          }
-        }
-      });
-      const component = ref({ parent: { self: vue.proxy }, self: { template, model, diff, emit, dataPath: dataPath2, isValid } });
-      if (props.debug) {
-        console.warn("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isAsyncData });
-      }
-      const watchDataProp = (dataProp) => {
-        var _a3, _b3, _c3, _d2;
-        const config2 = typeof context.attrs["onUpdate:data"] === "function" ? { callback: context.attrs["onUpdate:data"] } : {
-          callback: (_b3 = ((_a3 = context.attrs["onUpdate:data"]) != null ? _a3 : {}).callback) != null ? _b3 : context.attrs["data:callback"],
-          options: Object.assign(__spreadValues(__spreadValues({
-            deep: (_c3 = context.attrs["data:deep"]) != null ? _c3 : true
-          }, context.attrs["data:immediate"] ? { immediate: context.attrs["data:immediate"] } : {}), context.attrs["data:once"] ? { once: context.attrs["data:once"] } : {}), ((_d2 = context.attrs["onUpdate:data"]) != null ? _d2 : {}).options)
-        };
-        if (context.attrs["data:log"]) {
-          console.warn(`[ReactiveView]:data`, { config: config2, dataProp });
-        }
-        subscriptions.push(watch(isFunctionData || isRef(dataProp) || isReactive(dataProp) ? dataProp : () => dataProp, (after, before) => {
-          var _a4;
-          if (typeof config2.callback === "function") {
-            model.replaceData((_a4 = config2.callback(access(component).diff(ObjectManager.on(before), ObjectManager.on(after)), { component })) != null ? _a4 : after);
-          } else {
-            model.replaceData(after);
-          }
-        }, config2.options));
-      };
-      if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
-        const config2 = typeof context.attrs["onUpdate:model"] === "function" ? {
-          callback: context.attrs["onUpdate:model"],
-          options: Object.assign(__spreadValues(__spreadValues({
-            deep: (_b2 = context.attrs["model:deep"]) != null ? _b2 : true
-          }, context.attrs["model:immediate"] ? { immediate: context.attrs["model:immediate"] } : {}), context.attrs["model:once"] ? { once: context.attrs["model:once"] } : {}), ((_c2 = context.attrs["onUpdate:model"]) != null ? _c2 : {}).options)
-        } : (_d = context.attrs["onUpdate:model"]) != null ? _d : {};
-        if (context.attrs["model:log"]) {
-          console.warn(`[ReactiveView]:model`, { config: config2 });
-        }
-        subscriptions.push(watch(() => ObjectManager.on(model.getData()).clone(), (after, before) => {
-          config2.callback(access(component).diff(ObjectManager.on(before), ObjectManager.on(after)), { component });
-        }, config2.options));
-      }
-      if (props.beta) {
-        const isRefData = isRef(props.data);
-        if (isRefData || isFunctionData || isAsyncData) {
-          setTimeout(async () => {
-            var _a3, _b3, _c3;
-            const [data] = isAsyncData ? await Promise.all([
-              isAsyncFunctionData ? props.data() : props.data,
-              (_a3 = defer.value) != null ? _a3 : true
-            ]) : [props.data];
-            subscriptions.push(watch(isRefData ? data : isFunctionData ? data : typeof data === "function" ? data : () => data, (after, before) => {
-              var _a4;
-              if (before !== void 0 || after !== void 0) {
-                const callback = context.attrs["data:callback"];
-                if (typeof callback === "function") {
-                  const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
-                  model.replaceData((_a4 = callback(diff2, { component })) != null ? _a4 : after);
-                } else {
-                  model.replaceData(after);
-                }
-              }
-            }, {
-              immediate: (_b3 = context.attrs["data:immediate"]) != null ? _b3 : true,
-              deep: (_c3 = context.attrs["data:deep"]) != null ? _c3 : true,
-              once: context.attrs["data:once"]
-            }));
-          });
-        }
-      } else {
-        setTimeout(async () => {
-          var _a3;
-          const [data] = await Promise.all([
-            isAsyncFunctionData ? props.data() : props.data,
-            (_a3 = defer.value) != null ? _a3 : true
-          ]);
-          watchDataProp(data);
-        });
-      }
-      setTimeout(async () => {
-        var _a3;
-        isReady.value = (_a3 = await defer.value) != null ? _a3 : true;
-      });
-      component.value = [access(component)].reduce((options, parent) => {
-        var _a3;
-        while (parent) {
-          if (typeof parent.setup === "function") {
-            options = { parent: options, self: (_a3 = parent.setup(component, options)) != null ? _a3 : {} };
-            if (access(parent.$parent).ReactiveView) {
-              break;
-            } else {
-              parent = access(parent.$parent);
-            }
-          } else {
-            break;
-          }
-        }
-        return options;
-      }, component.value);
-      props.instance.value = typeof props.instance === "function" ? props.instance(component.value) : component.value;
-      return (vue2) => {
-        var _a3, _b3;
-        if (isReady.value) {
-          return access(component).template(component, vue2);
-        } else {
-          return (_b3 = (_a3 = context.slots).loading) == null ? void 0 : _b3.call(_a3, { component });
-        }
-      };
-    };
-    return props.beta === "next" ? beta() : current();
-  }
-};
-
-// src/index.ts
-import { h, ref as ref2, unref as unref2, toRaw, createApp, createVNode as createVNode2, defineComponent } from "vue";
-import { formatInTimeZone } from "date-fns-tz";
-import { twMerge } from "tailwind-merge";
-console.log(`%c[ReactiveView]: ${version}`, "background-color: red; color: yellow;");
-var index_default = ReactiveView_default;
-function safeRequest(request) {
-  return new Promise(async (resolve) => {
-    var _a, _b, _c, _d;
-    const { message } = (_a = request.loading) != null ? _a : {};
-    if (request.loading) {
-      request.loading.status = true;
-      if (request.message) {
-        request.loading.message = request.message;
-      }
-    }
-    try {
-      resolve(await request.try());
-    } catch (e) {
-      if ((_b = request.alternative) != null ? _b : true) {
-        resolve(request.catch ? await request.catch(e) : console.log(e));
-      }
-    } finally {
-      await ((_c = request.finally) == null ? void 0 : _c.call(request));
-      if (request.loading) {
-        request.loading.status = false;
-      }
-      if (request.loading && message) {
-        request.loading.message = message;
-      }
-      await ((_d = request.complete) == null ? void 0 : _d.call(request));
-    }
-  });
-}
-function getProps(props = {}, param2) {
-  var _a;
-  const exclude = Array.isArray(param2) || typeof param2 === "string" ? param2 : param2.exclude;
-  const exclusions = (Array.isArray(exclude) ? exclude : [exclude]).join("|");
-  const include = (_a = param2.include) != null ? _a : {};
-  return Object.entries(include).reduce((props2, [key, val]) => {
-    props2[key] = val;
-    return props2;
-  }, Object.entries(props).reduce((props2, [key, val]) => {
-    if (!RegExp(`(^|\\|)${key}($|\\|)`, "i").test(exclusions)) {
-      props2[key] = val;
-    }
-    return props2;
-  }, {}));
-}
-function getReactiveViewComponent(component, options = {}) {
-  const model = (component2) => {
-    try {
-      return (component2.type || component2).props.hasOwnProperty("model");
-    } catch (e) {
-      return false;
-    }
-  };
-  const props = getProps(options, "setup");
-  const slots = typeof component === "function" ? component : () => {
-    return (component.type || component).setup ? createVNode2(component, component.setup ? {} : props) : component;
-  };
-  return model(component) ? createVNode2(component, props) : createVNode2(ReactiveView_default, props, slots);
-}
-function getDate(param1, param2) {
-  var _a, _b;
-  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-  const format = "MM/dd/yyyy h:mm a";
-  const options = typeof param2 === "string" ? { format: param2, timezone } : { format: (_a = param2 == null ? void 0 : param2.format) != null ? _a : format, timezone: (_b = param2 == null ? void 0 : param2.timezone) != null ? _b : timezone };
-  const datetime = () => {
-    try {
-      return param1 instanceof Date ? param1 : param1.toDate();
-    } catch (e) {
-      return /* @__PURE__ */ new Date();
-    }
-  };
-  return formatInTimeZone(datetime(), options.timezone, options.format);
-}
-function access(view = {}, alternative) {
-  var _a;
-  const resolve = (target) => {
-    return new Proxy(toRaw(target), {
-      get(target2, key) {
-        const component = { tree: target2 };
-        do {
-          if (key in component.tree) {
-            return component.tree[key];
-          } else if ("self" in component.tree && key in component.tree.self) {
-            return component.tree.self[key];
-          } else {
-            component.tree = "parent" in component.tree && component.tree.parent;
-          }
-        } while (component.tree);
-        try {
-          return new alternative();
-        } catch (e) {
-          return alternative;
-        }
-      }
-    });
-  };
-  try {
-    const component = (_a = unref2(typeof view === "function" ? view() : view)) != null ? _a : {};
-    return resolve("instance" in component ? component.instance : component);
-  } catch (e) {
-    return resolve(view);
-  }
-}
-function useSubscription() {
-  const subscriptions = [];
-  const subscription = Subscriptions.get();
-  return {
-    addSubscription(name, handler = () => false, data) {
-      subscription.subscribe(name, handler, data);
-      subscriptions.push(() => subscription.unsubscribe(name));
-    },
-    replaceSubscription(name, handler = () => false, data) {
-      subscription.replace(name, handler, data);
-      subscriptions.push(() => subscription.unsubscribe(name));
-    },
-    removeSubscriptions() {
-      subscriptions.forEach((subscription2) => safeRequest({
-        try: () => subscription2()
-      }));
-    },
-    removeSubscription(name) {
-      subscription.unsubscribe(name);
-    },
-    hasSubscription(name) {
-      return subscription.hasSubscription(name);
-    },
-    subscriptions,
-    subscription
-  };
-}
-var Prop = ({ default: value, type, validator, required } = {}) => {
-  const types1 = Array.isArray(type) ? type : [type != null ? type : Array];
-  const types2 = types1.includes(Object) ? types1 : types1.concat(Object);
-  return __spreadProps(__spreadValues({}, value ? { default: ref2(value) } : {}), {
-    required,
-    validator: (value2) => {
-      return validator ? validator(unref2(value2)) : Array.from(new Set(types2.map((type2) => {
-        return typeof type2 === "function" ? type2().constructor.name : type2;
-      }))).includes(unref2(value2).constructor.name);
-    }
-  });
-};
-function StyleParser(styles = {}) {
-  const transform = (style, status = true) => {
-    const remove = style.split(/(-{[^}]+})/);
-    return remove.reduce((object, style2) => {
-      var _a;
-      const remove2 = /-{(.+?)}/.exec(style2);
-      (remove2 ? (_a = remove2[1]) != null ? _a : style2 : style2).split(/\s+/).forEach((item) => {
-        if (item) {
-          Object.assign(object, { [item]: remove2 ? false : status });
-        }
-      });
-      return object;
-    }, {});
-  };
-  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 new Proxy(params.reduce((styles, style, index, items) => {
-    var _a;
-    const item = (_a = items[items.length - index - 1]) != null ? _a : {};
-    return __spreadValues(__spreadValues({}, StyleParser(typeof item === "function" ? item(items.slice(0, index - 1)) : item)), styles);
-  }, {}), {
-    get: (target, key, receiver) => {
-      const styles = Object.entries(target).reduce((styles2, [key2, val]) => {
-        return val ? styles2.concat(key2) : styles2;
-      }, []);
-      if (key === "string") {
-        return styles.join(" ");
-      } else if (key === "array") {
-        return styles;
-      } else {
-        return Reflect.get(target, key, receiver);
-      }
-    }
-  });
-}
-var extendVnode = (component, element) => {
-  return new Proxy(access(component), {
-    get: (target, key) => {
-      const getVnode = () => {
-        try {
-          return target[key]();
-        } catch (e) {
-          throw new Error(`${key} does not exist as vnode on component.`);
-        }
-      };
-      const vnode = getVnode();
-      return (props = {}, slots) => {
-        var _a;
-        const isFunctionClass = typeof props.class === "function";
-        const isFunctionStyle = typeof props.style === "function";
-        const _b = (_a = vnode.props) != null ? _a : {}, { class: classes, style: styles } = _b, rest = __objRest(_b, ["class", "style"]);
-        const finalClasses = twMerge(isFunctionClass ? "" : classes, MergeStyles(isFunctionClass ? props.class(classes) : props.class).string);
-        const finalStyles = MergeStyles(styles, isFunctionStyle ? props.style(styles) : props.style);
-        const functionalProps = Object.entries(props).reduce((props2, [key2, value]) => {
-          var _a2;
-          if (!["class", "style", "setup"].includes(key2) && typeof value === "function") {
-            props2[key2] = value((_a2 = vnode.props) == null ? void 0 : _a2[key2]);
-          }
-          return props2;
-        }, props);
-        const finalProps = Object.assign(rest, functionalProps, { class: finalClasses, style: finalStyles });
-        const finalSlots = slots ? typeof slots === "function" ? slots(vnode.children) : slots : vnode.children;
-        const finalElement = ["undefined"].includes(typeof element) ? vnode.type : element;
-        return h(finalElement, finalProps, finalSlots);
-      };
-    }
-  });
-};
-function defineReactiveView(param1, param2) {
-  const instance = ref2();
-  return defineComponent({
-    name: param1 == null ? void 0 : param1.modelName,
-    props: __spreadValues({ setup }, param1 ? param1.props : {}),
-    setup() {
-      const _a = param1 != null ? param1 : {}, { setup: setup2, props } = _a, rest = __objRest(_a, ["setup", "props"]);
-      return (component) => {
-        const props2 = Object.entries(rest).reduce((props3, [key, val]) => {
-          return Object.assign(props3, { [key]: typeof val === "function" ? val(component, instance) : val });
-        }, {});
-        const slots = typeof (param1 == null ? void 0 : param1.slots) === "function" ? param1.slots(component) : Array.isArray(param1 == null ? void 0 : param1.slots) ? () => param1.slots : param1 == null ? void 0 : param1.slots;
-        return createVNode2(param2 != null ? param2 : ReactiveView_default, __spreadProps(__spreadValues(__spreadValues({}, props2), Object.assign({}, props2, typeof setup2 === "function" ? {
-          setup: (self, parent) => setup2(self, parent, component)
-        } : {})), {
-          instance
-        }), slots);
-      };
-    }
-  });
-}
-function showComponent(component, options = {}) {
-  var _a;
-  if (options.router) {
-    console.warn("[ReactiveView]: Deprecated {router} option used with {showComponent()}. \nUse {plugins} option instead.");
-  }
-  if (!options.key || !document.getElementById(options.key)) {
-    const container = options.container || "app-dialogs";
-    const dialogs = document.getElementById(container) || document.createElement("div");
-    if (!dialogs.hasAttribute("id")) {
-      dialogs.setAttribute("id", container);
-      document.body.appendChild(dialogs);
-    }
-    const dialog = document.createElement("div");
-    const id = (_a = options.key) != null ? _a : `dialog_${dialogs.children.length + 1}`;
-    dialog.setAttribute("id", id);
-    dialogs.appendChild(dialog);
-    const app = createApp(
-      {
-        setup() {
-          return () => component;
-        }
-      },
-      {
-        __cleanup__: () => {
-          document.querySelectorAll(`#${id}`).forEach((element) => element.remove());
-          app.unmount();
-        }
-      }
-    );
-    if (options.router) {
-      return app.use(options.router).mount(`#${id}`);
-    } else if (options.plugins) {
-      return options.plugins.reduce((app2, plugin) => {
-        return app2.use(...Array.isArray(plugin) ? plugin : [plugin]);
-      }, app).mount(`#${id}`);
-    } else {
-      return app.mount(`#${id}`);
-    }
-  }
-}
-var getData = (component, path, alternative) => {
-  const vue = access(component);
-  const data = ObjectManager2.on(componentState(vue));
-  if (path) {
-    return data.get(dataPath(vue, path), alternative);
-  } else {
-    return data.get();
-  }
-};
-var setData = (component, data, path) => {
-  const vue = access(component);
-  const diff = {
-    before: ObjectManager2.on(componentState(vue)).clone(),
-    after: path ? ObjectManager2.on(componentState(vue)).set(dataPath(vue, path), data).get() : ObjectManager2.on(componentState(vue)).set(data).get()
-  };
-  return "state" in vue ? diff : vue.$emit("update:state", diff);
-};
-var componentState = (component) => {
-  return unref2("state" in component ? component.state : component.$attrs.state);
-};
-var dataPath = (component, path) => {
-  return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;
-};
-export {
-  MergeStyles,
-  Prop,
-  StyleParser,
-  access,
-  dataPath,
-  index_default as default,
-  defineReactiveView,
-  extendVnode,
-  getData,
-  getDate,
-  getProps,
-  getReactiveViewComponent,
-  safeRequest,
-  setData,
-  setup,
-  showComponent,
-  useSubscription
-};
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./src-DgPt5VTg.mjs";
+export { h as MergeStyles, u as Prop, p as StyleParser, s as access, t as copy, d as dataPath, a as default, m as defineReactiveView, n as extendVnode, c as getData, g as getDate, r as getProps, i as getReactiveViewComponent, f as safeRequest, l as setData, v as setup, o as showComponent, e as throwError, _ as useSubscription };