@razaman2/reactive-view 0.2.0 → 0.2.1

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import ReactiveView, { setup } from "./ReactiveView.mjs";
 import { defineComponent, type UnwrapRef } from "vue";
 export default ReactiveView;
 export { setup };
+export declare const build: Readonly<Record<string, string>>;
 export declare function safeRequest(request: {
     try: () => Promise<any> | any;
     catch?: ((error: any) => Promise<any> | any) | false;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import ReactiveView, { setup } from "./ReactiveView";
 import { defineComponent, type UnwrapRef } from "vue";
 export default ReactiveView;
 export { setup };
+export declare const build: Readonly<Record<string, string>>;
 export declare function safeRequest(request: {
     try: () => Promise<any> | any;
     catch?: ((error: any) => Promise<any> | any) | false;

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./src-CB2Ym95H.js`);exports.MergeStyles=e.t,exports.Prop=e.n,exports.StyleParser=e.r,exports.access=e.i,exports.copy=e.a,exports.dataPath=e.o,exports.default=e.g,exports.defineReactiveView=e.s,exports.extendVnode=e.c,exports.getData=e.l,exports.getDate=e.u,exports.getProps=e.d,exports.getReactiveViewComponent=e.f,exports.safeRequest=e.p,exports.setData=e.m,exports.setup=e.y,exports.showComponent=e.h,exports.throwError=e._,exports.useSubscription=e.v;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./src-BJaQUsvj.js`);exports.MergeStyles=e.t,exports.Prop=e.n,exports.StyleParser=e.r,exports.access=e.i,exports.build=e.a,exports.copy=e.o,exports.dataPath=e.s,exports.default=e._,exports.defineReactiveView=e.c,exports.extendVnode=e.l,exports.getData=e.u,exports.getDate=e.d,exports.getProps=e.f,exports.getReactiveViewComponent=e.p,exports.safeRequest=e.m,exports.setData=e.h,exports.setup=e.b,exports.showComponent=e.g,exports.throwError=e.v,exports.useSubscription=e.y;

package/dist/index.mjs

@@ -1,2 +1,2 @@
-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 };
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./src-DwXft6y4.mjs";
+export { g as MergeStyles, d as Prop, m as StyleParser, c as access, t as build, f as copy, h as dataPath, e as default, r as defineReactiveView, l as extendVnode, _ as getData, i as getDate, a as getProps, p as getReactiveViewComponent, u as safeRequest, s as setData, n as setup, o as showComponent, v as throwError, y as useSubscription };

package/dist/src-BJaQUsvj.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`@razaman2/object-manager`);l=c(l);let u=require(`@razaman2/data-manager`);u=c(u);let d=require(`vue`),f=require(`date-fns-tz`),p=require(`tailwind-merge`);var m=class e{subscriptions=[];data={};static create(){return new e}subscribe(e,t,n){return this.isNameAvailable(e)&&(this.subscriptions.push({name:e,handler:t}),this.data[e]=n),this}replace(e,t,n){return this.unsubscribe(e),this.subscribe(e,t,n)}unsubscribe(e){Array.isArray(e)||(e=e?[e]:[]);let t=e=>console.log(`%cUnsubscribed From Subscription (${e})`,`background-color: yellow; color: green; font-weight: bold; padding: 3px;`);return e.length?e.forEach(e=>{let n=this.find(e);n&&(n.handler(),this.remove(n),t(e))}):(this.subscriptions.forEach(e=>{e.handler(),t(e.name)}),this.subscriptions=[]),this}size(){return this.subscriptions.length}hasSubscription(e){return!!this.find(e)}remove(e){this.subscriptions.splice(this.subscriptions.indexOf(e),1)}find(e){return this.subscriptions.find(t=>t.name===e)}isNameAvailable(e){if(this.hasSubscription(e))throw Error(`There is already a subscription called "${e}".`);return!0}registrations(){return this.subscriptions}get(e){let t=this.find(e);if(t)return t;throw Error(`Subscription "${e}" doesn't exist!`)}},h=class e extends m{static subscriptions=e.create();static get(){return this.subscriptions}},g={type:Function,default:(e={},t={})=>t,ReactiveView:!0},_=e=>typeof e?.then==`function`,v=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},y=(0,d.defineComponent)({props:{setup:{},beta:[Boolean,String],ReactiveView:{type:Boolean,default:!0},instance:{default:()=>(0,d.ref)()},notifications:Object,subscriptions:Object,beforeSetData:Function,data:{default:()=>(0,d.ref)({})},defaultData:{},getDefaultData:{type:Function,default:e=>e},model:{},defer:{},logging:{validator:e=>typeof e==`boolean`},modelName:{type:String,default:`ReactiveView`},debug:{type:Boolean,default:!1},state:{default:()=>(0,d.reactive)({})}},setup(e,t){let n=!1,r=(0,d.effectScope)();(0,d.onBeforeUnmount)(()=>{n=!0,r.stop()});let i=(e,t)=>{let n=!1,r=Array.from(new Set(e.paths().concat(t.paths())));if(r.includes(``))return n=r.some(n=>e.get(n)!==t.get(n)),{before:e.get(),after:t.get(),changes:n?t.get():{},changed:n};let i=r.reduce((r,i)=>(e.get(i)!==t.get(i)&&(r.set(i,t.get(i)),n=!0),r),l.default.on({}));return{before:e.get(),after:t.get(),changes:i.get(),changed:n}},a=e=>{let n=t.attrs[`data:path`];return typeof n==`function`?n(e):e},o=(n,r)=>(0,d.createVNode)(`div`,t.slots.default?t.attrs:{style:{color:`red`,textAlign:`center`},...t.attrs},t.slots.default?t.slots.default({component:n,vue:r,props:e,context:t}):`${e.modelName}: @razaman2/reactive-view@0.2.1`),s=(0,d.ref)(!1),c=(0,d.ref)(!1),f=(0,d.ref)(typeof e.defer==`function`?e.defer():e.defer),p=typeof e.data==`function`,m=p||_(e.data),h=(0,d.getCurrentInstance)(),g=h.vnode.props??{},y=e=>e in g||e.replace(/\B([A-Z])/g,`-$1`).toLowerCase()in g,b=e.getDefaultData(y(`defaultData`)?e.defaultData:y(`data`)&&Array.isArray((0,d.unref)(g.data))?[]:{}),x=Array.isArray(b)?[]:{},S=(e,t)=>{h&&h.vnode.el&&(N(D).model.setData(e),h.vnode.el.dispatchEvent(new CustomEvent(`emit:data`,{bubbles:!0,composed:!0,detail:{before:t,after:e}})))},C=t=>new Proxy(t,{get(t,n,r){return[`setData`,`replaceData`].includes(n.toString())?(...r)=>{let i=N(D).beforeSetData??e.beforeSetData;if(typeof i==`function`){let e=l.default.on(l.default.on(t.getData()).clone()),a=new u.default({data:l.default.on(t.getData()).clone(),defaultData:l.default.on(b).clone()});a[n](...r);let o=l.default.on(a.getData());i(N(D).diff(e,o),t)&&t[n](...r)}else t[n](...r);return t}:Reflect.get(t,n,r)}}),w=e=>(0,d.isRef)(e)||(0,d.isReactive)(e)?e:m?(0,d.ref)(x):Array.isArray(e)||v(e)?(0,d.ref)(O(e)):(0,d.ref)(y(`data`)?{"":e}:x),T={data:w(g.data),defaultData:l.default.on(b).clone(),notifications:e.notifications,subscriptions:e.subscriptions,name:e.modelName,logging:e.logging},E=e.model?typeof e.model==`function`?e.model(T):e.model:u.default.setConfig({beforeGetData:e=>(0,d.isRef)(e)?(0,d.unref)(e):e},T),D=(0,d.ref)({parent:{self:h.proxy},self:{template:o,diff:i,emit:S,dataPath:a,model:C(E),isValid:s}});if(t.attrs[`onUpdate:model`]||t.attrs[`update:model`]){let n={callback:typeof t.attrs[`onUpdate:model`]==`function`?t.attrs[`onUpdate:model`]:t.attrs[`update:model`],options:{immediate:t.attrs[`model:immediate`],deep:t.attrs[`model:deep`],once:t.attrs[`model:once`]}},i=()=>l.default.on(E.getData()).clone();r.run(()=>(0,d.watch)(i,(t,r)=>{let i=N(D).diff(l.default.on(r),l.default.on(t));e.debug&&console.debug(`[${e.modelName}]:model`,{diff:i,before:r,after:t}),i.changed&&n.callback(i,{component:D})},n.options))}let k=(n,r)=>{let i=N(D).diff(l.default.on(r),l.default.on(n)),a=t.attrs[`data:callback`];e.debug&&console.debug(`[${e.modelName}]:data`,{diff:i,callback:a,props:e,context:t,component:D}),typeof a==`function`?a(i,{component:D}):E.replaceData(n)};if(e.model!==!1&&y(`data`)&&!(0,d.isRef)(g.data)&&!(0,d.isReactive)(g.data)&&!m){let n=e=>l.default.on((0,d.unref)(w(e))).clone(),i=n(e.data);r.run(()=>(0,d.watch)(()=>e.data,e=>{let t=n(e);N(D).diff(l.default.on(i),l.default.on(t)).changed&&(k(t,i),i=t)},{deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}return(0,d.nextTick)(async()=>{if(e.model!==!1&&m){y(`defaultData`)||console.warn(`${e.modelName}: defaultData is required for promise or function data.`,e.data);let i;try{let t=p?e.data():e.data;if(_(t)){let[e]=await Promise.all([t,f.value??!0]);i=()=>e}else i=e.data}catch(r){if(!n){let n=t.attrs[`data:error`];typeof n==`function`?n(r,{component:D}):console.error(`${e.modelName}: failed to load data.`,r)}}if(i&&!n){let e=i;r.run(()=>(0,d.watch)(e,k,{immediate:t.attrs[`data:immediate`]??!0,deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}}}),(0,d.nextTick)(async()=>{try{c.value=await f.value??!0}catch(r){if(!n){let n=t.attrs[`defer:error`];typeof n==`function`?n(r,{component:D}):console.error(`${e.modelName}: defer failed.`,r)}}}),D.value=[N(D)].reduce((e,t)=>{for(;t&&typeof t.setup==`function`&&(e={parent:e,self:t.setup(D,e)??{}},!N(t.$parent).ReactiveView);)t=N(t.$parent);return e},D.value),e.instance.value=typeof e.instance==`function`?e.instance(D.value):D.value,e=>c.value?N(D).template(D,e):t.slots.loading?.({component:D})}}),b=l.default.default||l.default,x=y,S=Object.freeze({"@razaman2/reactive-view":`0.2.1`,...new u.default().build,...new b().build});console.log(`%c[ReactiveView]: 0.2.1`,`background-color: red; color: yellow;`,S);async function C(e){let{message:t}=e.loading??{};e.loading&&(e.loading.status=!0,e.message&&(e.loading.message=e.message));try{return await e.try()}catch(t){if(e.alternative??!0)return e.catch?await e.catch(t):console.log(t)}finally{await e.finally?.(),e.loading&&(e.loading.status=!1),e.loading&&t&&(e.loading.message=t),await e.complete?.()}}function w(e,t={}){let n=e=>{let n=t.id??`dialog_${e.children.length+1}`,r=document.createElement(`div`);return r.setAttribute(`id`,n),t.placement===`replaceChildren`&&Array.from(e.children).forEach(e=>(0,d.render)(null,e)),e[t.placement??`appendChild`](r),r},r=e=>{let t=document.getElementById(e);if(t)return n(t);{let t=document.createElement(`div`);return t.setAttribute(`id`,e),document.body.appendChild(t),n(t)}},i=t.container||`app-dialogs`,a=r(i),o=(0,d.createVNode)({setup:()=>()=>e},{container:i,unmount:()=>{(0,d.render)(null,a),a.remove()}}),s=t.app??document.querySelector(`[data-v-app]`);s?o.appContext=s.__vue_app__._context:console.warn(`[ReactiveView]: showComponent called without an active app context.`),(0,d.render)(o,a)}function T(e={},t){let n=Array.isArray(t)||typeof t==`string`?t:t.exclude,r=(Array.isArray(n)?n:[n]).join(`|`),i=t.include??{};return Object.entries(i).reduce((e,[t,n])=>(e[t]=n,e),Object.entries(e).reduce((e,[t,n])=>(RegExp(`(^|\\|)${t}($|\\|)`,`i`).test(r)||(e[t]=n),e),{}))}function E(e,t={}){let n=e=>{try{let t=(e.type||e).props;return t&&Object.prototype.hasOwnProperty.call(t,`model`)}catch{return!1}},r=T(t,`setup`),i=typeof e==`function`?e:()=>(e.type||e).setup?(0,d.createVNode)(e,e.setup?{}:r):e;return n(e)?(0,d.createVNode)(e,r):(0,d.createVNode)(y,r,i)}function D(e,t){let n=Intl.DateTimeFormat().resolvedOptions().timeZone,r=typeof t==`string`?{format:t,timezone:n}:{format:t?.format??`MM/dd/yyyy h:mm a`,timezone:t?.timezone??n};return(0,f.formatInTimeZone)((()=>{try{return e instanceof Date?e:e.toDate()}catch{return new Date}})(),r.timezone,r.format)}var O=(e,t=new Map)=>{if(t.has(e))return t.get(e);if(Array.isArray(e)){let n=[];return t.set(e,n),e.forEach(e=>n.push(O(e,t))),n}if(e?.constructor?.name===`Object`){let n={};return t.set(e,n),Object.entries(e).forEach(([e,r])=>n[e]=O(r,t)),n}return e},k=new WeakMap,A=new WeakMap,j=e=>e!==null&&[`object`,`function`].includes(typeof e),M=(e,t)=>{let n=(0,d.toRaw)(e),r=()=>new Proxy(n,{get(e,n){let r={tree:e};do if(n in r.tree)return r.tree[n];else if(`self`in r.tree&&n in r.tree.self)return r.tree.self[n];else r.tree=`parent`in r.tree&&r.tree.parent;while(r.tree);try{return new t}catch{return t}}});if(!j(n))return r();if(t===void 0)return k.has(n)||k.set(n,r()),k.get(n);if(j(t)){let e=A.get(n)??new WeakMap;return A.set(n,e),e.has(t)||e.set(t,r()),e.get(t)}else return r()};function N(e={},t){try{let n=(0,d.unref)(typeof e==`function`?e():e)??{};return M(`instance`in n?n.instance:n,t)}catch{return M(e,t)}}function P(){let e=[],t=h.get();return{addSubscription(n,r,i){t.subscribe(n,r,i),e.push(()=>t.unsubscribe(n))},replaceSubscription(n,r,i){t.replace(n,r,i),e.push(()=>t.unsubscribe(n))},removeSubscriptions(){e.forEach(e=>C({try:()=>e()}))},removeSubscription(e){t.unsubscribe(e)},hasSubscription(e){return t.hasSubscription(e)},subscriptions:e,subscription:t}}var F=(e,t)=>typeof t==`string`?e?.constructor?.name===t:[String,Number,Boolean,Symbol,BigInt,Function].includes(t)?typeof e===t.name.toLowerCase():t===Array?Array.isArray(e):t===Object?Object.prototype.toString.call(e)===`[object Object]`:e instanceof t,I=(e={})=>{let t=`type`in e?Array.isArray(e.type)?e.type:[e.type]:[],n=t.filter(e=>typeof e==`function`),r=()=>`default`in e?typeof e.default==`function`?n.includes(Function)?()=>e.default:e.default:(0,d.isRef)(e.default)||(0,d.isReactive)(e.default)?e.default:()=>(0,d.ref)(O(e.default)):n.length===1&&n[0]===Boolean?()=>(0,d.ref)(!1):()=>(0,d.ref)();return{...n.length?{type:Array.from(new Set(n.concat(Object)))}:{},...e.required?{required:!0}:{},default:r(),validator:n=>{let r=(0,d.unref)(n);return typeof e.validator==`function`?e.validator(r):!t.length||r==null?!0:t.some(e=>F(r,e))}}};function L(e={}){let t=(e,t=!0)=>e.split(/(-{[^}]+})/).reduce((e,n)=>{let r=/-{(.+?)}/.exec(n);return(r?r[1]??n:n).split(/\s+/).forEach(n=>{n&&Object.assign(e,{[n]:r?!1:t})}),e},{});return Array.isArray(e)?e.reduce((e,n)=>Object.assign(t(n),e),{}):typeof e==`string`?t(e):Object.entries(e).reduce((e,[n,r])=>({...e,...t(n,r)}),{})}function R(...e){return new Proxy(e.reduce((e,t,n,r)=>{let i=r[r.length-n-1]??{};return{...L(typeof i==`function`?i(r.slice(0,n-1)):i),...e}},{}),{get:(e,t,n)=>{let r=Object.entries(e).reduce((e,[t,n])=>n?e.concat(t):e,[]);return t===`string`?r.join(` `):t===`array`?r:Reflect.get(e,t,n)}})}var z=new WeakMap,B={},V=(e,t)=>{let n=(Array.isArray(e)?e[0]:e)?.i,r=z.get(n??B)??new Map;if(z.set(n??B,r),!r.has(t)){let e=(0,d.ref)(null);r.set(t,{ref:e,bind:r=>{e.value=r,n&&(Object.isFrozen(n.refs)&&(n.refs={}),n.refs[t]=r,n.setupState&&Object.hasOwn(n.setupState,t)&&(n.setupState[t]=r))}})}return r.get(t)},H=new WeakMap,U=(e,t)=>{let n=H.get(t)??new WeakMap;return H.set(t,n),n.has(e)||n.set(e,n=>{typeof e==`function`?e(n):e.value=n,typeof t==`function`?t(n):t.value=n}),n.get(e)},W=e=>Array.isArray(e)?e.flatMap(e=>Array.isArray(e)?W(e):(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null&&Array.isArray(e.children)?W(e.children):[e]):e,G=e=>(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null?W([e]):W(e),K=(...e)=>{let t=e[1];return new Proxy(N(e[0]),{get:(e,n)=>{if(n===`then`||typeof n==`symbol`||typeof n==`string`&&n.startsWith(`__v_`))return Reflect.get(e,n);if(typeof e[n]!=`function`)throw Error(`${String(n)} does not exist as vnode on component.`);return(r={},i)=>{let[a,...o]=Array.isArray(r)?r:[r],s=e[n].call(e,...o),c=Array.isArray(s)?s[0]:s;if(c){let{class:e,style:n,...o}=a,{class:s,style:l,...u}=c.props??{},f=typeof e==`function`,m=Object.entries(o).reduce((e,[t,n])=>{if(typeof n==`function`)if(t===`setup`)u.setup&&(e[t]=(...e)=>({...u[t](...e),...n(...e)}));else if(t===`ref`){let r=typeof u[t]==`string`?V(c.ref,u[t]):void 0,i=r?r.ref:u[t],a=r?r.bind:i,o=n(i);e[t]=((0,d.isRef)(o)||typeof o==`function`)&&o!==i&&((0,d.isRef)(a)||typeof a==`function`)?U(a,o):o===void 0||o===i?a:o}else e[t]=n(u[t]);return e},{...o}),h=f?e(s):e,g=(0,p.twMerge)(R(f?{}:s,h).string,R(h).string),_=n?typeof n==`function`?n(l):n:l,v=Object.assign({},u,m,{class:g,style:_}),y=typeof i==`function`?i({props:v,slots:c.children,vnode:(e={})=>(0,d.createVNode)(c.type,typeof e.props==`function`?e.props(v):{...v,...e.props},typeof e.slots==`function`?G(e.slots(c.children)):e.slots===void 0?c.children:c.children!==null&&typeof c.children==`object`&&!Array.isArray(c.children)?{...c.children,...e.slots}:W([].concat(e.slots.default?.()??[])))}):(0,d.createVNode)(c.type,v,([`string`,`number`].includes(typeof i)||(0,d.isVNode)(i)||Array.isArray(i)?{default:()=>W((0,d.isVNode)(i)?[i]:i)}:i)??c.children);return t&&console.log(`debug:`,{vnode:c,props:r,slots:i,output:y,functionalProps:m,finalClasses:g,finalStyles:_,finalProps:v}),{...y,props:{...y.props,...v}}}}}})};function q(e,t){let{modelName:n,setup:r,props:i,slots:a,...o}=e??{};return(0,d.defineComponent)({name:n,props:Object.assign({setup:g},i),setup(){let e=(0,d.ref)();return n=>{let i=Object.entries(o).reduce((t,[r,i])=>Object.assign({},t,{[r]:typeof i==`function`?i(n,e):i}),{}),s=typeof a==`function`?a(n,e):Array.isArray(a)?(()=>a):a;return(0,d.createVNode)(t??y,{...i,...Object.assign({},i,typeof r==`function`?{setup:(e,t)=>r(e,t,new Proxy(n,{get:(e,t)=>(0,d.unref)(e[t])}))}:{}),instance:e},s)}}})}var J=(e,t,n)=>{let r=N(e),i={before:b.on(X(r)).clone(),after:n?b.on(X(r)).set(Z(r,n),t).get():b.on(X(r)).set(t).get()};return`state`in r?i:r.$emit(`update:state`,i)},Y=(e,t,n)=>{let r=N(e),i=b.on(X(r));return t?i.get(Z(r,t),n):i.get()},X=e=>(0,d.unref)(`state`in e?e.state:e.$attrs.state),Z=(e,t)=>typeof e.$attrs[`data:path`]==`function`?e.$attrs[`data:path`](t):t;function Q(e){throw Error(e)}Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return P}});

package/dist/{src-DgPt5VTg.mjs → src-DwXft6y4.mjs}

@@ -131,8 +131,8 @@ var b = class e {
 			vue: t,
 			props: n,
 			context: i
-		}) : `${n.modelName}: @razaman2/reactive-view@0.2.0`), y = p(!1), b = p(!1), x = p(typeof n.defer == "function" ? n.defer() : n.defer), S = typeof n.data == "function", T = S || C(n.data), E = o(), D = E.vnode.props ?? {}, O = (e) => e in D || e.replace(/\B([A-Z])/g, "-$1").toLowerCase() in D, k = n.getDefaultData(O("defaultData") ? n.defaultData : O("data") && Array.isArray(g(D.data)) ? [] : {}), A = Array.isArray(k) ? [] : {}, j = (e, t) => {
-			E && E.vnode.el && (R(L).model.setData(e), E.vnode.el.dispatchEvent(new CustomEvent("emit:data", {
+		}) : `${n.modelName}: @razaman2/reactive-view@0.2.1`), y = p(!1), b = p(!1), x = p(typeof n.defer == "function" ? n.defer() : n.defer), S = typeof n.data == "function", T = S || C(n.data), E = o(), D = E.vnode.props ?? {}, O = (e) => e in D || e.replace(/\B([A-Z])/g, "-$1").toLowerCase() in D, k = n.getDefaultData(O("defaultData") ? n.defaultData : O("data") && Array.isArray(g(D.data)) ? [] : {}), A = Array.isArray(k) ? [] : {}, j = (e, t) => {
+			E && E.vnode.el && (z(L).model.setData(e), E.vnode.el.dispatchEvent(new CustomEvent("emit:data", {
 				bubbles: !0,
 				composed: !0,
 				detail: {
@@ -142,7 +142,7 @@ var b = class e {
 			})));
 		}, M = (r) => new Proxy(r, { get(r, i, a) {
 			return ["setData", "replaceData"].includes(i.toString()) ? (...a) => {
-				let o = R(L).beforeSetData ?? n.beforeSetData;
+				let o = z(L).beforeSetData ?? n.beforeSetData;
 				if (typeof o == "function") {
 					let n = e.on(e.on(r.getData()).clone()), s = new t({
 						data: e.on(r.getData()).clone(),
@@ -150,12 +150,12 @@ var b = class e {
 					});
 					s[i](...a);
 					let c = e.on(s.getData());
-					o(R(L).diff(n, c), r) && r[i](...a);
+					o(z(L).diff(n, c), r) && r[i](...a);
 				} else r[i](...a);
 				return r;
 			} : Reflect.get(r, i, a);
-		} }), P = (e) => c(e) || s(e) ? e : T ? p(A) : Array.isArray(e) || w(e) ? p(N(e)) : p(O("data") ? { "": e } : A), F = {
-			data: P(D.data),
+		} }), N = (e) => c(e) || s(e) ? e : T ? p(A) : Array.isArray(e) || w(e) ? p(P(e)) : p(O("data") ? { "": e } : A), F = {
+			data: N(D.data),
 			defaultData: e.on(k).clone(),
 			notifications: n.notifications,
 			subscriptions: n.subscriptions,
@@ -182,7 +182,7 @@ var b = class e {
 				}
 			}, r = () => e.on(I.getData()).clone();
 			f.run(() => _(r, (r, i) => {
-				let a = R(L).diff(e.on(i), e.on(r));
+				let a = z(L).diff(e.on(i), e.on(r));
 				n.debug && console.debug(`[${n.modelName}]:model`, {
 					diff: a,
 					before: i,
@@ -190,8 +190,8 @@ var b = class e {
 				}), a.changed && t.callback(a, { component: L });
 			}, t.options));
 		}
-		let z = (t, r) => {
-			let a = R(L).diff(e.on(r), e.on(t)), o = i.attrs["data:callback"];
+		let R = (t, r) => {
+			let a = z(L).diff(e.on(r), e.on(t)), o = i.attrs["data:callback"];
 			n.debug && console.debug(`[${n.modelName}]:data`, {
 				diff: a,
 				callback: o,
@@ -201,10 +201,10 @@ var b = class e {
 			}), typeof o == "function" ? o(a, { component: L }) : I.replaceData(t);
 		};
 		if (n.model !== !1 && O("data") && !c(D.data) && !s(D.data) && !T) {
-			let t = (t) => e.on(g(P(t))).clone(), r = t(n.data);
+			let t = (t) => e.on(g(N(t))).clone(), r = t(n.data);
 			f.run(() => _(() => n.data, (n) => {
 				let i = t(n);
-				R(L).diff(e.on(r), e.on(i)).changed && (z(i, r), r = i);
+				z(L).diff(e.on(r), e.on(i)).changed && (R(i, r), r = i);
 			}, {
 				deep: i.attrs["data:deep"],
 				once: i.attrs["data:once"]
@@ -228,7 +228,7 @@ var b = class e {
 				}
 				if (e && !l) {
 					let t = e;
-					f.run(() => _(t, z, {
+					f.run(() => _(t, R, {
 						immediate: i.attrs["data:immediate"] ?? !0,
 						deep: i.attrs["data:deep"],
 						once: i.attrs["data:once"]
@@ -244,16 +244,21 @@ var b = class e {
 					typeof t == "function" ? t(e, { component: L }) : console.error(`${n.modelName}: defer failed.`, e);
 				}
 			}
-		}), L.value = [R(L)].reduce((e, t) => {
+		}), L.value = [z(L)].reduce((e, t) => {
 			for (; t && typeof t.setup == "function" && (e = {
 				parent: e,
 				self: t.setup(L, e) ?? {}
-			}, !R(t.$parent).ReactiveView);) t = R(t.$parent);
+			}, !z(t.$parent).ReactiveView);) t = z(t.$parent);
 			return e;
-		}, L.value), n.instance.value = typeof n.instance == "function" ? n.instance(L.value) : L.value, (e) => b.value ? R(L).template(L, e) : i.slots.loading?.({ component: L });
+		}, L.value), n.instance.value = typeof n.instance == "function" ? n.instance(L.value) : L.value, (e) => b.value ? z(L).template(L, e) : i.slots.loading?.({ component: L });
 	}
-}), E = e.default || e, D = T;
-async function O(e) {
+}), E = e.default || e, D = T, O = Object.freeze({
+	"@razaman2/reactive-view": "0.2.1",
+	...new t().build,
+	...new E().build
+});
+console.log("%c[ReactiveView]: 0.2.1", "background-color: red; color: yellow;", O);
+async function k(e) {
 	let { message: t } = e.loading ?? {};
 	e.loading && (e.loading.status = !0, e.message && (e.loading.message = e.message));
 	try {
@@ -264,7 +269,7 @@ async function O(e) {
 		await e.finally?.(), e.loading && (e.loading.status = !1), e.loading && t && (e.loading.message = t), await e.complete?.();
 	}
 }
-function k(e, t = {}) {
+function A(e, t = {}) {
 	let n = (e) => {
 		let n = t.id ?? `dialog_${e.children.length + 1}`, r = document.createElement("div");
 		return r.setAttribute("id", n), t.placement === "replaceChildren" && Array.from(e.children).forEach((e) => m(null, e)), e[t.placement ?? "appendChild"](r), r;
@@ -283,11 +288,11 @@ function k(e, t = {}) {
 	}), c = t.app ?? document.querySelector("[data-v-app]");
 	c ? s.appContext = c.__vue_app__._context : console.warn("[ReactiveView]: showComponent called without an active app context."), m(s, o);
 }
-function A(e = {}, t) {
+function j(e = {}, t) {
 	let n = Array.isArray(t) || typeof t == "string" ? t : t.exclude, r = (Array.isArray(n) ? n : [n]).join("|"), i = t.include ?? {};
 	return Object.entries(i).reduce((e, [t, n]) => (e[t] = n, e), Object.entries(e).reduce((e, [t, n]) => (RegExp(`(^|\\|)${t}($|\\|)`, "i").test(r) || (e[t] = n), e), {}));
 }
-function j(e, t = {}) {
+function M(e, t = {}) {
 	let n = (e) => {
 		try {
 			let t = (e.type || e).props;
@@ -295,10 +300,10 @@ function j(e, t = {}) {
 		} catch {
 			return !1;
 		}
-	}, i = A(t, "setup"), a = typeof e == "function" ? e : () => (e.type || e).setup ? r(e, e.setup ? {} : i) : e;
+	}, i = j(t, "setup"), a = typeof e == "function" ? e : () => (e.type || e).setup ? r(e, e.setup ? {} : i) : e;
 	return n(e) ? r(e, i) : r(T, i, a);
 }
-function M(e, t) {
+function N(e, t) {
 	let n = Intl.DateTimeFormat().resolvedOptions().timeZone, r = typeof t == "string" ? {
 		format: t,
 		timezone: n
@@ -314,18 +319,18 @@ function M(e, t) {
 		}
 	})(), r.timezone, r.format);
 }
-var N = (e, t = /* @__PURE__ */ new Map()) => {
+var P = (e, t = /* @__PURE__ */ new Map()) => {
 	if (t.has(e)) return t.get(e);
 	if (Array.isArray(e)) {
 		let n = [];
-		return t.set(e, n), e.forEach((e) => n.push(N(e, t))), n;
+		return t.set(e, n), e.forEach((e) => n.push(P(e, t))), n;
 	}
 	if (e?.constructor?.name === "Object") {
 		let n = {};
-		return t.set(e, n), Object.entries(e).forEach(([e, r]) => n[e] = N(r, t)), n;
+		return t.set(e, n), Object.entries(e).forEach(([e, r]) => n[e] = P(r, t)), n;
 	}
 	return e;
-}, P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = (e) => e !== null && ["object", "function"].includes(typeof e), L = (e, t) => {
+}, F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = (e) => e !== null && ["object", "function"].includes(typeof e), R = (e, t) => {
 	let n = h(e), r = () => new Proxy(n, { get(e, n) {
 		let r = { tree: e };
 		do
@@ -339,22 +344,22 @@ var N = (e, t = /* @__PURE__ */ new Map()) => {
 			return t;
 		}
 	} });
-	if (!I(n)) return r();
-	if (t === void 0) return P.has(n) || P.set(n, r()), P.get(n);
-	if (I(t)) {
-		let e = F.get(n) ?? /* @__PURE__ */ new WeakMap();
-		return F.set(n, e), e.has(t) || e.set(t, r()), e.get(t);
+	if (!L(n)) return r();
+	if (t === void 0) return F.has(n) || F.set(n, r()), F.get(n);
+	if (L(t)) {
+		let e = I.get(n) ?? /* @__PURE__ */ new WeakMap();
+		return I.set(n, e), e.has(t) || e.set(t, r()), e.get(t);
 	} else return r();
 };
-function R(e = {}, t) {
+function z(e = {}, t) {
 	try {
 		let n = g(typeof e == "function" ? e() : e) ?? {};
-		return L("instance" in n ? n.instance : n, t);
+		return R("instance" in n ? n.instance : n, t);
 	} catch {
-		return L(e, t);
+		return R(e, t);
 	}
 }
-function z() {
+function B() {
 	let e = [], t = x.get();
 	return {
 		addSubscription(n, r, i) {
@@ -364,7 +369,7 @@ function z() {
 			t.replace(n, r, i), e.push(() => t.unsubscribe(n));
 		},
 		removeSubscriptions() {
-			e.forEach((e) => O({ try: () => e() }));
+			e.forEach((e) => k({ try: () => e() }));
 		},
 		removeSubscription(e) {
 			t.unsubscribe(e);
@@ -376,26 +381,26 @@ function z() {
 		subscription: t
 	};
 }
-var B = (e, t) => typeof t == "string" ? e?.constructor?.name === t : [
+var V = (e, t) => typeof t == "string" ? e?.constructor?.name === t : [
 	String,
 	Number,
 	Boolean,
 	Symbol,
 	BigInt,
 	Function
-].includes(t) ? typeof e === t.name.toLowerCase() : t === Array ? Array.isArray(e) : t === Object ? Object.prototype.toString.call(e) === "[object Object]" : e instanceof t, V = (e = {}) => {
-	let t = "type" in e ? Array.isArray(e.type) ? e.type : [e.type] : [], n = t.filter((e) => typeof e == "function"), r = () => "default" in e ? typeof e.default == "function" ? n.includes(Function) ? () => e.default : e.default : c(e.default) || s(e.default) ? e.default : () => p(N(e.default)) : n.length === 1 && n[0] === Boolean ? () => p(!1) : () => p();
+].includes(t) ? typeof e === t.name.toLowerCase() : t === Array ? Array.isArray(e) : t === Object ? Object.prototype.toString.call(e) === "[object Object]" : e instanceof t, H = (e = {}) => {
+	let t = "type" in e ? Array.isArray(e.type) ? e.type : [e.type] : [], n = t.filter((e) => typeof e == "function"), r = () => "default" in e ? typeof e.default == "function" ? n.includes(Function) ? () => e.default : e.default : c(e.default) || s(e.default) ? e.default : () => p(P(e.default)) : n.length === 1 && n[0] === Boolean ? () => p(!1) : () => p();
 	return {
 		...n.length ? { type: Array.from(new Set(n.concat(Object))) } : {},
 		...e.required ? { required: !0 } : {},
 		default: r(),
 		validator: (n) => {
 			let r = g(n);
-			return typeof e.validator == "function" ? e.validator(r) : !t.length || r == null ? !0 : t.some((e) => B(r, e));
+			return typeof e.validator == "function" ? e.validator(r) : !t.length || r == null ? !0 : t.some((e) => V(r, e));
 		}
 	};
 };
-function H(e = {}) {
+function U(e = {}) {
 	let t = (e, t = !0) => e.split(/(-{[^}]+})/).reduce((e, n) => {
 		let r = /-{(.+?)}/.exec(n);
 		return (r ? r[1] ?? n : n).split(/\s+/).forEach((n) => {
@@ -407,11 +412,11 @@ function H(e = {}) {
 		...t(n, r)
 	}), {});
 }
-function U(...e) {
+function W(...e) {
 	return new Proxy(e.reduce((e, t, n, r) => {
 		let i = r[r.length - n - 1] ?? {};
 		return {
-			...H(typeof i == "function" ? i(r.slice(0, n - 1)) : i),
+			...U(typeof i == "function" ? i(r.slice(0, n - 1)) : i),
 			...e
 		};
 	}, {}), { get: (e, t, n) => {
@@ -419,9 +424,9 @@ function U(...e) {
 		return t === "string" ? r.join(" ") : t === "array" ? r : Reflect.get(e, t, n);
 	} });
 }
-var W = /* @__PURE__ */ new WeakMap(), G = {}, K = (e, t) => {
-	let n = (Array.isArray(e) ? e[0] : e)?.i, r = W.get(n ?? G) ?? /* @__PURE__ */ new Map();
-	if (W.set(n ?? G, r), !r.has(t)) {
+var G = /* @__PURE__ */ new WeakMap(), K = {}, q = (e, t) => {
+	let n = (Array.isArray(e) ? e[0] : e)?.i, r = G.get(n ?? K) ?? /* @__PURE__ */ new Map();
+	if (G.set(n ?? K, r), !r.has(t)) {
 		let e = p(null);
 		r.set(t, {
 			ref: e,
@@ -431,14 +436,14 @@ var W = /* @__PURE__ */ new WeakMap(), G = {}, K = (e, t) => {
 		});
 	}
 	return r.get(t);
-}, q = /* @__PURE__ */ new WeakMap(), J = (e, t) => {
-	let n = q.get(t) ?? /* @__PURE__ */ new WeakMap();
-	return q.set(t, n), n.has(e) || n.set(e, (n) => {
+}, J = /* @__PURE__ */ new WeakMap(), Y = (e, t) => {
+	let n = J.get(t) ?? /* @__PURE__ */ new WeakMap();
+	return J.set(t, n), n.has(e) || n.set(e, (n) => {
 		typeof e == "function" ? e(n) : e.value = n, typeof t == "function" ? t(n) : t.value = n;
 	}), n.get(e);
-}, Y = (e) => Array.isArray(e) ? e.flatMap((e) => Array.isArray(e) ? Y(e) : l(e) && e.type === n && e.key === null && Array.isArray(e.children) ? Y(e.children) : [e]) : e, X = (e) => l(e) && e.type === n && e.key === null ? Y([e]) : Y(e), Z = (...e) => {
+}, X = (e) => Array.isArray(e) ? e.flatMap((e) => Array.isArray(e) ? X(e) : l(e) && e.type === n && e.key === null && Array.isArray(e.children) ? X(e.children) : [e]) : e, Z = (e) => l(e) && e.type === n && e.key === null ? X([e]) : X(e), ee = (...e) => {
 	let t = e[1];
-	return new Proxy(R(e[0]), { get: (e, n) => {
+	return new Proxy(z(e[0]), { get: (e, n) => {
 		if (n === "then" || typeof n == "symbol" || typeof n == "string" && n.startsWith("__v_")) return Reflect.get(e, n);
 		if (typeof e[n] != "function") throw Error(`${String(n)} does not exist as vnode on component.`);
 		return (i = {}, a) => {
@@ -450,11 +455,11 @@ var W = /* @__PURE__ */ new WeakMap(), G = {}, K = (e, t) => {
 						...n(...e)
 					}));
 					else if (t === "ref") {
-						let r = typeof p[t] == "string" ? K(d.ref, p[t]) : void 0, i = r ? r.ref : p[t], a = r ? r.bind : i, o = n(i);
-						e[t] = (c(o) || typeof o == "function") && o !== i && (c(a) || typeof a == "function") ? J(a, o) : o === void 0 || o === i ? a : o;
+						let r = typeof p[t] == "string" ? q(d.ref, p[t]) : void 0, i = r ? r.ref : p[t], a = r ? r.bind : i, o = n(i);
+						e[t] = (c(o) || typeof o == "function") && o !== i && (c(a) || typeof a == "function") ? Y(a, o) : o === void 0 || o === i ? a : o;
 					} else e[t] = n(p[t]);
 					return e;
-				}, { ...s }), g = m ? e(u) : e, _ = y(U(m ? {} : u, g).string, U(g).string), v = n ? typeof n == "function" ? n(f) : n : f, b = Object.assign({}, p, h, {
+				}, { ...s }), g = m ? e(u) : e, _ = y(W(m ? {} : u, g).string, W(g).string), v = n ? typeof n == "function" ? n(f) : n : f, b = Object.assign({}, p, h, {
 					class: _,
 					style: v
 				}), x = typeof a == "function" ? a({
@@ -463,11 +468,11 @@ var W = /* @__PURE__ */ new WeakMap(), G = {}, K = (e, t) => {
 					vnode: (e = {}) => r(d.type, typeof e.props == "function" ? e.props(b) : {
 						...b,
 						...e.props
-					}, typeof e.slots == "function" ? X(e.slots(d.children)) : e.slots === void 0 ? d.children : d.children !== null && typeof d.children == "object" && !Array.isArray(d.children) ? {
+					}, typeof e.slots == "function" ? Z(e.slots(d.children)) : e.slots === void 0 ? d.children : d.children !== null && typeof d.children == "object" && !Array.isArray(d.children) ? {
 						...d.children,
 						...e.slots
-					} : Y([].concat(e.slots.default?.() ?? [])))
-				}) : r(d.type, b, (["string", "number"].includes(typeof a) || l(a) || Array.isArray(a) ? { default: () => Y(l(a) ? [a] : a) } : a) ?? d.children);
+					} : X([].concat(e.slots.default?.() ?? [])))
+				}) : r(d.type, b, (["string", "number"].includes(typeof a) || l(a) || Array.isArray(a) ? { default: () => X(l(a) ? [a] : a) } : a) ?? d.children);
 				return t && console.log("debug:", {
 					vnode: d,
 					props: i,
@@ -488,7 +493,7 @@ var W = /* @__PURE__ */ new WeakMap(), G = {}, K = (e, t) => {
 		};
 	} });
 };
-function ee(e, t) {
+function te(e, t) {
 	let { modelName: n, setup: a, props: o, slots: s, ...c } = e ?? {};
 	return i({
 		name: n,
@@ -506,18 +511,18 @@ function ee(e, t) {
 		}
 	});
 }
-var te = (e, t, n) => {
-	let r = R(e), i = {
+var ne = (e, t, n) => {
+	let r = z(e), i = {
 		before: E.on(Q(r)).clone(),
 		after: n ? E.on(Q(r)).set($(r, n), t).get() : E.on(Q(r)).set(t).get()
 	};
 	return "state" in r ? i : r.$emit("update:state", i);
-}, ne = (e, t, n) => {
-	let r = R(e), i = E.on(Q(r));
+}, re = (e, t, n) => {
+	let r = z(e), i = E.on(Q(r));
 	return t ? i.get($(r, t), n) : i.get();
 }, Q = (e) => g("state" in e ? e.state : e.$attrs.state), $ = (e, t) => typeof e.$attrs["data:path"] == "function" ? e.$attrs["data:path"](t) : t;
-function re(e) {
+function ie(e) {
 	throw Error(e);
 }
 //#endregion
-export { re as _, N as a, Z as c, A as d, j as f, D as g, k as h, R as i, ne as l, te as m, V as n, $ as o, O as p, H as r, ee as s, U as t, M as u, z as v, S as y };
+export { D as _, O as a, S as b, te as c, N as d, j as f, A as g, ne as h, z as i, ee as l, k as m, H as n, P as o, M as p, U as r, $ as s, W as t, re as u, ie as v, B as y };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "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",

package/dist/src-CB2Ym95H.js

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`@razaman2/object-manager`);l=c(l);let u=require(`@razaman2/data-manager`);u=c(u);let d=require(`vue`),f=require(`date-fns-tz`),p=require(`tailwind-merge`);var m=class e{subscriptions=[];data={};static create(){return new e}subscribe(e,t,n){return this.isNameAvailable(e)&&(this.subscriptions.push({name:e,handler:t}),this.data[e]=n),this}replace(e,t,n){return this.unsubscribe(e),this.subscribe(e,t,n)}unsubscribe(e){Array.isArray(e)||(e=e?[e]:[]);let t=e=>console.log(`%cUnsubscribed From Subscription (${e})`,`background-color: yellow; color: green; font-weight: bold; padding: 3px;`);return e.length?e.forEach(e=>{let n=this.find(e);n&&(n.handler(),this.remove(n),t(e))}):(this.subscriptions.forEach(e=>{e.handler(),t(e.name)}),this.subscriptions=[]),this}size(){return this.subscriptions.length}hasSubscription(e){return!!this.find(e)}remove(e){this.subscriptions.splice(this.subscriptions.indexOf(e),1)}find(e){return this.subscriptions.find(t=>t.name===e)}isNameAvailable(e){if(this.hasSubscription(e))throw Error(`There is already a subscription called "${e}".`);return!0}registrations(){return this.subscriptions}get(e){let t=this.find(e);if(t)return t;throw Error(`Subscription "${e}" doesn't exist!`)}},h=class e extends m{static subscriptions=e.create();static get(){return this.subscriptions}},g={type:Function,default:(e={},t={})=>t,ReactiveView:!0},_=e=>typeof e?.then==`function`,v=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},y=(0,d.defineComponent)({props:{setup:{},beta:[Boolean,String],ReactiveView:{type:Boolean,default:!0},instance:{default:()=>(0,d.ref)()},notifications:Object,subscriptions:Object,beforeSetData:Function,data:{default:()=>(0,d.ref)({})},defaultData:{},getDefaultData:{type:Function,default:e=>e},model:{},defer:{},logging:{validator:e=>typeof e==`boolean`},modelName:{type:String,default:`ReactiveView`},debug:{type:Boolean,default:!1},state:{default:()=>(0,d.reactive)({})}},setup(e,t){let n=!1,r=(0,d.effectScope)();(0,d.onBeforeUnmount)(()=>{n=!0,r.stop()});let i=(e,t)=>{let n=!1,r=Array.from(new Set(e.paths().concat(t.paths())));if(r.includes(``))return n=r.some(n=>e.get(n)!==t.get(n)),{before:e.get(),after:t.get(),changes:n?t.get():{},changed:n};let i=r.reduce((r,i)=>(e.get(i)!==t.get(i)&&(r.set(i,t.get(i)),n=!0),r),l.default.on({}));return{before:e.get(),after:t.get(),changes:i.get(),changed:n}},a=e=>{let n=t.attrs[`data:path`];return typeof n==`function`?n(e):e},o=(n,r)=>(0,d.createVNode)(`div`,t.slots.default?t.attrs:{style:{color:`red`,textAlign:`center`},...t.attrs},t.slots.default?t.slots.default({component:n,vue:r,props:e,context:t}):`${e.modelName}: @razaman2/reactive-view@0.2.0`),s=(0,d.ref)(!1),c=(0,d.ref)(!1),f=(0,d.ref)(typeof e.defer==`function`?e.defer():e.defer),p=typeof e.data==`function`,m=p||_(e.data),h=(0,d.getCurrentInstance)(),g=h.vnode.props??{},y=e=>e in g||e.replace(/\B([A-Z])/g,`-$1`).toLowerCase()in g,b=e.getDefaultData(y(`defaultData`)?e.defaultData:y(`data`)&&Array.isArray((0,d.unref)(g.data))?[]:{}),x=Array.isArray(b)?[]:{},S=(e,t)=>{h&&h.vnode.el&&(M(O).model.setData(e),h.vnode.el.dispatchEvent(new CustomEvent(`emit:data`,{bubbles:!0,composed:!0,detail:{before:t,after:e}})))},C=t=>new Proxy(t,{get(t,n,r){return[`setData`,`replaceData`].includes(n.toString())?(...r)=>{let i=M(O).beforeSetData??e.beforeSetData;if(typeof i==`function`){let e=l.default.on(l.default.on(t.getData()).clone()),a=new u.default({data:l.default.on(t.getData()).clone(),defaultData:l.default.on(b).clone()});a[n](...r);let o=l.default.on(a.getData());i(M(O).diff(e,o),t)&&t[n](...r)}else t[n](...r);return t}:Reflect.get(t,n,r)}}),w=e=>(0,d.isRef)(e)||(0,d.isReactive)(e)?e:m?(0,d.ref)(x):Array.isArray(e)||v(e)?(0,d.ref)(D(e)):(0,d.ref)(y(`data`)?{"":e}:x),T={data:w(g.data),defaultData:l.default.on(b).clone(),notifications:e.notifications,subscriptions:e.subscriptions,name:e.modelName,logging:e.logging},E=e.model?typeof e.model==`function`?e.model(T):e.model:u.default.setConfig({beforeGetData:e=>(0,d.isRef)(e)?(0,d.unref)(e):e},T),O=(0,d.ref)({parent:{self:h.proxy},self:{template:o,diff:i,emit:S,dataPath:a,model:C(E),isValid:s}});if(t.attrs[`onUpdate:model`]||t.attrs[`update:model`]){let n={callback:typeof t.attrs[`onUpdate:model`]==`function`?t.attrs[`onUpdate:model`]:t.attrs[`update:model`],options:{immediate:t.attrs[`model:immediate`],deep:t.attrs[`model:deep`],once:t.attrs[`model:once`]}},i=()=>l.default.on(E.getData()).clone();r.run(()=>(0,d.watch)(i,(t,r)=>{let i=M(O).diff(l.default.on(r),l.default.on(t));e.debug&&console.debug(`[${e.modelName}]:model`,{diff:i,before:r,after:t}),i.changed&&n.callback(i,{component:O})},n.options))}let k=(n,r)=>{let i=M(O).diff(l.default.on(r),l.default.on(n)),a=t.attrs[`data:callback`];e.debug&&console.debug(`[${e.modelName}]:data`,{diff:i,callback:a,props:e,context:t,component:O}),typeof a==`function`?a(i,{component:O}):E.replaceData(n)};if(e.model!==!1&&y(`data`)&&!(0,d.isRef)(g.data)&&!(0,d.isReactive)(g.data)&&!m){let n=e=>l.default.on((0,d.unref)(w(e))).clone(),i=n(e.data);r.run(()=>(0,d.watch)(()=>e.data,e=>{let t=n(e);M(O).diff(l.default.on(i),l.default.on(t)).changed&&(k(t,i),i=t)},{deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}return(0,d.nextTick)(async()=>{if(e.model!==!1&&m){y(`defaultData`)||console.warn(`${e.modelName}: defaultData is required for promise or function data.`,e.data);let i;try{let t=p?e.data():e.data;if(_(t)){let[e]=await Promise.all([t,f.value??!0]);i=()=>e}else i=e.data}catch(r){if(!n){let n=t.attrs[`data:error`];typeof n==`function`?n(r,{component:O}):console.error(`${e.modelName}: failed to load data.`,r)}}if(i&&!n){let e=i;r.run(()=>(0,d.watch)(e,k,{immediate:t.attrs[`data:immediate`]??!0,deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}}}),(0,d.nextTick)(async()=>{try{c.value=await f.value??!0}catch(r){if(!n){let n=t.attrs[`defer:error`];typeof n==`function`?n(r,{component:O}):console.error(`${e.modelName}: defer failed.`,r)}}}),O.value=[M(O)].reduce((e,t)=>{for(;t&&typeof t.setup==`function`&&(e={parent:e,self:t.setup(O,e)??{}},!M(t.$parent).ReactiveView);)t=M(t.$parent);return e},O.value),e.instance.value=typeof e.instance==`function`?e.instance(O.value):O.value,e=>c.value?M(O).template(O,e):t.slots.loading?.({component:O})}}),b=l.default.default||l.default,x=y;async function S(e){let{message:t}=e.loading??{};e.loading&&(e.loading.status=!0,e.message&&(e.loading.message=e.message));try{return await e.try()}catch(t){if(e.alternative??!0)return e.catch?await e.catch(t):console.log(t)}finally{await e.finally?.(),e.loading&&(e.loading.status=!1),e.loading&&t&&(e.loading.message=t),await e.complete?.()}}function C(e,t={}){let n=e=>{let n=t.id??`dialog_${e.children.length+1}`,r=document.createElement(`div`);return r.setAttribute(`id`,n),t.placement===`replaceChildren`&&Array.from(e.children).forEach(e=>(0,d.render)(null,e)),e[t.placement??`appendChild`](r),r},r=e=>{let t=document.getElementById(e);if(t)return n(t);{let t=document.createElement(`div`);return t.setAttribute(`id`,e),document.body.appendChild(t),n(t)}},i=t.container||`app-dialogs`,a=r(i),o=(0,d.createVNode)({setup:()=>()=>e},{container:i,unmount:()=>{(0,d.render)(null,a),a.remove()}}),s=t.app??document.querySelector(`[data-v-app]`);s?o.appContext=s.__vue_app__._context:console.warn(`[ReactiveView]: showComponent called without an active app context.`),(0,d.render)(o,a)}function w(e={},t){let n=Array.isArray(t)||typeof t==`string`?t:t.exclude,r=(Array.isArray(n)?n:[n]).join(`|`),i=t.include??{};return Object.entries(i).reduce((e,[t,n])=>(e[t]=n,e),Object.entries(e).reduce((e,[t,n])=>(RegExp(`(^|\\|)${t}($|\\|)`,`i`).test(r)||(e[t]=n),e),{}))}function T(e,t={}){let n=e=>{try{let t=(e.type||e).props;return t&&Object.prototype.hasOwnProperty.call(t,`model`)}catch{return!1}},r=w(t,`setup`),i=typeof e==`function`?e:()=>(e.type||e).setup?(0,d.createVNode)(e,e.setup?{}:r):e;return n(e)?(0,d.createVNode)(e,r):(0,d.createVNode)(y,r,i)}function E(e,t){let n=Intl.DateTimeFormat().resolvedOptions().timeZone,r=typeof t==`string`?{format:t,timezone:n}:{format:t?.format??`MM/dd/yyyy h:mm a`,timezone:t?.timezone??n};return(0,f.formatInTimeZone)((()=>{try{return e instanceof Date?e:e.toDate()}catch{return new Date}})(),r.timezone,r.format)}var D=(e,t=new Map)=>{if(t.has(e))return t.get(e);if(Array.isArray(e)){let n=[];return t.set(e,n),e.forEach(e=>n.push(D(e,t))),n}if(e?.constructor?.name===`Object`){let n={};return t.set(e,n),Object.entries(e).forEach(([e,r])=>n[e]=D(r,t)),n}return e},O=new WeakMap,k=new WeakMap,A=e=>e!==null&&[`object`,`function`].includes(typeof e),j=(e,t)=>{let n=(0,d.toRaw)(e),r=()=>new Proxy(n,{get(e,n){let r={tree:e};do if(n in r.tree)return r.tree[n];else if(`self`in r.tree&&n in r.tree.self)return r.tree.self[n];else r.tree=`parent`in r.tree&&r.tree.parent;while(r.tree);try{return new t}catch{return t}}});if(!A(n))return r();if(t===void 0)return O.has(n)||O.set(n,r()),O.get(n);if(A(t)){let e=k.get(n)??new WeakMap;return k.set(n,e),e.has(t)||e.set(t,r()),e.get(t)}else return r()};function M(e={},t){try{let n=(0,d.unref)(typeof e==`function`?e():e)??{};return j(`instance`in n?n.instance:n,t)}catch{return j(e,t)}}function N(){let e=[],t=h.get();return{addSubscription(n,r,i){t.subscribe(n,r,i),e.push(()=>t.unsubscribe(n))},replaceSubscription(n,r,i){t.replace(n,r,i),e.push(()=>t.unsubscribe(n))},removeSubscriptions(){e.forEach(e=>S({try:()=>e()}))},removeSubscription(e){t.unsubscribe(e)},hasSubscription(e){return t.hasSubscription(e)},subscriptions:e,subscription:t}}var P=(e,t)=>typeof t==`string`?e?.constructor?.name===t:[String,Number,Boolean,Symbol,BigInt,Function].includes(t)?typeof e===t.name.toLowerCase():t===Array?Array.isArray(e):t===Object?Object.prototype.toString.call(e)===`[object Object]`:e instanceof t,F=(e={})=>{let t=`type`in e?Array.isArray(e.type)?e.type:[e.type]:[],n=t.filter(e=>typeof e==`function`),r=()=>`default`in e?typeof e.default==`function`?n.includes(Function)?()=>e.default:e.default:(0,d.isRef)(e.default)||(0,d.isReactive)(e.default)?e.default:()=>(0,d.ref)(D(e.default)):n.length===1&&n[0]===Boolean?()=>(0,d.ref)(!1):()=>(0,d.ref)();return{...n.length?{type:Array.from(new Set(n.concat(Object)))}:{},...e.required?{required:!0}:{},default:r(),validator:n=>{let r=(0,d.unref)(n);return typeof e.validator==`function`?e.validator(r):!t.length||r==null?!0:t.some(e=>P(r,e))}}};function I(e={}){let t=(e,t=!0)=>e.split(/(-{[^}]+})/).reduce((e,n)=>{let r=/-{(.+?)}/.exec(n);return(r?r[1]??n:n).split(/\s+/).forEach(n=>{n&&Object.assign(e,{[n]:r?!1:t})}),e},{});return Array.isArray(e)?e.reduce((e,n)=>Object.assign(t(n),e),{}):typeof e==`string`?t(e):Object.entries(e).reduce((e,[n,r])=>({...e,...t(n,r)}),{})}function L(...e){return new Proxy(e.reduce((e,t,n,r)=>{let i=r[r.length-n-1]??{};return{...I(typeof i==`function`?i(r.slice(0,n-1)):i),...e}},{}),{get:(e,t,n)=>{let r=Object.entries(e).reduce((e,[t,n])=>n?e.concat(t):e,[]);return t===`string`?r.join(` `):t===`array`?r:Reflect.get(e,t,n)}})}var R=new WeakMap,z={},B=(e,t)=>{let n=(Array.isArray(e)?e[0]:e)?.i,r=R.get(n??z)??new Map;if(R.set(n??z,r),!r.has(t)){let e=(0,d.ref)(null);r.set(t,{ref:e,bind:r=>{e.value=r,n&&(Object.isFrozen(n.refs)&&(n.refs={}),n.refs[t]=r,n.setupState&&Object.hasOwn(n.setupState,t)&&(n.setupState[t]=r))}})}return r.get(t)},V=new WeakMap,H=(e,t)=>{let n=V.get(t)??new WeakMap;return V.set(t,n),n.has(e)||n.set(e,n=>{typeof e==`function`?e(n):e.value=n,typeof t==`function`?t(n):t.value=n}),n.get(e)},U=e=>Array.isArray(e)?e.flatMap(e=>Array.isArray(e)?U(e):(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null&&Array.isArray(e.children)?U(e.children):[e]):e,W=e=>(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null?U([e]):U(e),G=(...e)=>{let t=e[1];return new Proxy(M(e[0]),{get:(e,n)=>{if(n===`then`||typeof n==`symbol`||typeof n==`string`&&n.startsWith(`__v_`))return Reflect.get(e,n);if(typeof e[n]!=`function`)throw Error(`${String(n)} does not exist as vnode on component.`);return(r={},i)=>{let[a,...o]=Array.isArray(r)?r:[r],s=e[n].call(e,...o),c=Array.isArray(s)?s[0]:s;if(c){let{class:e,style:n,...o}=a,{class:s,style:l,...u}=c.props??{},f=typeof e==`function`,m=Object.entries(o).reduce((e,[t,n])=>{if(typeof n==`function`)if(t===`setup`)u.setup&&(e[t]=(...e)=>({...u[t](...e),...n(...e)}));else if(t===`ref`){let r=typeof u[t]==`string`?B(c.ref,u[t]):void 0,i=r?r.ref:u[t],a=r?r.bind:i,o=n(i);e[t]=((0,d.isRef)(o)||typeof o==`function`)&&o!==i&&((0,d.isRef)(a)||typeof a==`function`)?H(a,o):o===void 0||o===i?a:o}else e[t]=n(u[t]);return e},{...o}),h=f?e(s):e,g=(0,p.twMerge)(L(f?{}:s,h).string,L(h).string),_=n?typeof n==`function`?n(l):n:l,v=Object.assign({},u,m,{class:g,style:_}),y=typeof i==`function`?i({props:v,slots:c.children,vnode:(e={})=>(0,d.createVNode)(c.type,typeof e.props==`function`?e.props(v):{...v,...e.props},typeof e.slots==`function`?W(e.slots(c.children)):e.slots===void 0?c.children:c.children!==null&&typeof c.children==`object`&&!Array.isArray(c.children)?{...c.children,...e.slots}:U([].concat(e.slots.default?.()??[])))}):(0,d.createVNode)(c.type,v,([`string`,`number`].includes(typeof i)||(0,d.isVNode)(i)||Array.isArray(i)?{default:()=>U((0,d.isVNode)(i)?[i]:i)}:i)??c.children);return t&&console.log(`debug:`,{vnode:c,props:r,slots:i,output:y,functionalProps:m,finalClasses:g,finalStyles:_,finalProps:v}),{...y,props:{...y.props,...v}}}}}})};function K(e,t){let{modelName:n,setup:r,props:i,slots:a,...o}=e??{};return(0,d.defineComponent)({name:n,props:Object.assign({setup:g},i),setup(){let e=(0,d.ref)();return n=>{let i=Object.entries(o).reduce((t,[r,i])=>Object.assign({},t,{[r]:typeof i==`function`?i(n,e):i}),{}),s=typeof a==`function`?a(n,e):Array.isArray(a)?(()=>a):a;return(0,d.createVNode)(t??y,{...i,...Object.assign({},i,typeof r==`function`?{setup:(e,t)=>r(e,t,new Proxy(n,{get:(e,t)=>(0,d.unref)(e[t])}))}:{}),instance:e},s)}}})}var q=(e,t,n)=>{let r=M(e),i={before:b.on(Y(r)).clone(),after:n?b.on(Y(r)).set(X(r,n),t).get():b.on(Y(r)).set(t).get()};return`state`in r?i:r.$emit(`update:state`,i)},J=(e,t,n)=>{let r=M(e),i=b.on(Y(r));return t?i.get(X(r,t),n):i.get()},Y=e=>(0,d.unref)(`state`in e?e.state:e.$attrs.state),X=(e,t)=>typeof e.$attrs[`data:path`]==`function`?e.$attrs[`data:path`](t):t;function Z(e){throw Error(e)}Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return g}});