@razaman2/reactive-view 0.0.34-beta.30 → 0.0.34-beta.31

package/dist/index.d.mts

@@ -49,7 +49,7 @@ declare const _default: {
             default: boolean;
         };
         instance: {
-            default: () => vue.Ref<any, any>;
+            default: vue.Ref<any, any>;
         };
         notifications: ObjectConstructor;
         subscriptions: ObjectConstructor;

package/dist/index.d.ts

@@ -49,7 +49,7 @@ declare const _default: {
             default: boolean;
         };
         instance: {
-            default: () => vue.Ref<any, any>;
+            default: vue.Ref<any, any>;
         };
         notifications: ObjectConstructor;
         subscriptions: ObjectConstructor;

package/dist/index.js

@@ -177,7 +177,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.30";
+var version = "0.0.34-beta.31";
 
 // src/ReactiveView.ts
 var setup = {
@@ -193,7 +193,7 @@ var ReactiveView_default = {
       type: Boolean,
       default: true
     },
-    instance: { default: () => (0, import_vue.ref)() },
+    instance: { default: (0, import_vue.ref)() },
     notifications: Object,
     subscriptions: Object,
     beforeSetData: Function,
@@ -254,6 +254,19 @@ var ReactiveView_default = {
     const isPromiseData = ["Promise"].includes((_c = props.data) == null ? void 0 : _c.constructor.name) || isAsyncFunctionData;
     const defer = (0, import_vue.ref)(typeof props.defer === "function" ? props.defer() : props.defer);
     const vue = (0, import_vue.getCurrentInstance)();
+    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);
+      }
+    };
     if ((isFunctionData || isPromiseData) && !("defaultData" in vue.vnode.props)) {
       console.warn("[ReactiveView]: defaultData is required for promise or async function data.", props.data);
     }
@@ -316,7 +329,7 @@ var ReactiveView_default = {
         }
       }
     });
-    const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, model, diff, dataPath: dataPath2, isValid } });
+    const component = (0, import_vue.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, isPromiseData });
     }

package/dist/index.mjs

@@ -131,7 +131,7 @@ import { ref, reactive, watch, isRef, isReactive, createVNode, getCurrentInstanc
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.30";
+var version = "0.0.34-beta.31";
 
 // src/ReactiveView.ts
 var setup = {
@@ -147,7 +147,7 @@ var ReactiveView_default = {
       type: Boolean,
       default: true
     },
-    instance: { default: () => ref() },
+    instance: { default: ref() },
     notifications: Object,
     subscriptions: Object,
     beforeSetData: Function,
@@ -208,6 +208,19 @@ var ReactiveView_default = {
     const isPromiseData = ["Promise"].includes((_c = props.data) == null ? void 0 : _c.constructor.name) || isAsyncFunctionData;
     const defer = ref(typeof props.defer === "function" ? props.defer() : props.defer);
     const vue = getCurrentInstance();
+    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);
+      }
+    };
     if ((isFunctionData || isPromiseData) && !("defaultData" in vue.vnode.props)) {
       console.warn("[ReactiveView]: defaultData is required for promise or async function data.", props.data);
     }
@@ -270,7 +283,7 @@ var ReactiveView_default = {
         }
       }
     });
-    const component = ref({ parent: { self: vue.proxy }, self: { template, model, diff, dataPath: dataPath2, isValid } });
+    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, isPromiseData });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.34-beta.30",
+    "version": "0.0.34-beta.31",
     "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",