@joystick.js/ui-canary 0.0.0-canary.2 → 0.0.0-canary.3

package/dist/component/class/data/compile.js

@@ -1 +1 @@
-var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var a=(t="",r=[])=>{try{console.error(`${t} failed with the following errors:`),r.forEach(e=>{console.log(e.message),e.stack&&console.log(e.stack)})}catch(e){o(t,e)}};var p=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var g=async(t={})=>{try{let r=await t.text();return p(r)}catch(r){o("api.get.handleParseResponse",r)}},y=(t="",r={})=>{try{return typeof window.fetch!="undefined"&&!r?.skip?new Promise((e,s)=>{let n=r.input?JSON.stringify(r.input):null,d=r.output?JSON.stringify(r.output):null,f=`${window.location.origin}/api/_getters/${t}?input=${n}&output=${d}`,c=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(f,{method:"GET",mode:"cors",headers:{...r?.headers||{},"x-joystick-csrf":c},credentials:"include"}).then(async i=>{let u=await g(i);return u?.errors?(a("get request",u.errors),s(u)):e(u)}).catch(i=>(a("get request",[i]),s({errors:[i]})))}):Promise.resolve()}catch(e){o("get request",e)}};var F=async(t={})=>{try{let r=await t.text();return p(r)}catch(r){o("api.set.handleParseResponse",r)}},k=(t={})=>{try{return JSON.stringify(t)}catch(r){o("api.set.getBody",r)}},m=(t="",r={})=>{try{return typeof window.fetch!="undefined"?new Promise((e,s)=>{let n=`${window.location.origin}/api/_setters/${t}`,d=k(r),f=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(n,{method:"POST",mode:"cors",headers:{...r?.headers||{},"Content-Type":"application/json","x-joystick-csrf":f},body:d,credentials:"include"}).then(async c=>{let i=await F(c);return i?.errors?(a("set request",i.errors),s(i)):e(i)}).catch(c=>(a("set request",[c]),s({errors:[c]})))}):Promise.resolve()}catch(e){o("set request",e)}};var l={get:y,set:m};var h=t=>{try{return typeof t=="function"}catch(r){o("types.isFunction",r)}};var w=async(t={},r={},e={},s={})=>{try{if(s?.options?.data&&h(s.options.data)){let n=await s.options.data(t,r,e,s);return Promise.resolve(n)}return Promise.resolve()}catch(n){o("component.data.fetch",n)}};var x=(t={},r={},e={})=>{try{return{...t,refetch:async(s={})=>{let n=await w(l,r,s,e);return e.data=x(n,r,e),window.__joystick_data__[e?.id]=n,e.render({afterRefetchDataRender:()=>{e?.lifecycle?.onRefetchData&&e?.lifecycle?.onRefetchData(e)}}),n}}}catch(s){o("component.data.compile",s)}},v=x;export{v as default};
+var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var c=(t="",r=[])=>{try{console.error(`${t} failed with the following errors:`),r.forEach(e=>{console.log(e.message),e.stack&&console.log(e.stack)})}catch(e){o(t,e)}};var p=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var g=async(t={})=>{try{let r=await t.text();return p(r)}catch(r){o("api.get.handleParseResponse",r)}},y=(t="",r={})=>{try{return typeof window.fetch!="undefined"&&!r?.skip?new Promise((e,s)=>{let i=r.input?JSON.stringify(r.input):null,d=r.output?JSON.stringify(r.output):null,f=`${window.location.origin}/api/_getters/${t}?input=${i}&output=${d}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(f,{method:"GET",mode:"cors",headers:{...r?.headers||{},"x-joystick-csrf":a},credentials:"include"}).then(async n=>{let u=await g(n);return u?.errors?(c("get request",u.errors),s(u)):e(u)}).catch(n=>(c("get request",[n]),s({errors:[n]})))}):Promise.resolve()}catch(e){o("get request",e)}};var F=async(t={})=>{try{let r=await t.text();return p(r)}catch(r){o("api.set.handleParseResponse",r)}},k=(t={})=>{try{return JSON.stringify(t)}catch(r){o("api.set.getBody",r)}},m=(t="",r={})=>{try{return typeof window.fetch!="undefined"?new Promise((e,s)=>{let i=`${window.location.origin}/api/_setters/${t}`,d=k(r),f=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(i,{method:"POST",mode:"cors",headers:{...r?.headers||{},"Content-Type":"application/json","x-joystick-csrf":f},body:d,credentials:"include"}).then(async a=>{let n=await F(a);return n?.errors?(c("set request",n.errors),s(n)):e(n)}).catch(a=>(c("set request",[a]),s({errors:[a]})))}):Promise.resolve()}catch(e){o("set request",e)}};var l={get:y,set:m};var h=t=>{try{return typeof t=="function"}catch(r){o("types.isFunction",r)}};var w=async(t={},r={},e={},s={})=>{try{if(s?.options?.data&&h(s.options.data)){let i=await s.options.data(t,r,e,s);return Promise.resolve(i)}return Promise.resolve()}catch(i){o("component.data.fetch",i)}};var x=(t={},r={},e={})=>{try{return{...t,refetch:async(s={})=>{let i=await w(l,r,s,e);return e.data=x(i,r,e),window.__joystick_data__[e?.id]=i,e.render({afterRefetchDataRender:()=>{e?.lifecycle?.onRefetchData&&e?.lifecycle?.onRefetchData(e)}}),i}}}catch(s){o("component.data.compile",s)}},v=x;export{v as default};

package/dist/component/class/events/_registerListeners.js

@@ -1 +1 @@
-var c=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var p=(e={})=>{try{return Object.entries(e).map(([t,r])=>{let[s,...i]=t.split(" ");return{type:s.toLowerCase(),selector:i.join(" "),handler:r}})}catch(t){c("component.events.serialize",t)}};var l=e=>{try{return typeof e=="function"}catch(t){c("types.isFunction",t)}};var m=(e={})=>{try{if(e.lifecycle&&e.lifecycle.onBeforeUnmount&&l(e.lifecycle.onBeforeUnmount)){let t=function(){e.lifecycle.onBeforeUnmount(e)};window.removeEventListener("beforeunload",t),window.addEventListener("beforeunload",t)}}catch(t){c("component.events.registerListeners.attachOnBeforeUnmount",t)}},y=(e={},t=[],r={})=>{let s=e.instance.options.events||e.instance.dragDrop?{...e.instance.options?.events||{},...e.instance.dragDrop?.events||{}}:{},i=Object.keys(s).length>0;if(m(e.instance),i&&t.push({id:e.id,instanceId:e.instance.instanceId,events:p(s).map(n=>{let o=document.querySelectorAll(`body [js-i="${e.instance.instanceId}"] ${n.selector}`);return{...n,eventListener:function(a){Object.defineProperty(a,"target",{value:a.composedPath()[0]}),n.handler(a,{...e.instance||{},setState:e?.instance?.setState.bind(e.instance),...r||{}})},elements:o?.length>0?o:[]}}),instance:e.instance}),e?.children?.length>0)for(let n=0;n<e?.children?.length;n+=1){let o=e?.children[n];y(o,t,r)}return t},j=(e={})=>{setTimeout(()=>{let t=y(window.joystick._internal.tree,[],e);for(let r=0;r<t?.length;r+=1){let s=t[r];for(let i=0;i<s?.events?.length;i+=1){let n=s.events[i];for(let o=0;o<n?.elements?.length;o+=1)n.elements[o].addEventListener(n.type,n.eventListener)}}window.joystick._internal.eventListeners=t},0)};export{j as default};
+var c=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var p=(e={})=>{try{return Object.entries(e).map(([t,r])=>{let[s,...i]=t.split(" ");return{type:s.toLowerCase(),selector:i.join(" "),handler:r}})}catch(t){c("component.events.serialize",t)}};var l=e=>{try{return typeof e=="function"}catch(t){c("types.isFunction",t)}};var f=(e={})=>{try{if(e.lifecycle&&e.lifecycle.onBeforeUnmount&&l(e.lifecycle.onBeforeUnmount)){let t=function(){e.lifecycle.onBeforeUnmount(e)};window.removeEventListener("beforeunload",t),window.addEventListener("beforeunload",t)}}catch(t){c("component.events.registerListeners.attachOnBeforeUnmount",t)}},y=(e={},t=[],r={})=>{let s=e.instance.options.events||e.instance.dragDrop?{...e.instance.options?.events||{},...e.instance.dragDrop?.events||{}}:{},i=Object.keys(s).length>0;if(f(e.instance),i&&t.push({id:e.id,instanceId:e.instance.instanceId,events:p(s).map(n=>{let o=document.querySelectorAll(`body [js-i="${e.instance.instanceId}"] ${n.selector}`);return{...n,eventListener:function(a){Object.defineProperty(a,"target",{value:a.composedPath()[0]}),n.handler(a,{...e.instance||{},setState:e?.instance?.setState.bind(e.instance),...r||{}})},elements:o?.length>0?o:[]}}),instance:e.instance}),e?.children?.length>0)for(let n=0;n<e?.children?.length;n+=1){let o=e?.children[n];y(o,t,r)}return t},j=(e={})=>{setTimeout(()=>{let t=y(window.joystick._internal.tree,[],e);for(let r=0;r<t?.length;r+=1){let s=t[r];for(let i=0;i<s?.events?.length;i+=1){let n=s.events[i];for(let o=0;o<n?.elements?.length;o+=1)n.elements[o].addEventListener(n.type,n.eventListener)}}window.joystick._internal.eventListeners=t},0)};export{j as default};

package/dist/component/class/events/_unregisterListeners.js

@@ -1 +1 @@
-var m=()=>{setTimeout(()=>{let o=window.joystick._internal.eventListeners;for(let e=0;e<o?.length;e+=1){let s=o[e];for(let r=0;r<s?.events?.length;r+=1){let t=s.events[r];for(let n=0;n<t?.elements?.length;n+=1)t.elements[n].removeEventListener(t.type,t.eventListener)}}},0)};export{m as default};
+var l=()=>{setTimeout(()=>{let o=window.joystick._internal.eventListeners;for(let e=0;e<o?.length;e+=1){let s=o[e];for(let r=0;r<s?.events?.length;r+=1){let t=s.events[r];for(let n=0;n<t?.elements?.length;n+=1)t.elements[n].removeEventListener(t.type,t.eventListener)}}},0)};export{l as default};

package/dist/component/class/options/validateOptions.js

@@ -1 +1 @@
-var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var p=["render"];var c=(e={})=>{try{return p.every(t=>Object.keys(e).includes(t))}catch(t){o("component.hasAllRequiredOptions",t)}};var m=["_componentId","_ssrId","api","dataFromSSR","existingProps","existingState","instanceId","parent","req","css","data","defaultProps","events","id","lifecycle","methods","name","props","render","state","translations","url","websockets","wrapper"];var l=e=>{try{return!!Array.isArray(e)}catch(t){o("types.isArray",t)}};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var i=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var s=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var d=(e=null)=>{try{!s(e)&&!r(e)&&!i(e)&&o("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(t){o("component.optionValidators.css",t)}};var u=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var f=(e=null)=>{try{i(e)||o("component.optionValidators.events","options.events must be an object.");for(let t of Object.keys(e)){let[n]=t.split(" ");u.includes(n)||o("component.optionValidators.events",`${n} is not a supported JavaScript event type.`)}for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.events",`options.events.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.events",t)}};var y=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var w=(e=null)=>{try{i(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,n]of Object.entries(e))y.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(n)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};var b=(e=null)=>{try{i(e)||o("component.optionValidators.methods","options.methods must be an object.");for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.methods",`options.methods.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.methods",t)}};var h=(e=null)=>{typeof e!="string"&&o("component.optionValidators.name","options.name must be a string.")};var g=(e=null)=>{try{r(e)||o("component.optionValidators.render","options.render must be a function returning a string.")}catch(t){o("component.optionValidators.render",t)}};var x=(e=null)=>{try{r(e)||o("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(t){o("component.optionValidators.websockets",t)}};var k=(e=null)=>{try{i(e)||o("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,n]of Object.entries(e))t==="id"&&!s(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!l(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){o("component.optionValidators.wrapper",t)}};var F={css:d,events:f,lifecycle:w,methods:b,name:h,render:g,websockets:x,wrapper:k};var gt=(e={})=>{try{c(e)||o("component.validateOptions",`component options must include ${required.options.join(",")}.`);for(let[t,n]of Object.entries(e)){m.includes(t)||o("component.validateOptions",`${t} is not supported by joystick.component.`);let a=F[t];a&&r(a)&&a(n)}}catch(t){o("component.validateOptions",t)}};export{gt as default};
+var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var p=["render"];var c=(e={})=>{try{return p.every(t=>Object.keys(e).includes(t))}catch(t){o("component.hasAllRequiredOptions",t)}};var l=["_componentId","_ssrId","api","dataFromSSR","existingProps","existingState","instanceId","parent","req","css","data","defaultProps","events","id","lifecycle","methods","name","props","render","state","translations","url","websockets","wrapper"];var m=e=>{try{return!!Array.isArray(e)}catch(t){o("types.isArray",t)}};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var i=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var s=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var d=(e=null)=>{try{!s(e)&&!r(e)&&!i(e)&&o("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(t){o("component.optionValidators.css",t)}};var u=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var f=(e=null)=>{try{i(e)||o("component.optionValidators.events","options.events must be an object.");for(let t of Object.keys(e)){let[n]=t.split(" ");u.includes(n)||o("component.optionValidators.events",`${n} is not a supported JavaScript event type.`)}for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.events",`options.events.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.events",t)}};var y=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var w=(e=null)=>{try{i(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,n]of Object.entries(e))y.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(n)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};var b=(e=null)=>{try{i(e)||o("component.optionValidators.methods","options.methods must be an object.");for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.methods",`options.methods.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.methods",t)}};var h=(e=null)=>{typeof e!="string"&&o("component.optionValidators.name","options.name must be a string.")};var g=(e=null)=>{try{r(e)||o("component.optionValidators.render","options.render must be a function returning a string.")}catch(t){o("component.optionValidators.render",t)}};var x=(e=null)=>{try{r(e)||o("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(t){o("component.optionValidators.websockets",t)}};var k=(e=null)=>{try{i(e)||o("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,n]of Object.entries(e))t==="id"&&!s(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!m(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){o("component.optionValidators.wrapper",t)}};var F={css:d,events:f,lifecycle:w,methods:b,name:h,render:g,websockets:x,wrapper:k};var gt=(e={})=>{try{c(e)||o("component.validateOptions",`component options must include ${required.options.join(",")}.`);for(let[t,n]of Object.entries(e)){l.includes(t)||o("component.validateOptions",`${t} is not supported by joystick.component.`);let a=F[t];a&&r(a)&&a(n)}}catch(t){o("component.validateOptions",t)}};export{gt as default};

package/dist/component/class/options/validators/css.js

@@ -1 +1 @@
-var e=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var o=t=>{try{return typeof t=="function"}catch(r){e("types.isFunction",r)}};var n=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){e("types.isObject",r)}};var s=t=>{try{return typeof t=="string"}catch(r){e("types.isString",r)}};var x=(t=null)=>{try{!s(t)&&!o(t)&&!n(t)&&e("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(r){e("component.optionValidators.css",r)}};export{x as default};
+var e=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var o=t=>{try{return typeof t=="function"}catch(r){e("types.isFunction",r)}};var n=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){e("types.isObject",r)}};var s=t=>{try{return typeof t=="string"}catch(r){e("types.isString",r)}};var u=(t=null)=>{try{!s(t)&&!o(t)&&!n(t)&&e("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(r){e("component.optionValidators.css",r)}};export{u as default};

package/dist/component/class/options/validators/index.js

@@ -1 +1 @@
-var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var a=e=>{try{return!!Array.isArray(e)}catch(t){o("types.isArray",t)}};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var i=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var s=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var c=(e=null)=>{try{!s(e)&&!r(e)&&!i(e)&&o("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(t){o("component.optionValidators.css",t)}};var p=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var m=(e=null)=>{try{i(e)||o("component.optionValidators.events","options.events must be an object.");for(let t of Object.keys(e)){let[n]=t.split(" ");p.includes(n)||o("component.optionValidators.events",`${n} is not a supported JavaScript event type.`)}for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.events",`options.events.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.events",t)}};var l=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var d=(e=null)=>{try{i(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,n]of Object.entries(e))l.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(n)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};var f=(e=null)=>{try{i(e)||o("component.optionValidators.methods","options.methods must be an object.");for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.methods",`options.methods.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.methods",t)}};var u=(e=null)=>{typeof e!="string"&&o("component.optionValidators.name","options.name must be a string.")};var y=(e=null)=>{try{r(e)||o("component.optionValidators.render","options.render must be a function returning a string.")}catch(t){o("component.optionValidators.render",t)}};var b=(e=null)=>{try{r(e)||o("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(t){o("component.optionValidators.websockets",t)}};var w=(e=null)=>{try{i(e)||o("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,n]of Object.entries(e))t==="id"&&!s(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!a(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){o("component.optionValidators.wrapper",t)}};var rt={css:c,events:m,lifecycle:d,methods:f,name:u,render:y,websockets:b,wrapper:w};export{rt as default};
+var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var a=e=>{try{return!!Array.isArray(e)}catch(t){o("types.isArray",t)}};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var i=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var s=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var c=(e=null)=>{try{!s(e)&&!r(e)&&!i(e)&&o("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(t){o("component.optionValidators.css",t)}};var p=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var m=(e=null)=>{try{i(e)||o("component.optionValidators.events","options.events must be an object.");for(let t of Object.keys(e)){let[n]=t.split(" ");p.includes(n)||o("component.optionValidators.events",`${n} is not a supported JavaScript event type.`)}for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.events",`options.events.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.events",t)}};var l=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var u=(e=null)=>{try{i(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,n]of Object.entries(e))l.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(n)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};var d=(e=null)=>{try{i(e)||o("component.optionValidators.methods","options.methods must be an object.");for(let[t,n]of Object.entries(e))r(n)||o("component.optionValidators.methods",`options.methods.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.methods",t)}};var f=(e=null)=>{typeof e!="string"&&o("component.optionValidators.name","options.name must be a string.")};var y=(e=null)=>{try{r(e)||o("component.optionValidators.render","options.render must be a function returning a string.")}catch(t){o("component.optionValidators.render",t)}};var b=(e=null)=>{try{r(e)||o("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(t){o("component.optionValidators.websockets",t)}};var w=(e=null)=>{try{i(e)||o("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,n]of Object.entries(e))t==="id"&&!s(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!a(n)&&o("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){o("component.optionValidators.wrapper",t)}};var rt={css:c,events:m,lifecycle:u,methods:d,name:f,render:y,websockets:b,wrapper:w};export{rt as default};

package/dist/component/class/options/validators/lifecycle.js

@@ -1 +1 @@
-var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var n=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var c=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var m=(e=null)=>{try{n(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,i]of Object.entries(e))c.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(i)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};export{m as default};
+var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var r=e=>{try{return typeof e=="function"}catch(t){o("types.isFunction",t)}};var n=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){o("types.isObject",t)}};var c=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var x=(e=null)=>{try{n(e)||o("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[t,i]of Object.entries(e))c.includes(t)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} is not supported.`),r(i)||o("component.optionValidators.lifecycle",`options.lifecycle.${t} must be assigned a function.`)}catch(t){o("component.optionValidators.lifecycle",t)}};export{x as default};

package/dist/component/class/options/validators/wrapper.js

@@ -1 +1 @@
-var e=(r="",t={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${t.message||t.reason||t}`)};var n=r=>{try{return!!Array.isArray(r)}catch(t){e("types.isArray",t)}};var s=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(t){e("types.isObject",t)}};var i=r=>{try{return typeof r=="string"}catch(t){e("types.isString",t)}};var x=(r=null)=>{try{s(r)||e("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,o]of Object.entries(r))t==="id"&&!i(o)&&e("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!n(o)&&e("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){e("component.optionValidators.wrapper",t)}};export{x as default};
+var e=(r="",t={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${t.message||t.reason||t}`)};var n=r=>{try{return!!Array.isArray(r)}catch(t){e("types.isArray",t)}};var s=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(t){e("types.isObject",t)}};var i=r=>{try{return typeof r=="string"}catch(t){e("types.isString",t)}};var u=(r=null)=>{try{s(r)||e("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[t,o]of Object.entries(r))t==="id"&&!i(o)&&e("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned a string.`),t==="classList"&&!n(o)&&e("component.optionValidators.wrapper",`options.wrapper.${t} must be assigned an array of strings.`)}catch(t){e("component.optionValidators.wrapper",t)}};export{u as default};

package/dist/component/class/render/getExistingPropsMap.js

@@ -1 +1 @@
-var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var x=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var d=(t={},r="",e="id")=>{try{let n=t&&t.id;if(x(t)&&n){let o=Object.keys(t);for(let s=0;s<o.length;s+=1){let p=o[s],c=t[p];if(p===e&&c===r)return t;if(p==="children"&&Array.isArray(c))for(let y=0;y<c.length;y+=1){let u=c[y],a=d(u,r,e);if(a!==null)return a}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},f=d;var g=(t={})=>{try{let r={},e=f(window.joystick._internal.tree,t.instanceId);return e&&(r[e?.instance?.instanceId]=e?.instance?.props),e?.children?.reduce((n={},o)=>(n[o?.instance?.instanceId]||(n[o?.instance?.instanceId]=o?.instance?.props),n),r)}catch(r){i("component.render.getExistingPropsMap",r)}};export{g as default};
+var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var u=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var x=(t={},r="",e="id")=>{try{let n=t&&t.id;if(u(t)&&n){let o=Object.keys(t);for(let s=0;s<o.length;s+=1){let p=o[s],c=t[p];if(p===e&&c===r)return t;if(p==="children"&&Array.isArray(c))for(let y=0;y<c.length;y+=1){let f=c[y],a=x(f,r,e);if(a!==null)return a}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},d=x;var g=(t={})=>{try{let r={},e=d(window.joystick._internal.tree,t.instanceId);return e&&(r[e?.instance?.instanceId]=e?.instance?.props),e?.children?.reduce((n={},o)=>(n[o?.instance?.instanceId]||(n[o?.instance?.instanceId]=o?.instance?.props),n),r)}catch(r){i("component.render.getExistingPropsMap",r)}};export{g as default};

package/dist/component/class/render/getUpdatedDOM.js

@@ -1 +1 @@
-var mr=Object.create;var v=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>v(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of yr(e))!Mr.call(r,n)&&n!=="default"&&v(r,n,{get:()=>e[n],enumerable:!(t=wr(e,n))||t.enumerable});return r},Or=r=>Fr(Tr(v(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var z=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(s){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(s)}function t(s,c){return c&&(e(c)==="object"||typeof c=="function")?c:n(s)}function n(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(s){return o=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},o(s)}function a(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),c&&m(s,c)}function m(s,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(s,c)}function l(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function s(c,p){l(this,s),this.type=c,this.path=p?p.toString():""},k=function(s){function c(p,T,d){var F;return l(this,c),F=t(this,o(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return a(c,s),c}(M),C=function(s){function c(p,T,d,F){var f;return l(this,c),f=t(this,o(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return a(c,s),c}(M),L=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"D",p)),d.lhs=T,d}return a(c,s),c}(M),A=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"A",p)),d.rhs=T,d}return a(c,s),c}(M),S=function(s,c){return s?"".concat(s,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new A(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new A(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new A(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var $=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var U=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var q=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var B=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var W=(r=[],e="")=>{try{return($(r)&&r.find(n=>n?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var K=Or(z());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var G=(r={},e="",t="id")=>{try{let n=r&&r.id;if(q(r)&&n){let o=Object.keys(r);for(let a=0;a<o.length;a+=1){let m=o[a],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=G(k,e,t);if(C!==null)return C}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},Q=G;var V=(r="",e={},t=null)=>{let n=Q(t||window.joystick._internal.tree,r,"instanceId");n&&(n.children=[...n.children||[],e])};var br=(r={},e={},t=null)=>{try{let n=X(r,{includeActual:!0,existingChildren:t});return r.dom=n,r.setDOMNodeOnInstance(),e.renderedComponent=r,n.html.wrapped}catch(n){i("component.renderMethods.component.renderForClient",n)}},Er=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},kr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Cr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};V(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},jr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Rr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,K.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let o=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(o||{},t,r)})}catch(n){i("component.renderMethods.component.handleOnChangeProps",n)}},Dr=function(){return function(e=null,t={},n={}){let o=e({props:t,url:n.url,translations:n.translations,api:n.options.api,req:n.options.req,dataFromSSR:n?.dataFromSSR,parent:n}),a=n?.existingStateMap[o.id]||{},m=n.children[o.id]||[],l=a[m?.length];return o.state=l?.state||o.state,n.children[o.id]=[...n.children[o.id]||[],o],o.parent=n,Rr(o,n,t),E("lifecycle.onMount",()=>{o.setDOMNodeOnInstance()}),jr(this,o),o.parent&&Cr(o),o.options.data&&o.parent.walkingTreeForSSR&&o.parent.ssrTree.dataFunctions?kr(o):o.parent&&o.parent.ssrTree?Er(o):br(o,this,l?.children)}},Lr=function(e,t){try{let n=this;return new Dr().bind({})(e,t,n)}catch(n){i("component.renderMethods.component",n)}},H=Lr;var Ar=function(e=[],t=null){try{return U(t)&&e&&Array.isArray(e)?e.map((n,o)=>t(n,o)).join(""):""}catch(n){i("component.renderMethods.each",n)}},N=Ar;var vr=function(e="",t={}){try{let n=D()?this.translations:window.__joystick_i18n__;if(!n||!n[e])return"";let o=Object.entries(t);return o.length>0?o.reduce((a,[m,l])=>a.replace(`{{${m}}}`,l),n[e]):n[e]}catch(n){i("component.renderMethods.i18n",n)}},I=vr;var Hr=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(n){i("component.renderMethods.when",n)}},_=Hr;var J={c:H,component:H,e:N,each:N,i:I,i18n:I,w:_,when:_};var Y=(r={},e={})=>{try{return Object.entries(J).reduce((t,[n,o])=>(t[n]=o.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var Z=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[n,o])=>(t[n]=(...a)=>o(...a,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var rr=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,n]={})=>(e[t]=n?.map((o={})=>({state:o?.state,children:rr(o?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},er=(r={})=>{try{return rr(r)}catch(e){i("component.render.getExistingStateMap",e)}};var tr=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Nr=new RegExp(/\n/g);var Ir=(r="")=>{try{return(r.match(tr)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},nr=(r="")=>{try{let e=`${r}`;return e=Ir(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var or=(r={},e="")=>{try{let{wrapper:t=null,ssrId:n=null,id:o=null,instanceId:a=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${n}" js-c="${o}" js-i="${a}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var ir=(r={},e=[])=>{try{let t=[...e],n=Object.entries(r);for(let o=0;o<n?.length;o+=1){let[a,m]=n[o];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&ir(M?.children,t)}}if(t?.length>0)for(let o=0;o<t?.length;o+=1)clearTimeout(t[o])}catch(t){i("component.render.clearTimersOnChildren",t)}},cr=ir;var sr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=W(e.dataFromSSR,r.id)||{}),cr(r?.children);let t=er(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=Y({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=Z(r,r.options.methods);let n=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),o=nr(n),a=or(r,o);return{unwrapped:o,wrapped:a}}catch(t){i("component.render.toHTML",t)}};var _r=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},ar=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?ar(e):P(e)):P(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},P=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:_r(r.attributes),children:[].flatMap.call(r.childNodes,n=>ar(n))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},dr=P;var Pr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},lr=(r="")=>{try{let e=Pr(r);return dr(e)}catch(e){i("component.virtualDOM.build",e)}};var ur=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var $r=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let n=0;n<t.length;n+=1){let[o,a]=t[n];ur(o)&&e.setAttribute(o,a)}for(let n=0;n<r?.children?.length;n+=1){let o=r?.children[n];if(o){let a=pr(o);e.appendChild(a)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},pr=(r=null)=>{try{return B(r)?document.createTextNode(r):$r(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},fr=pr;var X=(r={},e={})=>{try{let t=sr(r,{existingChildren:e?.existingChildren}),n=lr(t.wrapped,r),o=e.includeActual&&n?fr(n):null;return{html:t,virtual:n,actual:o}}catch(t){i("component.render.getUpdatedDOM",t)}};export{X as default};
+var mr=Object.create;var A=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>A(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of yr(e))!Mr.call(r,o)&&o!=="default"&&A(r,o,{get:()=>e[o],enumerable:!(t=wr(e,o))||t.enumerable});return r},Or=r=>Fr(Tr(A(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var z=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(a){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(a)}function t(a,c){return c&&(e(c)==="object"||typeof c=="function")?c:o(a)}function o(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function n(a){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},n(a)}function s(a,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(c&&c.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),c&&m(a,c)}function m(a,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(a,c)}function l(a,c){if(!(a instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function a(c,p){l(this,a),this.type=c,this.path=p?p.toString():""},k=function(a){function c(p,T,d){var F;return l(this,c),F=t(this,n(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return s(c,a),c}(M),C=function(a){function c(p,T,d,F){var f;return l(this,c),f=t(this,n(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return s(c,a),c}(M),L=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"D",p)),d.lhs=T,d}return s(c,a),c}(M),v=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"A",p)),d.rhs=T,d}return s(c,a),c}(M),S=function(a,c){return a?"".concat(a,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new v(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new v(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new v(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var $=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var U=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var q=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var B=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var W=(r=[],e="")=>{try{return($(r)&&r.find(o=>o?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var K=Or(z());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var G=(r={},e="",t="id")=>{try{let o=r&&r.id;if(q(r)&&o){let n=Object.keys(r);for(let s=0;s<n.length;s+=1){let m=n[s],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=G(k,e,t);if(C!==null)return C}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},Q=G;var V=(r="",e={},t=null)=>{let o=Q(t||window.joystick._internal.tree,r,"instanceId");o&&(o.children=[...o.children||[],e])};var br=(r={},e={},t=null)=>{try{let o=X(r,{includeActual:!0,existingChildren:t});return r.dom=o,r.setDOMNodeOnInstance(),e.renderedComponent=r,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Er=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},kr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Cr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};V(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},jr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Rr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,K.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(n||{},t,r)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Dr=function(){return function(e=null,t={},o={}){let n=e({props:t,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},m=o.children[n.id]||[],l=s[m?.length];return n.state=l?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,Rr(n,o,t),E("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),jr(this,n),n.parent&&Cr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?kr(n):n.parent&&n.parent.ssrTree?Er(n):br(n,this,l?.children)}},Lr=function(e,t){try{let o=this;return new Dr().bind({})(e,t,o)}catch(o){i("component.renderMethods.component",o)}},H=Lr;var vr=function(e=[],t=null){try{return U(t)&&e&&Array.isArray(e)?e.map((o,n)=>t(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},N=vr;var Ar=function(e="",t={}){try{let o=D()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(t);return n.length>0?n.reduce((s,[m,l])=>s.replace(`{{${m}}}`,l),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},I=Ar;var Hr=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},_=Hr;var J={c:H,component:H,e:N,each:N,i:I,i18n:I,w:_,when:_};var Y=(r={},e={})=>{try{return Object.entries(J).reduce((t,[o,n])=>(t[o]=n.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var Z=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[o,n])=>(t[o]=(...s)=>n(...s,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var rr=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,o]={})=>(e[t]=o?.map((n={})=>({state:n?.state,children:rr(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},er=(r={})=>{try{return rr(r)}catch(e){i("component.render.getExistingStateMap",e)}};var tr=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Nr=new RegExp(/\n/g);var Ir=(r="")=>{try{return(r.match(tr)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},or=(r="")=>{try{let e=`${r}`;return e=Ir(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var nr=(r={},e="")=>{try{let{wrapper:t=null,ssrId:o=null,id:n=null,instanceId:s=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var ir=(r={},e=[])=>{try{let t=[...e],o=Object.entries(r);for(let n=0;n<o?.length;n+=1){let[s,m]=o[n];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&ir(M?.children,t)}}if(t?.length>0)for(let n=0;n<t?.length;n+=1)clearTimeout(t[n])}catch(t){i("component.render.clearTimersOnChildren",t)}},cr=ir;var ar=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=W(e.dataFromSSR,r.id)||{}),cr(r?.children);let t=er(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=Y({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=Z(r,r.options.methods);let o=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),n=or(o),s=nr(r,n);return{unwrapped:n,wrapped:s}}catch(t){i("component.render.toHTML",t)}};var _r=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},sr=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?sr(e):P(e)):P(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},P=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:_r(r.attributes),children:[].flatMap.call(r.childNodes,o=>sr(o))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},dr=P;var Pr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},lr=(r="")=>{try{let e=Pr(r);return dr(e)}catch(e){i("component.virtualDOM.build",e)}};var ur=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var $r=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let o=0;o<t.length;o+=1){let[n,s]=t[o];ur(n)&&e.setAttribute(n,s)}for(let o=0;o<r?.children?.length;o+=1){let n=r?.children[o];if(n){let s=pr(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},pr=(r=null)=>{try{return B(r)?document.createTextNode(r):$r(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},fr=pr;var X=(r={},e={})=>{try{let t=ar(r,{existingChildren:e?.existingChildren}),o=lr(t.wrapped,r),n=e.includeActual&&o?fr(o):null;return{html:t,virtual:o,actual:n}}catch(t){i("component.render.getUpdatedDOM",t)}};export{X as default};

package/dist/component/class/render/toHTML.js

@@ -1 +1 @@
-var mr=Object.create;var v=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>v(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of yr(e))!Mr.call(r,n)&&n!=="default"&&v(r,n,{get:()=>e[n],enumerable:!(t=wr(e,n))||t.enumerable});return r},Or=r=>Fr(Tr(v(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var z=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(s){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(s)}function t(s,c){return c&&(e(c)==="object"||typeof c=="function")?c:n(s)}function n(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(s){return o=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},o(s)}function a(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),c&&m(s,c)}function m(s,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(s,c)}function l(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function s(c,p){l(this,s),this.type=c,this.path=p?p.toString():""},k=function(s){function c(p,T,d){var F;return l(this,c),F=t(this,o(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return a(c,s),c}(M),C=function(s){function c(p,T,d,F){var f;return l(this,c),f=t(this,o(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return a(c,s),c}(M),L=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"D",p)),d.lhs=T,d}return a(c,s),c}(M),A=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"A",p)),d.rhs=T,d}return a(c,s),c}(M),S=function(s,c){return s?"".concat(s,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new A(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new A(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new A(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var $=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var U=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var q=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var B=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var W=(r=[],e="")=>{try{return($(r)&&r.find(n=>n?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var nr=Or(z());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var br=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},G=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?G(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:br(r.attributes),children:[].flatMap.call(r.childNodes,n=>G(n))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},Q=H;var Er=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},V=(r="")=>{try{let e=Er(r);return Q(e)}catch(e){i("component.virtualDOM.build",e)}};var K=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var kr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let n=0;n<t.length;n+=1){let[o,a]=t[n];K(o)&&e.setAttribute(o,a)}for(let n=0;n<r?.children?.length;n+=1){let o=r?.children[n];if(o){let a=X(o);e.appendChild(a)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},X=(r=null)=>{try{return B(r)?document.createTextNode(r):kr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},J=X;var Y=(r={},e={})=>{try{let t=Z(r,{existingChildren:e?.existingChildren}),n=V(t.wrapped,r),o=e.includeActual&&n?J(n):null;return{html:t,virtual:n,actual:o}}catch(t){i("component.render.getUpdatedDOM",t)}};var rr=(r={},e="",t="id")=>{try{let n=r&&r.id;if(q(r)&&n){let o=Object.keys(r);for(let a=0;a<o.length;a+=1){let m=o[a],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=rr(k,e,t);if(C!==null)return C}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},er=rr;var tr=(r="",e={},t=null)=>{let n=er(t||window.joystick._internal.tree,r,"instanceId");n&&(n.children=[...n.children||[],e])};var Cr=(r={},e={},t=null)=>{try{let n=Y(r,{includeActual:!0,existingChildren:t});return r.dom=n,r.setDOMNodeOnInstance(),e.renderedComponent=r,n.html.wrapped}catch(n){i("component.renderMethods.component.renderForClient",n)}},jr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Rr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Dr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};tr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Lr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Ar=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,nr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let o=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(o||{},t,r)})}catch(n){i("component.renderMethods.component.handleOnChangeProps",n)}},vr=function(){return function(e=null,t={},n={}){let o=e({props:t,url:n.url,translations:n.translations,api:n.options.api,req:n.options.req,dataFromSSR:n?.dataFromSSR,parent:n}),a=n?.existingStateMap[o.id]||{},m=n.children[o.id]||[],l=a[m?.length];return o.state=l?.state||o.state,n.children[o.id]=[...n.children[o.id]||[],o],o.parent=n,Ar(o,n,t),E("lifecycle.onMount",()=>{o.setDOMNodeOnInstance()}),Lr(this,o),o.parent&&Dr(o),o.options.data&&o.parent.walkingTreeForSSR&&o.parent.ssrTree.dataFunctions?Rr(o):o.parent&&o.parent.ssrTree?jr(o):Cr(o,this,l?.children)}},Hr=function(e,t){try{let n=this;return new vr().bind({})(e,t,n)}catch(n){i("component.renderMethods.component",n)}},N=Hr;var Nr=function(e=[],t=null){try{return U(t)&&e&&Array.isArray(e)?e.map((n,o)=>t(n,o)).join(""):""}catch(n){i("component.renderMethods.each",n)}},I=Nr;var Ir=function(e="",t={}){try{let n=D()?this.translations:window.__joystick_i18n__;if(!n||!n[e])return"";let o=Object.entries(t);return o.length>0?o.reduce((a,[m,l])=>a.replace(`{{${m}}}`,l),n[e]):n[e]}catch(n){i("component.renderMethods.i18n",n)}},_=Ir;var _r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(n){i("component.renderMethods.when",n)}},P=_r;var or={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};var ir=(r={},e={})=>{try{return Object.entries(or).reduce((t,[n,o])=>(t[n]=o.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var cr=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[n,o])=>(t[n]=(...a)=>o(...a,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var sr=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,n]={})=>(e[t]=n?.map((o={})=>({state:o?.state,children:sr(o?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},ar=(r={})=>{try{return sr(r)}catch(e){i("component.render.getExistingStateMap",e)}};var dr=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Pr=new RegExp(/\n/g);var $r=(r="")=>{try{return(r.match(dr)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},lr=(r="")=>{try{let e=`${r}`;return e=$r(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var ur=(r={},e="")=>{try{let{wrapper:t=null,ssrId:n=null,id:o=null,instanceId:a=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${n}" js-c="${o}" js-i="${a}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var pr=(r={},e=[])=>{try{let t=[...e],n=Object.entries(r);for(let o=0;o<n?.length;o+=1){let[a,m]=n[o];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&pr(M?.children,t)}}if(t?.length>0)for(let o=0;o<t?.length;o+=1)clearTimeout(t[o])}catch(t){i("component.render.clearTimersOnChildren",t)}},fr=pr;var Z=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=W(e.dataFromSSR,r.id)||{}),fr(r?.children);let t=ar(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=ir({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=cr(r,r.options.methods);let n=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),o=lr(n),a=ur(r,o);return{unwrapped:o,wrapped:a}}catch(t){i("component.render.toHTML",t)}};export{Z as default};
+var mr=Object.create;var A=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>A(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of yr(e))!Mr.call(r,o)&&o!=="default"&&A(r,o,{get:()=>e[o],enumerable:!(t=wr(e,o))||t.enumerable});return r},Or=r=>Fr(Tr(A(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var z=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(a){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(a)}function t(a,c){return c&&(e(c)==="object"||typeof c=="function")?c:o(a)}function o(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function n(a){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},n(a)}function s(a,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(c&&c.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),c&&m(a,c)}function m(a,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(a,c)}function l(a,c){if(!(a instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function a(c,p){l(this,a),this.type=c,this.path=p?p.toString():""},k=function(a){function c(p,T,d){var F;return l(this,c),F=t(this,n(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return s(c,a),c}(M),C=function(a){function c(p,T,d,F){var f;return l(this,c),f=t(this,n(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return s(c,a),c}(M),L=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"D",p)),d.lhs=T,d}return s(c,a),c}(M),v=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"A",p)),d.rhs=T,d}return s(c,a),c}(M),S=function(a,c){return a?"".concat(a,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new v(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new v(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new v(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var $=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var U=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var q=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var B=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var W=(r=[],e="")=>{try{return($(r)&&r.find(o=>o?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var or=Or(z());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var br=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},G=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?G(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:br(r.attributes),children:[].flatMap.call(r.childNodes,o=>G(o))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},Q=H;var Er=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},V=(r="")=>{try{let e=Er(r);return Q(e)}catch(e){i("component.virtualDOM.build",e)}};var K=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var kr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let o=0;o<t.length;o+=1){let[n,s]=t[o];K(n)&&e.setAttribute(n,s)}for(let o=0;o<r?.children?.length;o+=1){let n=r?.children[o];if(n){let s=X(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},X=(r=null)=>{try{return B(r)?document.createTextNode(r):kr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},J=X;var Y=(r={},e={})=>{try{let t=Z(r,{existingChildren:e?.existingChildren}),o=V(t.wrapped,r),n=e.includeActual&&o?J(o):null;return{html:t,virtual:o,actual:n}}catch(t){i("component.render.getUpdatedDOM",t)}};var rr=(r={},e="",t="id")=>{try{let o=r&&r.id;if(q(r)&&o){let n=Object.keys(r);for(let s=0;s<n.length;s+=1){let m=n[s],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=rr(k,e,t);if(C!==null)return C}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},er=rr;var tr=(r="",e={},t=null)=>{let o=er(t||window.joystick._internal.tree,r,"instanceId");o&&(o.children=[...o.children||[],e])};var Cr=(r={},e={},t=null)=>{try{let o=Y(r,{includeActual:!0,existingChildren:t});return r.dom=o,r.setDOMNodeOnInstance(),e.renderedComponent=r,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},jr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Rr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Dr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};tr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Lr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},vr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,or.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(n||{},t,r)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Ar=function(){return function(e=null,t={},o={}){let n=e({props:t,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},m=o.children[n.id]||[],l=s[m?.length];return n.state=l?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,vr(n,o,t),E("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Lr(this,n),n.parent&&Dr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Rr(n):n.parent&&n.parent.ssrTree?jr(n):Cr(n,this,l?.children)}},Hr=function(e,t){try{let o=this;return new Ar().bind({})(e,t,o)}catch(o){i("component.renderMethods.component",o)}},N=Hr;var Nr=function(e=[],t=null){try{return U(t)&&e&&Array.isArray(e)?e.map((o,n)=>t(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},I=Nr;var Ir=function(e="",t={}){try{let o=D()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(t);return n.length>0?n.reduce((s,[m,l])=>s.replace(`{{${m}}}`,l),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},_=Ir;var _r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},P=_r;var nr={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};var ir=(r={},e={})=>{try{return Object.entries(nr).reduce((t,[o,n])=>(t[o]=n.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var cr=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[o,n])=>(t[o]=(...s)=>n(...s,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var ar=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,o]={})=>(e[t]=o?.map((n={})=>({state:n?.state,children:ar(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},sr=(r={})=>{try{return ar(r)}catch(e){i("component.render.getExistingStateMap",e)}};var dr=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Pr=new RegExp(/\n/g);var $r=(r="")=>{try{return(r.match(dr)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},lr=(r="")=>{try{let e=`${r}`;return e=$r(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var ur=(r={},e="")=>{try{let{wrapper:t=null,ssrId:o=null,id:n=null,instanceId:s=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var pr=(r={},e=[])=>{try{let t=[...e],o=Object.entries(r);for(let n=0;n<o?.length;n+=1){let[s,m]=o[n];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&pr(M?.children,t)}}if(t?.length>0)for(let n=0;n<t?.length;n+=1)clearTimeout(t[n])}catch(t){i("component.render.clearTimersOnChildren",t)}},fr=pr;var Z=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=W(e.dataFromSSR,r.id)||{}),fr(r?.children);let t=sr(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=ir({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=cr(r,r.options.methods);let o=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),n=lr(o),s=ur(r,n);return{unwrapped:n,wrapped:s}}catch(t){i("component.render.toHTML",t)}};export{Z as default};

package/dist/component/class/renderMethods/compile.js

@@ -1 +1 @@
-var mr=Object.create;var v=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>v(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of yr(e))!Mr.call(r,n)&&n!=="default"&&v(r,n,{get:()=>e[n],enumerable:!(t=wr(e,n))||t.enumerable});return r},Or=r=>Fr(Tr(v(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(s){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(s)}function t(s,c){return c&&(e(c)==="object"||typeof c=="function")?c:n(s)}function n(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(s){return o=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},o(s)}function a(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),c&&m(s,c)}function m(s,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(s,c)}function l(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function s(c,p){l(this,s),this.type=c,this.path=p?p.toString():""},k=function(s){function c(p,T,d){var F;return l(this,c),F=t(this,o(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return a(c,s),c}(M),C=function(s){function c(p,T,d,F){var f;return l(this,c),f=t(this,o(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return a(c,s),c}(M),L=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"D",p)),d.lhs=T,d}return a(c,s),c}(M),A=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"A",p)),d.rhs=T,d}return a(c,s),c}(M),S=function(s,c){return s?"".concat(s,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new A(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new A(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new A(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var pr=Or($());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(n=>n?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var G=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[n,o])=>(t[n]=(...a)=>o(...a,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var Q=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,n]={})=>(e[t]=n?.map((o={})=>({state:o?.state,children:Q(o?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},V=(r={})=>{try{return Q(r)}catch(e){i("component.render.getExistingStateMap",e)}};var K=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),br=new RegExp(/\n/g);var Er=(r="")=>{try{return(r.match(K)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},X=(r="")=>{try{let e=`${r}`;return e=Er(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var J=(r={},e="")=>{try{let{wrapper:t=null,ssrId:n=null,id:o=null,instanceId:a=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${n}" js-c="${o}" js-i="${a}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var Y=(r={},e=[])=>{try{let t=[...e],n=Object.entries(r);for(let o=0;o<n?.length;o+=1){let[a,m]=n[o];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&Y(M?.children,t)}}if(t?.length>0)for(let o=0;o<t?.length;o+=1)clearTimeout(t[o])}catch(t){i("component.render.clearTimersOnChildren",t)}},Z=Y;var rr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),Z(r?.children);let t=V(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=er({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=G(r,r.options.methods);let n=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),o=X(n),a=J(r,o);return{unwrapped:o,wrapped:a}}catch(t){i("component.render.toHTML",t)}};var kr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},tr=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?tr(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:kr(r.attributes),children:[].flatMap.call(r.childNodes,n=>tr(n))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},nr=H;var Cr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},or=(r="")=>{try{let e=Cr(r);return nr(e)}catch(e){i("component.virtualDOM.build",e)}};var ir=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var jr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let n=0;n<t.length;n+=1){let[o,a]=t[n];ir(o)&&e.setAttribute(o,a)}for(let n=0;n<r?.children?.length;n+=1){let o=r?.children[n];if(o){let a=cr(o);e.appendChild(a)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},cr=(r=null)=>{try{return W(r)?document.createTextNode(r):jr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},sr=cr;var ar=(r={},e={})=>{try{let t=rr(r,{existingChildren:e?.existingChildren}),n=or(t.wrapped,r),o=e.includeActual&&n?sr(n):null;return{html:t,virtual:n,actual:o}}catch(t){i("component.render.getUpdatedDOM",t)}};var dr=(r={},e="",t="id")=>{try{let n=r&&r.id;if(B(r)&&n){let o=Object.keys(r);for(let a=0;a<o.length;a+=1){let m=o[a],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=dr(k,e,t);if(C!==null)return C}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},lr=dr;var ur=(r="",e={},t=null)=>{let n=lr(t||window.joystick._internal.tree,r,"instanceId");n&&(n.children=[...n.children||[],e])};var Rr=(r={},e={},t=null)=>{try{let n=ar(r,{includeActual:!0,existingChildren:t});return r.dom=n,r.setDOMNodeOnInstance(),e.renderedComponent=r,n.html.wrapped}catch(n){i("component.renderMethods.component.renderForClient",n)}},Dr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Lr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Ar=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};ur(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},vr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Hr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,pr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let o=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(o||{},t,r)})}catch(n){i("component.renderMethods.component.handleOnChangeProps",n)}},Nr=function(){return function(e=null,t={},n={}){let o=e({props:t,url:n.url,translations:n.translations,api:n.options.api,req:n.options.req,dataFromSSR:n?.dataFromSSR,parent:n}),a=n?.existingStateMap[o.id]||{},m=n.children[o.id]||[],l=a[m?.length];return o.state=l?.state||o.state,n.children[o.id]=[...n.children[o.id]||[],o],o.parent=n,Hr(o,n,t),E("lifecycle.onMount",()=>{o.setDOMNodeOnInstance()}),vr(this,o),o.parent&&Ar(o),o.options.data&&o.parent.walkingTreeForSSR&&o.parent.ssrTree.dataFunctions?Lr(o):o.parent&&o.parent.ssrTree?Dr(o):Rr(o,this,l?.children)}},Ir=function(e,t){try{let n=this;return new Nr().bind({})(e,t,n)}catch(n){i("component.renderMethods.component",n)}},N=Ir;var _r=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((n,o)=>t(n,o)).join(""):""}catch(n){i("component.renderMethods.each",n)}},I=_r;var Pr=function(e="",t={}){try{let n=D()?this.translations:window.__joystick_i18n__;if(!n||!n[e])return"";let o=Object.entries(t);return o.length>0?o.reduce((a,[m,l])=>a.replace(`{{${m}}}`,l),n[e]):n[e]}catch(n){i("component.renderMethods.i18n",n)}},_=Pr;var $r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(n){i("component.renderMethods.when",n)}},P=$r;var fr={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};var er=(r={},e={})=>{try{return Object.entries(fr).reduce((t,[n,o])=>(t[n]=o.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};export{er as default};
+var mr=Object.create;var A=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>A(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of yr(e))!Mr.call(r,o)&&o!=="default"&&A(r,o,{get:()=>e[o],enumerable:!(t=wr(e,o))||t.enumerable});return r},Or=r=>Fr(Tr(A(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(a){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(a)}function t(a,c){return c&&(e(c)==="object"||typeof c=="function")?c:o(a)}function o(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function n(a){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},n(a)}function s(a,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(c&&c.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),c&&m(a,c)}function m(a,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(a,c)}function l(a,c){if(!(a instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function a(c,p){l(this,a),this.type=c,this.path=p?p.toString():""},k=function(a){function c(p,T,d){var F;return l(this,c),F=t(this,n(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return s(c,a),c}(M),C=function(a){function c(p,T,d,F){var f;return l(this,c),f=t(this,n(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return s(c,a),c}(M),L=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"D",p)),d.lhs=T,d}return s(c,a),c}(M),v=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"A",p)),d.rhs=T,d}return s(c,a),c}(M),S=function(a,c){return a?"".concat(a,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new v(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new v(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new v(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var pr=Or($());var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(o=>o?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var G=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[o,n])=>(t[o]=(...s)=>n(...s,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var Q=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,o]={})=>(e[t]=o?.map((n={})=>({state:n?.state,children:Q(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},V=(r={})=>{try{return Q(r)}catch(e){i("component.render.getExistingStateMap",e)}};var K=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),br=new RegExp(/\n/g);var Er=(r="")=>{try{return(r.match(K)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},X=(r="")=>{try{let e=`${r}`;return e=Er(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var J=(r={},e="")=>{try{let{wrapper:t=null,ssrId:o=null,id:n=null,instanceId:s=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var Y=(r={},e=[])=>{try{let t=[...e],o=Object.entries(r);for(let n=0;n<o?.length;n+=1){let[s,m]=o[n];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&Y(M?.children,t)}}if(t?.length>0)for(let n=0;n<t?.length;n+=1)clearTimeout(t[n])}catch(t){i("component.render.clearTimersOnChildren",t)}},Z=Y;var rr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),Z(r?.children);let t=V(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=er({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=G(r,r.options.methods);let o=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),n=X(o),s=J(r,n);return{unwrapped:n,wrapped:s}}catch(t){i("component.render.toHTML",t)}};var kr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},tr=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?tr(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:kr(r.attributes),children:[].flatMap.call(r.childNodes,o=>tr(o))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},or=H;var Cr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},nr=(r="")=>{try{let e=Cr(r);return or(e)}catch(e){i("component.virtualDOM.build",e)}};var ir=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var jr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let o=0;o<t.length;o+=1){let[n,s]=t[o];ir(n)&&e.setAttribute(n,s)}for(let o=0;o<r?.children?.length;o+=1){let n=r?.children[o];if(n){let s=cr(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},cr=(r=null)=>{try{return W(r)?document.createTextNode(r):jr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},ar=cr;var sr=(r={},e={})=>{try{let t=rr(r,{existingChildren:e?.existingChildren}),o=nr(t.wrapped,r),n=e.includeActual&&o?ar(o):null;return{html:t,virtual:o,actual:n}}catch(t){i("component.render.getUpdatedDOM",t)}};var dr=(r={},e="",t="id")=>{try{let o=r&&r.id;if(B(r)&&o){let n=Object.keys(r);for(let s=0;s<n.length;s+=1){let m=n[s],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=dr(k,e,t);if(C!==null)return C}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},lr=dr;var ur=(r="",e={},t=null)=>{let o=lr(t||window.joystick._internal.tree,r,"instanceId");o&&(o.children=[...o.children||[],e])};var Rr=(r={},e={},t=null)=>{try{let o=sr(r,{includeActual:!0,existingChildren:t});return r.dom=o,r.setDOMNodeOnInstance(),e.renderedComponent=r,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Dr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Lr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},vr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};ur(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Ar=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Hr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,pr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(n||{},t,r)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Nr=function(){return function(e=null,t={},o={}){let n=e({props:t,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},m=o.children[n.id]||[],l=s[m?.length];return n.state=l?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,Hr(n,o,t),E("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Ar(this,n),n.parent&&vr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Lr(n):n.parent&&n.parent.ssrTree?Dr(n):Rr(n,this,l?.children)}},Ir=function(e,t){try{let o=this;return new Nr().bind({})(e,t,o)}catch(o){i("component.renderMethods.component",o)}},N=Ir;var _r=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((o,n)=>t(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},I=_r;var Pr=function(e="",t={}){try{let o=D()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(t);return n.length>0?n.reduce((s,[m,l])=>s.replace(`{{${m}}}`,l),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},_=Pr;var $r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},P=$r;var fr={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};var er=(r={},e={})=>{try{return Object.entries(fr).reduce((t,[o,n])=>(t[o]=n.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};export{er as default};

package/dist/component/class/renderMethods/component.js

@@ -1 +1 @@
-var mr=Object.create;var v=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>v(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of yr(e))!Mr.call(r,n)&&n!=="default"&&v(r,n,{get:()=>e[n],enumerable:!(t=wr(e,n))||t.enumerable});return r},Or=r=>Fr(Tr(v(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(s){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(s)}function t(s,c){return c&&(e(c)==="object"||typeof c=="function")?c:n(s)}function n(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(s){return o=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},o(s)}function a(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),c&&m(s,c)}function m(s,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(s,c)}function l(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function s(c,p){l(this,s),this.type=c,this.path=p?p.toString():""},k=function(s){function c(p,T,d){var F;return l(this,c),F=t(this,o(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return a(c,s),c}(M),C=function(s){function c(p,T,d,F){var f;return l(this,c),f=t(this,o(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return a(c,s),c}(M),L=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"D",p)),d.lhs=T,d}return a(c,s),c}(M),A=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"A",p)),d.rhs=T,d}return a(c,s),c}(M),S=function(s,c){return s?"".concat(s,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new A(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new A(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new A(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var fr=Or($());var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(n=>n?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var br=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((n,o)=>t(n,o)).join(""):""}catch(n){i("component.renderMethods.each",n)}},H=br;var Er=function(e="",t={}){try{let n=D()?this.translations:window.__joystick_i18n__;if(!n||!n[e])return"";let o=Object.entries(t);return o.length>0?o.reduce((a,[m,l])=>a.replace(`{{${m}}}`,l),n[e]):n[e]}catch(n){i("component.renderMethods.i18n",n)}},N=Er;var kr=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(n){i("component.renderMethods.when",n)}},I=kr;var G={c:_,component:_,e:H,each:H,i:N,i18n:N,w:I,when:I};var Q=(r={},e={})=>{try{return Object.entries(G).reduce((t,[n,o])=>(t[n]=o.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var V=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[n,o])=>(t[n]=(...a)=>o(...a,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var K=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,n]={})=>(e[t]=n?.map((o={})=>({state:o?.state,children:K(o?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},X=(r={})=>{try{return K(r)}catch(e){i("component.render.getExistingStateMap",e)}};var J=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Cr=new RegExp(/\n/g);var jr=(r="")=>{try{return(r.match(J)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Y=(r="")=>{try{let e=`${r}`;return e=jr(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Z=(r={},e="")=>{try{let{wrapper:t=null,ssrId:n=null,id:o=null,instanceId:a=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${n}" js-c="${o}" js-i="${a}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var rr=(r={},e=[])=>{try{let t=[...e],n=Object.entries(r);for(let o=0;o<n?.length;o+=1){let[a,m]=n[o];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&rr(M?.children,t)}}if(t?.length>0)for(let o=0;o<t?.length;o+=1)clearTimeout(t[o])}catch(t){i("component.render.clearTimersOnChildren",t)}},er=rr;var tr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),er(r?.children);let t=X(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=Q({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=V(r,r.options.methods);let n=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),o=Y(n),a=Z(r,o);return{unwrapped:o,wrapped:a}}catch(t){i("component.render.toHTML",t)}};var Rr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},nr=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?nr(e):P(e)):P(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},P=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:Rr(r.attributes),children:[].flatMap.call(r.childNodes,n=>nr(n))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},or=P;var Dr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},ir=(r="")=>{try{let e=Dr(r);return or(e)}catch(e){i("component.virtualDOM.build",e)}};var cr=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var Lr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let n=0;n<t.length;n+=1){let[o,a]=t[n];cr(o)&&e.setAttribute(o,a)}for(let n=0;n<r?.children?.length;n+=1){let o=r?.children[n];if(o){let a=sr(o);e.appendChild(a)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},sr=(r=null)=>{try{return W(r)?document.createTextNode(r):Lr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},ar=sr;var dr=(r={},e={})=>{try{let t=tr(r,{existingChildren:e?.existingChildren}),n=ir(t.wrapped,r),o=e.includeActual&&n?ar(n):null;return{html:t,virtual:n,actual:o}}catch(t){i("component.render.getUpdatedDOM",t)}};var lr=(r={},e="",t="id")=>{try{let n=r&&r.id;if(B(r)&&n){let o=Object.keys(r);for(let a=0;a<o.length;a+=1){let m=o[a],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=lr(k,e,t);if(C!==null)return C}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},ur=lr;var pr=(r="",e={},t=null)=>{let n=ur(t||window.joystick._internal.tree,r,"instanceId");n&&(n.children=[...n.children||[],e])};var Ar=(r={},e={},t=null)=>{try{let n=dr(r,{includeActual:!0,existingChildren:t});return r.dom=n,r.setDOMNodeOnInstance(),e.renderedComponent=r,n.html.wrapped}catch(n){i("component.renderMethods.component.renderForClient",n)}},vr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Hr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Nr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};pr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Ir=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},_r=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,fr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let o=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(o||{},t,r)})}catch(n){i("component.renderMethods.component.handleOnChangeProps",n)}},Pr=function(){return function(e=null,t={},n={}){let o=e({props:t,url:n.url,translations:n.translations,api:n.options.api,req:n.options.req,dataFromSSR:n?.dataFromSSR,parent:n}),a=n?.existingStateMap[o.id]||{},m=n.children[o.id]||[],l=a[m?.length];return o.state=l?.state||o.state,n.children[o.id]=[...n.children[o.id]||[],o],o.parent=n,_r(o,n,t),E("lifecycle.onMount",()=>{o.setDOMNodeOnInstance()}),Ir(this,o),o.parent&&Nr(o),o.options.data&&o.parent.walkingTreeForSSR&&o.parent.ssrTree.dataFunctions?Hr(o):o.parent&&o.parent.ssrTree?vr(o):Ar(o,this,l?.children)}},$r=function(e,t){try{let n=this;return new Pr().bind({})(e,t,n)}catch(n){i("component.renderMethods.component",n)}},_=$r;export{_ as default};
+var mr=Object.create;var A=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>A(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of yr(e))!Mr.call(r,o)&&o!=="default"&&A(r,o,{get:()=>e[o],enumerable:!(t=wr(e,o))||t.enumerable});return r},Or=r=>Fr(Tr(A(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(a){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(a)}function t(a,c){return c&&(e(c)==="object"||typeof c=="function")?c:o(a)}function o(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function n(a){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},n(a)}function s(a,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(c&&c.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),c&&m(a,c)}function m(a,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(a,c)}function l(a,c){if(!(a instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function a(c,p){l(this,a),this.type=c,this.path=p?p.toString():""},k=function(a){function c(p,T,d){var F;return l(this,c),F=t(this,n(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return s(c,a),c}(M),C=function(a){function c(p,T,d,F){var f;return l(this,c),f=t(this,n(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return s(c,a),c}(M),L=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"D",p)),d.lhs=T,d}return s(c,a),c}(M),v=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"A",p)),d.rhs=T,d}return s(c,a),c}(M),S=function(a,c){return a?"".concat(a,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new v(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new v(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new v(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var fr=Or($());var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(o=>o?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var br=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((o,n)=>t(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},H=br;var Er=function(e="",t={}){try{let o=D()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(t);return n.length>0?n.reduce((s,[m,l])=>s.replace(`{{${m}}}`,l),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},N=Er;var kr=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},I=kr;var G={c:_,component:_,e:H,each:H,i:N,i18n:N,w:I,when:I};var Q=(r={},e={})=>{try{return Object.entries(G).reduce((t,[o,n])=>(t[o]=n.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var V=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[o,n])=>(t[o]=(...s)=>n(...s,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var K=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,o]={})=>(e[t]=o?.map((n={})=>({state:n?.state,children:K(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},X=(r={})=>{try{return K(r)}catch(e){i("component.render.getExistingStateMap",e)}};var J=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Cr=new RegExp(/\n/g);var jr=(r="")=>{try{return(r.match(J)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Y=(r="")=>{try{let e=`${r}`;return e=jr(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Z=(r={},e="")=>{try{let{wrapper:t=null,ssrId:o=null,id:n=null,instanceId:s=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var rr=(r={},e=[])=>{try{let t=[...e],o=Object.entries(r);for(let n=0;n<o?.length;n+=1){let[s,m]=o[n];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&rr(M?.children,t)}}if(t?.length>0)for(let n=0;n<t?.length;n+=1)clearTimeout(t[n])}catch(t){i("component.render.clearTimersOnChildren",t)}},er=rr;var tr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),er(r?.children);let t=X(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=Q({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=V(r,r.options.methods);let o=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),n=Y(o),s=Z(r,n);return{unwrapped:n,wrapped:s}}catch(t){i("component.render.toHTML",t)}};var Rr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},or=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?or(e):P(e)):P(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},P=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:Rr(r.attributes),children:[].flatMap.call(r.childNodes,o=>or(o))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},nr=P;var Dr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},ir=(r="")=>{try{let e=Dr(r);return nr(e)}catch(e){i("component.virtualDOM.build",e)}};var cr=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var Lr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let o=0;o<t.length;o+=1){let[n,s]=t[o];cr(n)&&e.setAttribute(n,s)}for(let o=0;o<r?.children?.length;o+=1){let n=r?.children[o];if(n){let s=ar(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},ar=(r=null)=>{try{return W(r)?document.createTextNode(r):Lr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},sr=ar;var dr=(r={},e={})=>{try{let t=tr(r,{existingChildren:e?.existingChildren}),o=ir(t.wrapped,r),n=e.includeActual&&o?sr(o):null;return{html:t,virtual:o,actual:n}}catch(t){i("component.render.getUpdatedDOM",t)}};var lr=(r={},e="",t="id")=>{try{let o=r&&r.id;if(B(r)&&o){let n=Object.keys(r);for(let s=0;s<n.length;s+=1){let m=n[s],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=lr(k,e,t);if(C!==null)return C}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},ur=lr;var pr=(r="",e={},t=null)=>{let o=ur(t||window.joystick._internal.tree,r,"instanceId");o&&(o.children=[...o.children||[],e])};var vr=(r={},e={},t=null)=>{try{let o=dr(r,{includeActual:!0,existingChildren:t});return r.dom=o,r.setDOMNodeOnInstance(),e.renderedComponent=r,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Ar=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Hr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Nr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};pr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Ir=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},_r=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,fr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(n||{},t,r)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Pr=function(){return function(e=null,t={},o={}){let n=e({props:t,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},m=o.children[n.id]||[],l=s[m?.length];return n.state=l?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,_r(n,o,t),E("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Ir(this,n),n.parent&&Nr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Hr(n):n.parent&&n.parent.ssrTree?Ar(n):vr(n,this,l?.children)}},$r=function(e,t){try{let o=this;return new Pr().bind({})(e,t,o)}catch(o){i("component.renderMethods.component",o)}},_=$r;export{_ as default};

package/dist/component/class/renderMethods/dragDrop/draggable.js

@@ -1 +1 @@
-var l=(n={},r={})=>{Object.entries(n).forEach(([a,e])=>{r[a]=e})};var f="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),p=(n=16)=>{let r="",a=0;for(;a<n;)r+=f[Math.floor(Math.random()*(f.length-1))],a+=1;return r};var c=(n="",r={})=>{throw new Error(`[joystick${n?`.${n}`:""}] ${r.message||r.reason||r}`)};var A=n=>{try{return typeof n=="function"}catch(r){c("types.isFunction",r)}};var m=n=>{try{return!!(n&&typeof n=="object"&&!Array.isArray(n))}catch(r){c("types.isObject",r)}};var h=(n={},r="",a="id")=>{try{let e=n&&n.id;if(m(n)&&e){let s=Object.keys(n);for(let t=0;t<s.length;t+=1){let o=s[t],i=n[o];if(o===a&&i===r)return n;if(o==="children"&&Array.isArray(i))for(let d=0;d<i.length;d+=1){let x=i[d],g=h(x,r,a);if(g!==null)return g}}}return null}catch(e){c("component.findComponentInTreeByField",e)}},u=h;var y=(n={},r="",a="",e={})=>{try{let s=null;n.dragDrop={...n.dragDrop||{},events:{...n.dragDrop?.events||{},[`drag [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDrag&&A(e.events.onDrag)&&e.events.onDrag(t,o)},[`dragend [data-${r}="${a}"]`]:(t={},o={})=>{r==="droppable"&&e.sortable&&(t.target.classList.remove("is-dragging"),s=null),e?.events?.onDragEnd&&A(e.events.onDragEnd)&&e.events.onDragEnd(t,o)},[`dragenter [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDragEnter&&A(e.events.onDragEnter)&&e.events.onDragEnter(t,o)},[`dragleave [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDragLeave&&A(e.events.onDragLeave)&&e.events.onDragLeave(t,o)},[`dragover [data-${r}="${a}"]`]:(t={},o={})=>{t.preventDefault(),r==="droppable"&&e.sortable&&(s.compareDocumentPosition(t.target)===Node.DOCUMENT_POSITION_PRECEDING?t.target.parentNode.insertBefore(s,t.target):t.target.parentNode.insertBefore(s,t.target.nextSibling)),e?.events?.onDragOver&&A(e.events.onDragOver)&&e.events.onDragOver(t,o)},[`dragstart [data-${r}="${a}"]`]:(t={},o={})=>{if(r==="droppable"&&e.sortable){t.dataTransfer.effectAllowed="move",s=t.target,t.target.classList.add("is-dragging"),t.dataTransfer.setData("text/plain",null);let i=new Image;i.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",t.dataTransfer.setDragImage(i,1,1)}e?.events?.onDragStart&&A(e.events.onDragStart)&&e.events.onDragStart(t,o)},[`drop [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDrop&&A(e.events.onDrop)&&e.events.onDrop(t,o)}}}}catch(s){c("component.renderMethods.dragDrop.attachEvents",s)}};var D=class{constructor(r={}){l(r,this)}initHTML(r=""){let a=document.createElement("div");a.innerHTML=r?.trim()?.replace(/\n/g,"");let e=a.childNodes;if(e?.length>0){for(let s=0;s<e?.length;s+=1){let t=e[s],o=this.id||p();t.setAttribute("draggable",!0),t.setAttribute("data-draggable",o),this.attachEvents(o,this.parent)}return a.innerHTML}}attachEvents(r="",a={}){let e=u(window.joystick._internal.tree,a.instanceId,"instanceId")?.instance||{};y(e,"draggable",r,{events:this.events})}},Q=D;export{Q as default};
+var l=(n={},r={})=>{Object.entries(n).forEach(([a,e])=>{r[a]=e})};var p="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),f=(n=16)=>{let r="",a=0;for(;a<n;)r+=p[Math.floor(Math.random()*(p.length-1))],a+=1;return r};var c=(n="",r={})=>{throw new Error(`[joystick${n?`.${n}`:""}] ${r.message||r.reason||r}`)};var A=n=>{try{return typeof n=="function"}catch(r){c("types.isFunction",r)}};var m=n=>{try{return!!(n&&typeof n=="object"&&!Array.isArray(n))}catch(r){c("types.isObject",r)}};var h=(n={},r="",a="id")=>{try{let e=n&&n.id;if(m(n)&&e){let s=Object.keys(n);for(let t=0;t<s.length;t+=1){let o=s[t],i=n[o];if(o===a&&i===r)return n;if(o==="children"&&Array.isArray(i))for(let d=0;d<i.length;d+=1){let x=i[d],g=h(x,r,a);if(g!==null)return g}}}return null}catch(e){c("component.findComponentInTreeByField",e)}},u=h;var y=(n={},r="",a="",e={})=>{try{let s=null;n.dragDrop={...n.dragDrop||{},events:{...n.dragDrop?.events||{},[`drag [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDrag&&A(e.events.onDrag)&&e.events.onDrag(t,o)},[`dragend [data-${r}="${a}"]`]:(t={},o={})=>{r==="droppable"&&e.sortable&&(t.target.classList.remove("is-dragging"),s=null),e?.events?.onDragEnd&&A(e.events.onDragEnd)&&e.events.onDragEnd(t,o)},[`dragenter [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDragEnter&&A(e.events.onDragEnter)&&e.events.onDragEnter(t,o)},[`dragleave [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDragLeave&&A(e.events.onDragLeave)&&e.events.onDragLeave(t,o)},[`dragover [data-${r}="${a}"]`]:(t={},o={})=>{t.preventDefault(),r==="droppable"&&e.sortable&&(s.compareDocumentPosition(t.target)===Node.DOCUMENT_POSITION_PRECEDING?t.target.parentNode.insertBefore(s,t.target):t.target.parentNode.insertBefore(s,t.target.nextSibling)),e?.events?.onDragOver&&A(e.events.onDragOver)&&e.events.onDragOver(t,o)},[`dragstart [data-${r}="${a}"]`]:(t={},o={})=>{if(r==="droppable"&&e.sortable){t.dataTransfer.effectAllowed="move",s=t.target,t.target.classList.add("is-dragging"),t.dataTransfer.setData("text/plain",null);let i=new Image;i.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",t.dataTransfer.setDragImage(i,1,1)}e?.events?.onDragStart&&A(e.events.onDragStart)&&e.events.onDragStart(t,o)},[`drop [data-${r}="${a}"]`]:(t={},o={})=>{e?.events?.onDrop&&A(e.events.onDrop)&&e.events.onDrop(t,o)}}}}catch(s){c("component.renderMethods.dragDrop.attachEvents",s)}};var D=class{constructor(r={}){l(r,this)}initHTML(r=""){let a=document.createElement("div");a.innerHTML=r?.trim()?.replace(/\n/g,"");let e=a.childNodes;if(e?.length>0){for(let s=0;s<e?.length;s+=1){let t=e[s],o=this.id||f();t.setAttribute("draggable",!0),t.setAttribute("data-draggable",o),this.attachEvents(o,this.parent)}return a.innerHTML}}attachEvents(r="",a={}){let e=u(window.joystick._internal.tree,a.instanceId,"instanceId")?.instance||{};y(e,"draggable",r,{events:this.events})}},Q=D;export{Q as default};

package/dist/component/class/renderMethods/dragDrop/droppable.js

@@ -1 +1 @@
-var g=(n={},t={})=>{Object.entries(n).forEach(([o,e])=>{t[o]=e})};var c=(n="",t={})=>{throw new Error(`[joystick${n?`.${n}`:""}] ${t.message||t.reason||t}`)};var A=n=>{try{return typeof n=="function"}catch(t){c("types.isFunction",t)}};var p=n=>{try{return!!(n&&typeof n=="object"&&!Array.isArray(n))}catch(t){c("types.isObject",t)}};var f=(n={},t="",o="id")=>{try{let e=n&&n.id;if(p(n)&&e){let s=Object.keys(n);for(let r=0;r<s.length;r+=1){let a=s[r],i=n[a];if(a===o&&i===t)return n;if(a==="children"&&Array.isArray(i))for(let d=0;d<i.length;d+=1){let u=i[d],l=f(u,t,o);if(l!==null)return l}}}return null}catch(e){c("component.findComponentInTreeByField",e)}},m=f;var h=(n={},t="",o="",e={})=>{try{let s=null;n.dragDrop={...n.dragDrop||{},events:{...n.dragDrop?.events||{},[`drag [data-${t}="${o}"]`]:(r={},a={})=>{e?.events?.onDrag&&A(e.events.onDrag)&&e.events.onDrag(r,a)},[`dragend [data-${t}="${o}"]`]:(r={},a={})=>{t==="droppable"&&e.sortable&&(r.target.classList.remove("is-dragging"),s=null),e?.events?.onDragEnd&&A(e.events.onDragEnd)&&e.events.onDragEnd(r,a)},[`dragenter [data-${t}="${o}"]`]:(r={},a={})=>{e?.events?.onDragEnter&&A(e.events.onDragEnter)&&e.events.onDragEnter(r,a)},[`dragleave [data-${t}="${o}"]`]:(r={},a={})=>{e?.events?.onDragLeave&&A(e.events.onDragLeave)&&e.events.onDragLeave(r,a)},[`dragover [data-${t}="${o}"]`]:(r={},a={})=>{r.preventDefault(),t==="droppable"&&e.sortable&&(s.compareDocumentPosition(r.target)===Node.DOCUMENT_POSITION_PRECEDING?r.target.parentNode.insertBefore(s,r.target):r.target.parentNode.insertBefore(s,r.target.nextSibling)),e?.events?.onDragOver&&A(e.events.onDragOver)&&e.events.onDragOver(r,a)},[`dragstart [data-${t}="${o}"]`]:(r={},a={})=>{if(t==="droppable"&&e.sortable){r.dataTransfer.effectAllowed="move",s=r.target,r.target.classList.add("is-dragging"),r.dataTransfer.setData("text/plain",null);let i=new Image;i.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",r.dataTransfer.setDragImage(i,1,1)}e?.events?.onDragStart&&A(e.events.onDragStart)&&e.events.onDragStart(r,a)},[`drop [data-${t}="${o}"]`]:(r={},a={})=>{e?.events?.onDrop&&A(e.events.onDrop)&&e.events.onDrop(r,a)}}}}catch(s){c("component.renderMethods.dragDrop.attachEvents",s)}};var y=class{constructor(t={}){g(t,this)}initHTML(t=""){let o=document.createElement("div");o.innerHTML=t?.trim()?.replace(/\n/g,"");let e=o.childNodes;if(e?.length>0){for(let s=0;s<e?.length;s+=1)e[s].setAttribute("data-droppable",this.name),this.attachEvents(this.name,this.parent);return o.innerHTML}}attachEvents(t="",o={}){let e=m(window.joystick._internal.tree,o.instanceId,"instanceId")?.instance||{};h(e,"droppable",t,{events:this.events,sortable:this.sortable})}},S=y;export{S as default};
+var g=(n={},t={})=>{Object.entries(n).forEach(([o,r])=>{t[o]=r})};var c=(n="",t={})=>{throw new Error(`[joystick${n?`.${n}`:""}] ${t.message||t.reason||t}`)};var A=n=>{try{return typeof n=="function"}catch(t){c("types.isFunction",t)}};var p=n=>{try{return!!(n&&typeof n=="object"&&!Array.isArray(n))}catch(t){c("types.isObject",t)}};var f=(n={},t="",o="id")=>{try{let r=n&&n.id;if(p(n)&&r){let s=Object.keys(n);for(let e=0;e<s.length;e+=1){let a=s[e],i=n[a];if(a===o&&i===t)return n;if(a==="children"&&Array.isArray(i))for(let d=0;d<i.length;d+=1){let y=i[d],l=f(y,t,o);if(l!==null)return l}}}return null}catch(r){c("component.findComponentInTreeByField",r)}},m=f;var h=(n={},t="",o="",r={})=>{try{let s=null;n.dragDrop={...n.dragDrop||{},events:{...n.dragDrop?.events||{},[`drag [data-${t}="${o}"]`]:(e={},a={})=>{r?.events?.onDrag&&A(r.events.onDrag)&&r.events.onDrag(e,a)},[`dragend [data-${t}="${o}"]`]:(e={},a={})=>{t==="droppable"&&r.sortable&&(e.target.classList.remove("is-dragging"),s=null),r?.events?.onDragEnd&&A(r.events.onDragEnd)&&r.events.onDragEnd(e,a)},[`dragenter [data-${t}="${o}"]`]:(e={},a={})=>{r?.events?.onDragEnter&&A(r.events.onDragEnter)&&r.events.onDragEnter(e,a)},[`dragleave [data-${t}="${o}"]`]:(e={},a={})=>{r?.events?.onDragLeave&&A(r.events.onDragLeave)&&r.events.onDragLeave(e,a)},[`dragover [data-${t}="${o}"]`]:(e={},a={})=>{e.preventDefault(),t==="droppable"&&r.sortable&&(s.compareDocumentPosition(e.target)===Node.DOCUMENT_POSITION_PRECEDING?e.target.parentNode.insertBefore(s,e.target):e.target.parentNode.insertBefore(s,e.target.nextSibling)),r?.events?.onDragOver&&A(r.events.onDragOver)&&r.events.onDragOver(e,a)},[`dragstart [data-${t}="${o}"]`]:(e={},a={})=>{if(t==="droppable"&&r.sortable){e.dataTransfer.effectAllowed="move",s=e.target,e.target.classList.add("is-dragging"),e.dataTransfer.setData("text/plain",null);let i=new Image;i.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",e.dataTransfer.setDragImage(i,1,1)}r?.events?.onDragStart&&A(r.events.onDragStart)&&r.events.onDragStart(e,a)},[`drop [data-${t}="${o}"]`]:(e={},a={})=>{r?.events?.onDrop&&A(r.events.onDrop)&&r.events.onDrop(e,a)}}}}catch(s){c("component.renderMethods.dragDrop.attachEvents",s)}};var u=class{constructor(t={}){g(t,this)}initHTML(t=""){let o=document.createElement("div");o.innerHTML=t?.trim()?.replace(/\n/g,"");let r=o.childNodes;if(r?.length>0){for(let s=0;s<r?.length;s+=1)r[s].setAttribute("data-droppable",this.name),this.attachEvents(this.name,this.parent);return o.innerHTML}}attachEvents(t="",o={}){let r=m(window.joystick._internal.tree,o.instanceId,"instanceId")?.instance||{};h(r,"droppable",t,{events:this.events,sortable:this.sortable})}},M=u;export{M as default};

package/dist/component/class/renderMethods/dragDrop/index.js

@@ -1 +1 @@
-var s=(o="",e={})=>{throw new Error(`[joystick${o?`.${o}`:""}] ${e.message||e.reason||e}`)};var c=o=>{try{return typeof o=="function"}catch(e){s("types.isFunction",e)}};var h=o=>{try{return!!(o&&typeof o=="object"&&!Array.isArray(o))}catch(e){s("types.isObject",e)}};var m=()=>typeof window=="undefined";var l=(o={},e={})=>{Object.entries(o).forEach(([r,t])=>{e[r]=t})};var u="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),y=(o=16)=>{let e="",r=0;for(;r<o;)e+=u[Math.floor(Math.random()*(u.length-1))],r+=1;return e};var b=(o={},e="",r="id")=>{try{let t=o&&o.id;if(h(o)&&t){let a=Object.keys(o);for(let n=0;n<a.length;n+=1){let i=a[n],d=o[i];if(i===r&&d===e)return o;if(i==="children"&&Array.isArray(d))for(let g=0;g<d.length;g+=1){let T=d[g],f=b(T,e,r);if(f!==null)return f}}}return null}catch(t){s("component.findComponentInTreeByField",t)}},p=b;var A=(o={},e="",r="",t={})=>{try{let a=null;o.dragDrop={...o.dragDrop||{},events:{...o.dragDrop?.events||{},[`drag [data-${e}="${r}"]`]:(n={},i={})=>{t?.events?.onDrag&&c(t.events.onDrag)&&t.events.onDrag(n,i)},[`dragend [data-${e}="${r}"]`]:(n={},i={})=>{e==="droppable"&&t.sortable&&(n.target.classList.remove("is-dragging"),a=null),t?.events?.onDragEnd&&c(t.events.onDragEnd)&&t.events.onDragEnd(n,i)},[`dragenter [data-${e}="${r}"]`]:(n={},i={})=>{t?.events?.onDragEnter&&c(t.events.onDragEnter)&&t.events.onDragEnter(n,i)},[`dragleave [data-${e}="${r}"]`]:(n={},i={})=>{t?.events?.onDragLeave&&c(t.events.onDragLeave)&&t.events.onDragLeave(n,i)},[`dragover [data-${e}="${r}"]`]:(n={},i={})=>{n.preventDefault(),e==="droppable"&&t.sortable&&(a.compareDocumentPosition(n.target)===Node.DOCUMENT_POSITION_PRECEDING?n.target.parentNode.insertBefore(a,n.target):n.target.parentNode.insertBefore(a,n.target.nextSibling)),t?.events?.onDragOver&&c(t.events.onDragOver)&&t.events.onDragOver(n,i)},[`dragstart [data-${e}="${r}"]`]:(n={},i={})=>{if(e==="droppable"&&t.sortable){n.dataTransfer.effectAllowed="move",a=n.target,n.target.classList.add("is-dragging"),n.dataTransfer.setData("text/plain",null);let d=new Image;d.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",n.dataTransfer.setDragImage(d,1,1)}t?.events?.onDragStart&&c(t.events.onDragStart)&&t.events.onDragStart(n,i)},[`drop [data-${e}="${r}"]`]:(n={},i={})=>{t?.events?.onDrop&&c(t.events.onDrop)&&t.events.onDrop(n,i)}}}}catch(a){s("component.renderMethods.dragDrop.attachEvents",a)}};var D=class{constructor(e={}){l(e,this)}initHTML(e=""){let r=document.createElement("div");r.innerHTML=e?.trim()?.replace(/\n/g,"");let t=r.childNodes;if(t?.length>0){for(let a=0;a<t?.length;a+=1){let n=t[a],i=this.id||y();n.setAttribute("draggable",!0),n.setAttribute("data-draggable",i),this.attachEvents(i,this.parent)}return r.innerHTML}}attachEvents(e="",r={}){let t=p(window.joystick._internal.tree,r.instanceId,"instanceId")?.instance||{};A(t,"draggable",e,{events:this.events})}},E=D;var x=class{constructor(e={}){l(e,this)}initHTML(e=""){let r=document.createElement("div");r.innerHTML=e?.trim()?.replace(/\n/g,"");let t=r.childNodes;if(t?.length>0){for(let a=0;a<t?.length;a+=1)t[a].setAttribute("data-droppable",this.name),this.attachEvents(this.name,this.parent);return r.innerHTML}}attachEvents(e="",r={}){let t=p(window.joystick._internal.tree,r.instanceId,"instanceId")?.instance||{};A(t,"droppable",e,{events:this.events,sortable:this.sortable})}},w=x;var I=function(o="",e={}){try{let r=new E({...e,origin:this.name,parent:this.parent});return m()?o:r.initHTML(o,e?.id)}catch(r){s("component.renderMethods.dragDrop.draggable",r)}},v=function(e="",r=null,t={}){try{let a=new w({name:e,parent:this,...t});if(!r||r&&!c(r))throw Error("Second argument to droppable must be a callback function returning HTML.");return m()?r(I.bind({name:e,parent:this})):a.initHTML(r(I.bind({name:e,parent:this})))}catch(a){s("component.renderMethods.dragDrop",a)}},ne=v;export{ne as default};
+var s=(o="",e={})=>{throw new Error(`[joystick${o?`.${o}`:""}] ${e.message||e.reason||e}`)};var c=o=>{try{return typeof o=="function"}catch(e){s("types.isFunction",e)}};var h=o=>{try{return!!(o&&typeof o=="object"&&!Array.isArray(o))}catch(e){s("types.isObject",e)}};var m=()=>typeof window=="undefined";var l=(o={},e={})=>{Object.entries(o).forEach(([t,r])=>{e[t]=r})};var u="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),y=(o=16)=>{let e="",t=0;for(;t<o;)e+=u[Math.floor(Math.random()*(u.length-1))],t+=1;return e};var b=(o={},e="",t="id")=>{try{let r=o&&o.id;if(h(o)&&r){let a=Object.keys(o);for(let n=0;n<a.length;n+=1){let i=a[n],d=o[i];if(i===t&&d===e)return o;if(i==="children"&&Array.isArray(d))for(let g=0;g<d.length;g+=1){let T=d[g],f=b(T,e,t);if(f!==null)return f}}}return null}catch(r){s("component.findComponentInTreeByField",r)}},p=b;var A=(o={},e="",t="",r={})=>{try{let a=null;o.dragDrop={...o.dragDrop||{},events:{...o.dragDrop?.events||{},[`drag [data-${e}="${t}"]`]:(n={},i={})=>{r?.events?.onDrag&&c(r.events.onDrag)&&r.events.onDrag(n,i)},[`dragend [data-${e}="${t}"]`]:(n={},i={})=>{e==="droppable"&&r.sortable&&(n.target.classList.remove("is-dragging"),a=null),r?.events?.onDragEnd&&c(r.events.onDragEnd)&&r.events.onDragEnd(n,i)},[`dragenter [data-${e}="${t}"]`]:(n={},i={})=>{r?.events?.onDragEnter&&c(r.events.onDragEnter)&&r.events.onDragEnter(n,i)},[`dragleave [data-${e}="${t}"]`]:(n={},i={})=>{r?.events?.onDragLeave&&c(r.events.onDragLeave)&&r.events.onDragLeave(n,i)},[`dragover [data-${e}="${t}"]`]:(n={},i={})=>{n.preventDefault(),e==="droppable"&&r.sortable&&(a.compareDocumentPosition(n.target)===Node.DOCUMENT_POSITION_PRECEDING?n.target.parentNode.insertBefore(a,n.target):n.target.parentNode.insertBefore(a,n.target.nextSibling)),r?.events?.onDragOver&&c(r.events.onDragOver)&&r.events.onDragOver(n,i)},[`dragstart [data-${e}="${t}"]`]:(n={},i={})=>{if(e==="droppable"&&r.sortable){n.dataTransfer.effectAllowed="move",a=n.target,n.target.classList.add("is-dragging"),n.dataTransfer.setData("text/plain",null);let d=new Image;d.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAADa6r/EAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=",n.dataTransfer.setDragImage(d,1,1)}r?.events?.onDragStart&&c(r.events.onDragStart)&&r.events.onDragStart(n,i)},[`drop [data-${e}="${t}"]`]:(n={},i={})=>{r?.events?.onDrop&&c(r.events.onDrop)&&r.events.onDrop(n,i)}}}}catch(a){s("component.renderMethods.dragDrop.attachEvents",a)}};var D=class{constructor(e={}){l(e,this)}initHTML(e=""){let t=document.createElement("div");t.innerHTML=e?.trim()?.replace(/\n/g,"");let r=t.childNodes;if(r?.length>0){for(let a=0;a<r?.length;a+=1){let n=r[a],i=this.id||y();n.setAttribute("draggable",!0),n.setAttribute("data-draggable",i),this.attachEvents(i,this.parent)}return t.innerHTML}}attachEvents(e="",t={}){let r=p(window.joystick._internal.tree,t.instanceId,"instanceId")?.instance||{};A(r,"draggable",e,{events:this.events})}},E=D;var x=class{constructor(e={}){l(e,this)}initHTML(e=""){let t=document.createElement("div");t.innerHTML=e?.trim()?.replace(/\n/g,"");let r=t.childNodes;if(r?.length>0){for(let a=0;a<r?.length;a+=1)r[a].setAttribute("data-droppable",this.name),this.attachEvents(this.name,this.parent);return t.innerHTML}}attachEvents(e="",t={}){let r=p(window.joystick._internal.tree,t.instanceId,"instanceId")?.instance||{};A(r,"droppable",e,{events:this.events,sortable:this.sortable})}},w=x;var I=function(o="",e={}){try{let t=new E({...e,origin:this.name,parent:this.parent});return m()?o:t.initHTML(o,e?.id)}catch(t){s("component.renderMethods.dragDrop.draggable",t)}},v=function(e="",t=null,r={}){try{let a=new w({name:e,parent:this,...r});if(!t||t&&!c(t))throw Error("Second argument to droppable must be a callback function returning HTML.");return m()?t(I.bind({name:e,parent:this})):a.initHTML(t(I.bind({name:e,parent:this})))}catch(a){s("component.renderMethods.dragDrop",a)}},ne=v;export{ne as default};

package/dist/component/class/renderMethods/each.js

@@ -1 +1 @@
-var e=(r="",t={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${t.message||t.reason||t}`)};var c=r=>{try{return typeof r=="function"}catch(t){e("types.isFunction",t)}};var i=function(t=[],n=null){try{return c(n)&&t&&Array.isArray(t)?t.map((o,s)=>n(o,s)).join(""):""}catch(o){e("component.renderMethods.each",o)}},h=i;export{h as default};
+var e=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var c=t=>{try{return typeof t=="function"}catch(r){e("types.isFunction",r)}};var i=function(r=[],n=null){try{return c(n)&&r&&Array.isArray(r)?r.map((o,s)=>n(o,s)).join(""):""}catch(o){e("component.renderMethods.each",o)}},h=i;export{h as default};

package/dist/component/class/renderMethods/index.js

@@ -1 +1 @@
-var mr=Object.create;var v=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>v(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of yr(e))!Mr.call(r,n)&&n!=="default"&&v(r,n,{get:()=>e[n],enumerable:!(t=wr(e,n))||t.enumerable});return r},Or=r=>Fr(Tr(v(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(s){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(s)}function t(s,c){return c&&(e(c)==="object"||typeof c=="function")?c:n(s)}function n(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(s){return o=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},o(s)}function a(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),c&&m(s,c)}function m(s,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(s,c)}function l(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function s(c,p){l(this,s),this.type=c,this.path=p?p.toString():""},k=function(s){function c(p,T,d){var F;return l(this,c),F=t(this,o(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return a(c,s),c}(M),C=function(s){function c(p,T,d,F){var f;return l(this,c),f=t(this,o(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return a(c,s),c}(M),L=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"D",p)),d.lhs=T,d}return a(c,s),c}(M),A=function(s){function c(p,T){var d;return l(this,c),d=t(this,o(c).call(this,"A",p)),d.rhs=T,d}return a(c,s),c}(M),S=function(s,c){return s?"".concat(s,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new A(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new A(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new A(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var fr=Or($());var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(n=>n?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var G=(r={},e={})=>{try{return Object.entries(Q).reduce((t,[n,o])=>(t[n]=o.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var V=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[n,o])=>(t[n]=(...a)=>o(...a,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var K=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,n]={})=>(e[t]=n?.map((o={})=>({state:o?.state,children:K(o?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},X=(r={})=>{try{return K(r)}catch(e){i("component.render.getExistingStateMap",e)}};var J=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),br=new RegExp(/\n/g);var Er=(r="")=>{try{return(r.match(J)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Y=(r="")=>{try{let e=`${r}`;return e=Er(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Z=(r={},e="")=>{try{let{wrapper:t=null,ssrId:n=null,id:o=null,instanceId:a=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${n}" js-c="${o}" js-i="${a}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var rr=(r={},e=[])=>{try{let t=[...e],n=Object.entries(r);for(let o=0;o<n?.length;o+=1){let[a,m]=n[o];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&rr(M?.children,t)}}if(t?.length>0)for(let o=0;o<t?.length;o+=1)clearTimeout(t[o])}catch(t){i("component.render.clearTimersOnChildren",t)}},er=rr;var tr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),er(r?.children);let t=X(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=G({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=V(r,r.options.methods);let n=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),o=Y(n),a=Z(r,o);return{unwrapped:o,wrapped:a}}catch(t){i("component.render.toHTML",t)}};var kr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},nr=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?nr(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:kr(r.attributes),children:[].flatMap.call(r.childNodes,n=>nr(n))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},or=H;var Cr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},ir=(r="")=>{try{let e=Cr(r);return or(e)}catch(e){i("component.virtualDOM.build",e)}};var cr=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var jr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let n=0;n<t.length;n+=1){let[o,a]=t[n];cr(o)&&e.setAttribute(o,a)}for(let n=0;n<r?.children?.length;n+=1){let o=r?.children[n];if(o){let a=sr(o);e.appendChild(a)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},sr=(r=null)=>{try{return W(r)?document.createTextNode(r):jr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},ar=sr;var dr=(r={},e={})=>{try{let t=tr(r,{existingChildren:e?.existingChildren}),n=ir(t.wrapped,r),o=e.includeActual&&n?ar(n):null;return{html:t,virtual:n,actual:o}}catch(t){i("component.render.getUpdatedDOM",t)}};var lr=(r={},e="",t="id")=>{try{let n=r&&r.id;if(B(r)&&n){let o=Object.keys(r);for(let a=0;a<o.length;a+=1){let m=o[a],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=lr(k,e,t);if(C!==null)return C}}}return null}catch(n){i("component.findComponentInTreeByField",n)}},ur=lr;var pr=(r="",e={},t=null)=>{let n=ur(t||window.joystick._internal.tree,r,"instanceId");n&&(n.children=[...n.children||[],e])};var Rr=(r={},e={},t=null)=>{try{let n=dr(r,{includeActual:!0,existingChildren:t});return r.dom=n,r.setDOMNodeOnInstance(),e.renderedComponent=r,n.html.wrapped}catch(n){i("component.renderMethods.component.renderForClient",n)}},Dr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Lr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},Ar=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};pr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},vr=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Hr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,fr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let o=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(o||{},t,r)})}catch(n){i("component.renderMethods.component.handleOnChangeProps",n)}},Nr=function(){return function(e=null,t={},n={}){let o=e({props:t,url:n.url,translations:n.translations,api:n.options.api,req:n.options.req,dataFromSSR:n?.dataFromSSR,parent:n}),a=n?.existingStateMap[o.id]||{},m=n.children[o.id]||[],l=a[m?.length];return o.state=l?.state||o.state,n.children[o.id]=[...n.children[o.id]||[],o],o.parent=n,Hr(o,n,t),E("lifecycle.onMount",()=>{o.setDOMNodeOnInstance()}),vr(this,o),o.parent&&Ar(o),o.options.data&&o.parent.walkingTreeForSSR&&o.parent.ssrTree.dataFunctions?Lr(o):o.parent&&o.parent.ssrTree?Dr(o):Rr(o,this,l?.children)}},Ir=function(e,t){try{let n=this;return new Nr().bind({})(e,t,n)}catch(n){i("component.renderMethods.component",n)}},N=Ir;var _r=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((n,o)=>t(n,o)).join(""):""}catch(n){i("component.renderMethods.each",n)}},I=_r;var Pr=function(e="",t={}){try{let n=D()?this.translations:window.__joystick_i18n__;if(!n||!n[e])return"";let o=Object.entries(t);return o.length>0?o.reduce((a,[m,l])=>a.replace(`{{${m}}}`,l),n[e]):n[e]}catch(n){i("component.renderMethods.i18n",n)}},_=Pr;var $r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(n){i("component.renderMethods.when",n)}},P=$r;var Q={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};export{Q as default};
+var mr=Object.create;var A=Object.defineProperty;var wr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var xr=Object.getPrototypeOf,Mr=Object.prototype.hasOwnProperty;var Tr=r=>A(r,"__esModule",{value:!0});var gr=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Fr=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of yr(e))!Mr.call(r,o)&&o!=="default"&&A(r,o,{get:()=>e[o],enumerable:!(t=wr(e,o))||t.enumerable});return r},Or=r=>Fr(Tr(A(r!=null?mr(xr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var $=gr(R=>{(function(r,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof R!="undefined")e(R);else{var t={exports:{}};e(t.exports),r.index=t.exports}})(R,function(r){"use strict";function e(a){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},e(a)}function t(a,c){return c&&(e(c)==="object"||typeof c=="function")?c:o(a)}function o(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function n(a){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(c){return c.__proto__||Object.getPrototypeOf(c)},n(a)}function s(a,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(c&&c.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),c&&m(a,c)}function m(a,c){return m=Object.setPrototypeOf||function(p,T){return p.__proto__=T,p},m(a,c)}function l(a,c){if(!(a instanceof c))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0}),r.diff=void 0;var M=function a(c,p){l(this,a),this.type=c,this.path=p?p.toString():""},k=function(a){function c(p,T,d){var F;return l(this,c),F=t(this,n(c).call(this,"E",p)),F.lhs=T,F.rhs=d,F}return s(c,a),c}(M),C=function(a){function c(p,T,d,F){var f;return l(this,c),f=t(this,n(c).call(this,"M",p)),f.item=T,f.lhsIndex=d,f.rhsIndex=F,f}return s(c,a),c}(M),L=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"D",p)),d.lhs=T,d}return s(c,a),c}(M),v=function(a){function c(p,T){var d;return l(this,c),d=t(this,n(c).call(this,"A",p)),d.rhs=T,d}return s(c,a),c}(M),S=function(a,c){return a?"".concat(a,".").concat(c):c};r.diff=function(c,p){var T=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},d=[],F=T.matchKey,f=T.types||["E","A","D","M"],hr=function(h,u,w,b){h.forEach(function(O,y){var g=u.findIndex(function(x){return x[b]===O[b]});-1<g?(-1<f.indexOf("M")&&y!==g&&d.push(new C(w,O,y,g)),j(O,u[g],S(w,g))):-1<f.indexOf("D")&&d.push(new L(w,O))}),u.forEach(function(O,y){var g=h.findIndex(function(x){return O[b]===x[b]});-1<f.indexOf("A")&&g===-1&&d.push(new v(S(w,y),O))})},j=function(h,u,w){var b=Object.prototype.toString.call(h),O=Object.prototype.toString.call(u);if(-1<f.indexOf("E")&&b!==O)return d.push(new k(w,h,u)),!1;if(b==="[object Object]")Object.getOwnPropertyNames(h).forEach(function(x){Object.prototype.hasOwnProperty.call(u,x)?j(h[x],u[x],S(w,x)):-1<f.indexOf("D")&&d.push(new L(S(w,x),h[x]))}),Object.getOwnPropertyNames(u).forEach(function(x){-1<f.indexOf("A")&&!Object.prototype.hasOwnProperty.call(h,x)&&d.push(new v(S(w,x),u[x]))});else if(b!=="[object Array]")-1<f.indexOf("E")&&h!==u&&d.push(new k(w,h,u));else if(F)hr(h,u,w,F);else{var y=h.length-1,g=u.length-1;if(-1<f.indexOf("D"))for(;y>g;)d.push(new L(S(w,y),h[y--]));if(-1<f.indexOf("A"))for(;g>y;)d.push(new v(S(w,g),u[g--]));for(;0<=y;--y)j(h[y],u[y],S(w,y))}};return j(c,p),d}})});var fr=Or($());var i=(r="",e={})=>{throw new Error(`[joystick${r?`.${r}`:""}] ${e.message||e.reason||e}`)};var D=()=>typeof window=="undefined";var Sr=(r="")=>{try{let[e,t]=r?.split(".");return t?window?.joystick?._internal?.queues[e][t]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},E=(r="",e=null)=>{try{D()||(Sr(r)||{}).array.push({callback:e})}catch(t){i("addToQueue",t)}};var U=r=>{try{return!!Array.isArray(r)}catch(e){i("types.isArray",e)}};var q=r=>{try{return typeof r=="function"}catch(e){i("types.isFunction",e)}};var B=r=>{try{return!!(r&&typeof r=="object"&&!Array.isArray(r))}catch(e){i("types.isObject",e)}};var W=r=>{try{return typeof r=="string"}catch(e){i("types.isString",e)}};var z=(r=[],e="")=>{try{return(U(r)&&r.find(o=>o?.componentId===e))?.data||{}}catch(t){i("findComponentDataFromSSR",t)}};var G=(r={},e={})=>{try{return Object.entries(Q).reduce((t,[o,n])=>(t[o]=n.bind({...r,...e}),t),{})}catch(t){i("component.renderMethods.compile",t)}};var V=(r={},e={})=>{try{return Object.entries(e).reduce((t={},[o,n])=>(t[o]=(...s)=>n(...s,{...r,setState:r.setState.bind(r),...r.renderMethods||{}}),t),{})}catch{i("component.methods.compile")}};var K=(r={})=>{try{return Object.entries(r)?.reduce((e={},[t,o]={})=>(e[t]=o?.map((n={})=>({state:n?.state,children:K(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},X=(r={})=>{try{return K(r)}catch(e){i("component.render.getExistingStateMap",e)}};var J=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),br=new RegExp(/\n/g);var Er=(r="")=>{try{return(r.match(J)||[]).forEach(t=>{r=r.replace(t,"")}),r}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Y=(r="")=>{try{let e=`${r}`;return e=Er(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Z=(r={},e="")=>{try{let{wrapper:t=null,ssrId:o=null,id:n=null,instanceId:s=null}=r;return`<div ${t?.id?`id="${t.id}" `:""}${t?.classList?`class="${t.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(t){i("component.render.wrapHTML",t)}};var rr=(r={},e=[])=>{try{let t=[...e],o=Object.entries(r);for(let n=0;n<o?.length;n+=1){let[s,m]=o[n];for(let l=0;l<m?.length;l+=1){let M=m[l];Object.entries(M?.timers)?.length>0&&t.push(...Object.values(M?.timers)),Object.entries(M?.children)?.length>0&&rr(M?.children,t)}}if(t?.length>0)for(let n=0;n<t?.length;n+=1)clearTimeout(t[n])}catch(t){i("component.render.clearTimersOnChildren",t)}},er=rr;var tr=(r={},e={})=>{try{e?.dataFromSSR&&(r.data=z(e.dataFromSSR,r.id)||{}),er(r?.children);let t=X(e?.existingChildren||r?.children)||{};r.children={},r.renderMethods=G({...r,existingStateMap:t,translations:e?.translations||r.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),r.methods=V(r,r.options.methods);let o=r.options.render({...r||{},setState:r.setState.bind(r),...r.renderMethods||{}}),n=Y(o),s=Z(r,n);return{unwrapped:n,wrapped:s}}catch(t){i("component.render.toHTML",t)}};var kr=(r={})=>{try{return Object.values(r).reduce((e={},t)=>(e[t.name]=t.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},or=(r={})=>{try{return r.tagName==="WHEN"?[].flatMap.call(r?.childNodes,e=>e?.tagName==="WHEN"?or(e):H(e)):H(r)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},H=(r={})=>{try{let e=r&&r.tagName&&r.tagName.toLowerCase()||"text",t={tagName:e,attributes:kr(r.attributes),children:[].flatMap.call(r.childNodes,o=>or(o))};return e==="text"&&(t=r.textContent),t}catch(e){i("component.virtualDOM.build",e)}},nr=H;var Cr=(r="")=>{try{let e=document.createElement("div");return e.innerHTML=r,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},ir=(r="")=>{try{let e=Cr(r);return nr(e)}catch(e){i("component.virtualDOM.build",e)}};var cr=(r="")=>{try{return document.createElement("div").setAttribute(r,"Test"),!0}catch{return!1}};var jr=(r={})=>{try{let e=document.createElement(r.tagName),t=Object.entries(r.attributes);for(let o=0;o<t.length;o+=1){let[n,s]=t[o];cr(n)&&e.setAttribute(n,s)}for(let o=0;o<r?.children?.length;o+=1){let n=r?.children[o];if(n){let s=ar(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},ar=(r=null)=>{try{return W(r)?document.createTextNode(r):jr(r)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},sr=ar;var dr=(r={},e={})=>{try{let t=tr(r,{existingChildren:e?.existingChildren}),o=ir(t.wrapped,r),n=e.includeActual&&o?sr(o):null;return{html:t,virtual:o,actual:n}}catch(t){i("component.render.getUpdatedDOM",t)}};var lr=(r={},e="",t="id")=>{try{let o=r&&r.id;if(B(r)&&o){let n=Object.keys(r);for(let s=0;s<n.length;s+=1){let m=n[s],l=r[m];if(m===t&&l===e)return r;if(m==="children"&&Array.isArray(l))for(let M=0;M<l.length;M+=1){let k=l[M],C=lr(k,e,t);if(C!==null)return C}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},ur=lr;var pr=(r="",e={},t=null)=>{let o=ur(t||window.joystick._internal.tree,r,"instanceId");o&&(o.children=[...o.children||[],e])};var Rr=(r={},e={},t=null)=>{try{let o=dr(r,{includeActual:!0,existingChildren:t});return r.dom=o,r.setDOMNodeOnInstance(),e.renderedComponent=r,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Dr=(r={})=>{try{return r.renderToHTML({ssrTree:r.parent.ssrTree,translations:r.parent.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Lr=(r={})=>{try{return r.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await r.options.data(r.parent.options.api,r.parent.options.req);return r.data=e||{},{componentId:r.id,ssrId:r.ssrId,data:e}}catch(e){return{componentId:r.id,ssrId:r.ssrId,data:null,error:e}}}),r.renderToHTML({ssrTree:r?.parent?.ssrTree,translations:r?.parent?.translations,walkingTreeForSSR:r?.parent?.walkingTreeForSSR,dataFromSSR:r?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},vr=(r={})=>{try{let e={id:r.id,instanceId:r.instanceId,instance:r,children:[]};pr(r.parent.instanceId,e,r.parent&&r.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Ar=(r={},e={})=>{try{!r.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&E("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!r.renderedComponent&&e.options.lifecycle.onMount&&E("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(t){i("component.renderMethods.component.handleLifecycle",t)}},Hr=(r={},e={},t={})=>{try{!e.walkingTreeForSSR&&r?.options?.lifecycle?.onUpdateProps&&(0,fr.diff)(e?.existingPropsMap,t)?.length>0&&E("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[r.id];r.options.lifecycle.onUpdateProps(n||{},t,r)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Nr=function(){return function(e=null,t={},o={}){let n=e({props:t,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},m=o.children[n.id]||[],l=s[m?.length];return n.state=l?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,Hr(n,o,t),E("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Ar(this,n),n.parent&&vr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Lr(n):n.parent&&n.parent.ssrTree?Dr(n):Rr(n,this,l?.children)}},Ir=function(e,t){try{let o=this;return new Nr().bind({})(e,t,o)}catch(o){i("component.renderMethods.component",o)}},N=Ir;var _r=function(e=[],t=null){try{return q(t)&&e&&Array.isArray(e)?e.map((o,n)=>t(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},I=_r;var Pr=function(e="",t={}){try{let o=D()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(t);return n.length>0?n.reduce((s,[m,l])=>s.replace(`{{${m}}}`,l),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},_=Pr;var $r=function(e=!1,t=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${t.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},P=$r;var Q={c:N,component:N,e:I,each:I,i:_,i18n:_,w:P,when:P};export{Q as default};

package/dist/component/class/virtualDOM/diff/children.js

@@ -1 +1 @@
-var g=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},h=g;var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var l=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var A=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];l(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=y(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},y=(e=null)=>{try{return m(e)?document.createTextNode(e):A(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},f=y;var T=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},u=T;var d={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),u(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};var a=(e,t)=>r=>{let i=e?f(e):null;return r&&r.replaceWith(i),i},F=()=>e=>{e&&e.remove()},E=(e=void 0,t=void 0)=>e===void 0||t===void 0?F():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?d.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(u(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),x=E;var C=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},O=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},P=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=f(n);return s.appendChild(b),s};r.push(c)}),r},M=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=x(i,t[n]);r.push(c)}),r},D=(e=[],t=[])=>{let r=M(e,t),i=P(e,t);return n=>{if(n){let c=h(r,n.childNodes);O(c),C(i,n)}return n}},p=D;export{p as default};
+var g=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},h=g;var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var l=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var A=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];l(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=y(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},y=(e=null)=>{try{return m(e)?document.createTextNode(e):A(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},u=y;var F=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},f=F;var d={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),f(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};var a=(e,t)=>r=>{let i=e?u(e):null;return r&&r.replaceWith(i),i},T=()=>e=>{e&&e.remove()},C=(e=void 0,t=void 0)=>e===void 0||t===void 0?T():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?d.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(f(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),x=C;var E=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},O=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},P=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=u(n);return s.appendChild(b),s};r.push(c)}),r},M=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=x(i,t[n]);r.push(c)}),r},D=(e=[],t=[])=>{let r=M(e,t),i=P(e,t);return n=>{if(n){let c=h(r,n.childNodes);O(c),E(i,n)}return n}},p=D;export{p as default};

package/dist/component/class/virtualDOM/diff/elementPatchFunctions.js

@@ -1 +1 @@
-var g=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},f=g;var A=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},h=A;var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var l=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var T=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];l(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=y(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},y=(e=null)=>{try{return m(e)?document.createTextNode(e):T(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},u=y;var a=(e,t)=>r=>{let i=e?u(e):null;return r&&r.replaceWith(i),i},F=()=>e=>{e&&e.remove()},E=(e=void 0,t=void 0)=>e===void 0||t===void 0?F():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?x.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(f(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),d=E;var C=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},O=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},P=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=u(n);return s.appendChild(b),s};r.push(c)}),r},M=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=d(i,t[n]);r.push(c)}),r},D=(e=[],t=[])=>{let r=M(e,t),i=P(e,t);return n=>{if(n){let c=h(r,n.childNodes);O(c),C(i,n)}return n}},p=D;var x={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),f(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};export{x as default};
+var g=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},u=g;var A=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},h=A;var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var l=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var F=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];l(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=y(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},y=(e=null)=>{try{return m(e)?document.createTextNode(e):F(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},f=y;var a=(e,t)=>r=>{let i=e?f(e):null;return r&&r.replaceWith(i),i},T=()=>e=>{e&&e.remove()},C=(e=void 0,t=void 0)=>e===void 0||t===void 0?T():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?x.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(u(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),d=C;var E=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},O=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},P=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=f(n);return s.appendChild(b),s};r.push(c)}),r},M=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=d(i,t[n]);r.push(c)}),r},D=(e=[],t=[])=>{let r=M(e,t),i=P(e,t);return n=>{if(n){let c=h(r,n.childNodes);O(c),E(i,n)}return n}},p=D;var x={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),u(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};export{x as default};

package/dist/component/class/virtualDOM/diff/index.js

@@ -1 +1 @@
-var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var h=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var m=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var g=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];m(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=l(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},l=(e=null)=>{try{return h(e)?document.createTextNode(e):g(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},f=l;var A=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},u=A;var T=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},y=T;var F=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},E=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},C=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=f(n);return s.appendChild(b),s};r.push(c)}),r},O=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=d(i,t[n]);r.push(c)}),r},P=(e=[],t=[])=>{let r=O(e,t),i=C(e,t);return n=>{if(n){let c=y(r,n.childNodes);E(c),F(i,n)}return n}},p=P;var x={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),u(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};var a=(e,t)=>r=>{let i=e?f(e):null;return r&&r.replaceWith(i),i},M=()=>e=>{e&&e.remove()},D=(e=void 0,t=void 0)=>e===void 0||t===void 0?M():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?x.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(u(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),d=D;export{d as default};
+var o=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var h=e=>{try{return typeof e=="string"}catch(t){o("types.isString",t)}};var m=(e="")=>{try{return document.createElement("div").setAttribute(e,"Test"),!0}catch{return!1}};var g=(e={})=>{try{let t=document.createElement(e.tagName),r=Object.entries(e.attributes);for(let i=0;i<r.length;i+=1){let[n,c]=r[i];m(n)&&t.setAttribute(n,c)}for(let i=0;i<e?.children?.length;i+=1){let n=e?.children[i];if(n){let c=l(n);t.appendChild(c)}}return t}catch(t){o("component.virtualDOM.renderTreeToDOM.renderElement",t)}},l=(e=null)=>{try{return h(e)?document.createTextNode(e):g(e)}catch(t){o("component.virtualDOM.renderTreeToDOM",t)}},u=l;var A=(e={},t={})=>{let r=[];for(let[i,n]of Object.entries(t))r.push(c=>(c&&c.setAttribute&&c.setAttribute(i,n),c));for(let i in e)i in t||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(i),n));return i=>{for(let n of r)n&&typeof n=="function"&&n(i)}},f=A;var F=(e=[],t=[])=>{let r=[],i=Math.max(e.length,t.length);for(let n=0;n<i;n+=1){let c=e[n],s=t[n];r.push([c,s])}return r},y=F;var T=(e=[],t)=>{e.forEach(r=>{r&&typeof r=="function"&&r(t)})},C=(e=[])=>{e.forEach(([t,r])=>{t&&typeof t=="function"&&t(r)})},E=(e=[],t=[])=>{let r=[];return t.slice(e.length).forEach(n=>{let c=s=>{let b=u(n);return s.appendChild(b),s};r.push(c)}),r},O=(e=[],t=[])=>{let r=[];return e.forEach((i,n)=>{let c=d(i,t[n]);r.push(c)}),r},P=(e=[],t=[])=>{let r=O(e,t),i=E(e,t);return n=>{if(n){let c=y(r,n.childNodes);C(c),T(i,n)}return n}},p=P;var x={select:(e,t)=>r=>{let i=r.value;r.replaceChildren(),f(e.attributes,t.attributes)(r),p([],t.children)(r);let n=r.querySelector(`option[value="${i}"]`);if(n&&(r.value=i),!n){let c=r.querySelector("option");r.value=c?.value||""}return r}};var a=(e,t)=>r=>{let i=e?u(e):null;return r&&r.replaceWith(i),i},M=()=>e=>{e&&e.remove()},D=(e=void 0,t=void 0)=>e===void 0||t===void 0?M():typeof e=="string"||typeof t=="string"?a(t,e):e.tagName!==t.tagName?a(t):t.tagName==="select"?x.select(e,t):["pre","code"].includes(t.tagName)?a(t,e):n=>(f(e.attributes,t.attributes)(n),p(e.children,t.children)(n),n),d=D;export{d as default};

package/dist/component/tree/addChildToParent.js

@@ -1 +1 @@
-var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var l=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var x=(t={},r="",n="id")=>{try{let e=t&&t.id;if(l(t)&&e){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],o=t[s];if(s===n&&o===r)return t;if(s==="children"&&Array.isArray(o))for(let p=0;p<o.length;p+=1){let f=o[p],a=x(f,r,n);if(a!==null)return a}}}return null}catch(e){i("component.findComponentInTreeByField",e)}},d=x;var k=(t="",r={},n=null)=>{let e=d(n||window.joystick._internal.tree,t,"instanceId");e&&(e.children=[...e.children||[],r])};export{k as default};
+var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var l=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var u=(t={},r="",n="id")=>{try{let e=t&&t.id;if(l(t)&&e){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],o=t[s];if(s===n&&o===r)return t;if(s==="children"&&Array.isArray(o))for(let p=0;p<o.length;p+=1){let d=o[p],a=u(d,r,n);if(a!==null)return a}}}return null}catch(e){i("component.findComponentInTreeByField",e)}},x=u;var k=(t="",r={},n=null)=>{let e=x(n||window.joystick._internal.tree,t,"instanceId");e&&(e.children=[...e.children||[],r])};export{k as default};

package/dist/component/tree/clearChildrenOnParent.js

@@ -1 +1 @@
-var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var l=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){o("types.isObject",r)}};var x=(t={},r="",e="id")=>{try{let i=t&&t.id;if(l(t)&&i){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],n=t[s];if(s===e&&n===r)return t;if(s==="children"&&Array.isArray(n))for(let p=0;p<n.length;p+=1){let u=n[p],a=x(u,r,e);if(a!==null)return a}}}return null}catch(i){o("component.findComponentInTreeByField",i)}},f=x;var k=(t="",r=null)=>{let e=f(r||window.joystick._internal.tree,t,"instanceId");e&&(e.children=[])};export{k as default};
+var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var u=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){o("types.isObject",r)}};var l=(t={},r="",e="id")=>{try{let i=t&&t.id;if(u(t)&&i){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],n=t[s];if(s===e&&n===r)return t;if(s==="children"&&Array.isArray(n))for(let p=0;p<n.length;p+=1){let d=n[p],a=l(d,r,e);if(a!==null)return a}}}return null}catch(i){o("component.findComponentInTreeByField",i)}},x=l;var k=(t="",r=null)=>{let e=x(r||window.joystick._internal.tree,t,"instanceId");e&&(e.children=[])};export{k as default};

package/dist/component/tree/findComponentInTreeByField.js

@@ -1 +1 @@
-var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var a=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){o("types.isObject",r)}};var u=(t={},r="",p="id")=>{try{let n=t&&t.id;if(a(t)&&n){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],e=t[s];if(s===p&&e===r)return t;if(s==="children"&&Array.isArray(e))for(let i=0;i<e.length;i+=1){let h=e[i],x=u(h,r,p);if(x!==null)return x}}}return null}catch(n){o("component.findComponentInTreeByField",n)}},w=u;export{w as default};
+var o=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var x=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){o("types.isObject",r)}};var a=(t={},r="",p="id")=>{try{let n=t&&t.id;if(x(t)&&n){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],e=t[s];if(s===p&&e===r)return t;if(s==="children"&&Array.isArray(e))for(let i=0;i<e.length;i+=1){let h=e[i],u=a(h,r,p);if(u!==null)return u}}}return null}catch(n){o("component.findComponentInTreeByField",n)}},w=a;export{w as default};

package/dist/component/tree/replaceChildInVDOMTree.js

@@ -1 +1 @@
-var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var n=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var c=(t={},r="",s={})=>{for(let o=0;o<t?.children?.length;o+=1){let e=t?.children[o];if(n(e)&&e.attributes&&e.attributes["js-i"]&&e.attributes["js-i"]===r){t.children[o]=s;break}n(e)&&c(e,r,s)}},u=c;export{u as default};
+var n=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var s=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){n("types.isObject",r)}};var c=(t={},r="",i={})=>{for(let o=0;o<t?.children?.length;o+=1){let e=t?.children[o];if(s(e)&&e.attributes&&e.attributes["js-i"]&&e.attributes["js-i"]===r){t.children[o]=i;break}s(e)&&c(e,r,i)}},x=c;export{x as default};

package/dist/component/tree/updateParentInstanceInTree.js

@@ -1 +1 @@
-var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var x=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var d=(t={},r="",n="id")=>{try{let e=t&&t.id;if(x(t)&&e){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],o=t[s];if(s===n&&o===r)return t;if(s==="children"&&Array.isArray(o))for(let p=0;p<o.length;p+=1){let l=o[p],a=d(l,r,n);if(a!==null)return a}}}return null}catch(e){i("component.findComponentInTreeByField",e)}},f=d;var A=(t="",r={},n=null)=>{let e=f(n||window.joystick._internal.tree,t,"instanceId");e&&(e.instanceId=r?.instanceId,e.instance=r)};export{A as default};
+var i=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var u=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){i("types.isObject",r)}};var x=(t={},r="",n="id")=>{try{let e=t&&t.id;if(u(t)&&e){let y=Object.keys(t);for(let c=0;c<y.length;c+=1){let s=y[c],o=t[s];if(s===n&&o===r)return t;if(s==="children"&&Array.isArray(o))for(let p=0;p<o.length;p+=1){let l=o[p],a=x(l,r,n);if(a!==null)return a}}}return null}catch(e){i("component.findComponentInTreeByField",e)}},d=x;var A=(t="",r={},n=null)=>{let e=d(n||window.joystick._internal.tree,t,"instanceId");e&&(e.instanceId=r?.instanceId,e.instance=r)};export{A as default};

package/dist/css/getCSSFromTree.js

@@ -1,4 +1,4 @@
-var p=(t="",e={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${e.message||e.reason||e}`)};var x=t=>{try{return typeof t=="function"}catch(e){p("types.isFunction",e)}};var c=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(e){p("types.isObject",e)}};var l=t=>{try{return typeof t=="string"}catch(e){p("types.isString",e)}};var d=(t="",e={})=>{try{let i="";if(t&&l(t))return i=t,i;if(t&&x(t))return i=t(e),i;if(t&&c(t)){let s=t?.print&&(l(t?.print)||x(t?.print)),a=t?.min&&c(t?.min),m=t?.min?.width&&c(t?.min?.width),y=t?.min?.height&&c(t?.min?.height),u=t?.max&&c(t?.max),g=t?.max?.width&&c(t?.max?.width),w=t?.max?.height&&c(t?.max?.height);if(s&&(i+=`
+var p=(t="",e={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${e.message||e.reason||e}`)};var x=t=>{try{return typeof t=="function"}catch(e){p("types.isFunction",e)}};var c=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(e){p("types.isObject",e)}};var u=t=>{try{return typeof t=="string"}catch(e){p("types.isString",e)}};var d=(t="",e={})=>{try{let i="";if(t&&u(t))return i=t,i;if(t&&x(t))return i=t(e),i;if(t&&c(t)){let s=t?.print&&(u(t?.print)||x(t?.print)),a=t?.min&&c(t?.min),m=t?.min?.width&&c(t?.min?.width),f=t?.min?.height&&c(t?.min?.height),l=t?.max&&c(t?.max),g=t?.max?.width&&c(t?.max?.width),w=t?.max?.height&&c(t?.max?.height);if(s&&(i+=`
           @media print {
             ${typeof t?.print=="function"?t?.print(e):t.print}
           }
@@ -6,16 +6,16 @@ var p=(t="",e={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${e.message||e.re
             @media screen and (min-width: ${h}px) {
               ${typeof r=="function"?r(e):r}
             }
-          `}}if(a&&y){let o=Object.entries(t?.min?.height);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
+          `}}if(a&&f){let o=Object.entries(t?.min?.height);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
             @media screen and (min-height: ${h}px) {
               ${typeof r=="function"?r(e):r}
             }
-          `}}if(u&&g){let o=Object.entries(t?.max?.width);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
+          `}}if(l&&g){let o=Object.entries(t?.max?.width);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
             @media screen and (max-width: ${h}px) {
               ${typeof r=="function"?r(e):r}
             }
-          `}}if(u&&w){let o=Object.entries(t?.max?.height);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
+          `}}if(l&&w){let o=Object.entries(t?.max?.height);for(let n=0;n<o.length;n+=1){let[h,r]=o[n];i+=`
             @media screen and (max-height: ${h}px) {
               ${typeof r=="function"?r(e):r}
             }
-          `}}return i}return""}catch(i){p("component.css.compileCSS",i)}};var R=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),S=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),b=(t,e)=>(e||"").replace(R,()=>"").replace(S,i=>["@",": "].some(s=>i?.includes(s))?i:`[js-c="${t}"] ${i.trim()}`)?.trim(),f=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let i=t.instance.id,s=t.instance.options.css,a=d(s,t.instance),m=b(i,a);e.push(m)}if(t.children&&t.children.length>0){let i=t?.children?.length||0;for(;i--;)f(t.children[i],e)}return e},C=f;export{C as default};
+          `}}return i}return""}catch(i){p("component.css.compileCSS",i)}};var R=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),S=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),b=(t,e)=>(e||"").replace(R,()=>"").replace(S,i=>["@",": "].some(s=>i?.includes(s))?i:`[js-c="${t}"] ${i.trim()}`)?.trim(),y=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let i=t.instance.id,s=t.instance.options.css,a=d(s,t.instance),m=b(i,a);e.push(m)}if(t.children&&t.children.length>0){let i=t?.children?.length||0;for(;i--;)y(t.children[i],e)}return e},M=y;export{M as default};

package/dist/index.js

@@ -1,4 +1,4 @@
-var Er=Object.create;var de=Object.defineProperty;var Fr=Object.getOwnPropertyDescriptor;var kr=Object.getOwnPropertyNames;var Mr=Object.getPrototypeOf,Sr=Object.prototype.hasOwnProperty;var Tr=t=>de(t,"__esModule",{value:!0});var Or=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var vr=(t,e,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of kr(e))!Sr.call(t,o)&&o!=="default"&&de(t,o,{get:()=>e[o],enumerable:!(r=Fr(e,o))||r.enumerable});return t},Cr=t=>vr(Tr(de(t!=null?Er(Mr(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var _t=Or(oe=>{(function(t,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof oe!="undefined")e(oe);else{var r={exports:{}};e(r.exports),t.index=r.exports}})(oe,function(t){"use strict";function e(p){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(d){return typeof d}:function(d){return d&&typeof Symbol=="function"&&d.constructor===Symbol&&d!==Symbol.prototype?"symbol":typeof d},e(p)}function r(p,d){return d&&(e(d)==="object"||typeof d=="function")?d:o(p)}function o(p){if(p===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p}function n(p){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(d){return d.__proto__||Object.getPrototypeOf(d)},n(p)}function s(p,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function");p.prototype=Object.create(d&&d.prototype,{constructor:{value:p,writable:!0,configurable:!0}}),d&&c(p,d)}function c(p,d){return c=Object.setPrototypeOf||function(x,v){return x.__proto__=v,x},c(p,d)}function a(p,d){if(!(p instanceof d))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.diff=void 0;var l=function p(d,x){a(this,p),this.type=d,this.path=x?x.toString():""},F=function(p){function d(x,v,h){var L;return a(this,d),L=r(this,n(d).call(this,"E",x)),L.lhs=v,L.rhs=h,L}return s(d,p),d}(l),y=function(p){function d(x,v,h,L){var b;return a(this,d),b=r(this,n(d).call(this,"M",x)),b.item=v,b.lhsIndex=h,b.rhsIndex=L,b}return s(d,p),d}(l),w=function(p){function d(x,v){var h;return a(this,d),h=r(this,n(d).call(this,"D",x)),h.lhs=v,h}return s(d,p),d}(l),R=function(p){function d(x,v){var h;return a(this,d),h=r(this,n(d).call(this,"A",x)),h.rhs=v,h}return s(d,p),d}(l),f=function(p,d){return p?"".concat(p,".").concat(d):d};t.diff=function(d,x){var v=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},h=[],L=v.matchKey,b=v.types||["E","A","D","M"],$r=function($,g,k,P){$.forEach(function(D,M){var C=g.findIndex(function(S){return S[P]===D[P]});-1<C?(-1<b.indexOf("M")&&M!==C&&h.push(new y(k,D,M,C)),K(D,g[C],f(k,C))):-1<b.indexOf("D")&&h.push(new w(k,D))}),g.forEach(function(D,M){var C=$.findIndex(function(S){return D[P]===S[P]});-1<b.indexOf("A")&&C===-1&&h.push(new R(f(k,M),D))})},K=function($,g,k){var P=Object.prototype.toString.call($),D=Object.prototype.toString.call(g);if(-1<b.indexOf("E")&&P!==D)return h.push(new F(k,$,g)),!1;if(P==="[object Object]")Object.getOwnPropertyNames($).forEach(function(S){Object.prototype.hasOwnProperty.call(g,S)?K($[S],g[S],f(k,S)):-1<b.indexOf("D")&&h.push(new w(f(k,S),$[S]))}),Object.getOwnPropertyNames(g).forEach(function(S){-1<b.indexOf("A")&&!Object.prototype.hasOwnProperty.call($,S)&&h.push(new R(f(k,S),g[S]))});else if(P!=="[object Array]")-1<b.indexOf("E")&&$!==g&&h.push(new F(k,$,g));else if(L)$r($,g,k,L);else{var M=$.length-1,C=g.length-1;if(-1<b.indexOf("D"))for(;M>C;)h.push(new w(f(k,M),$[M--]));if(-1<b.indexOf("A"))for(;C>M;)h.push(new R(f(k,C),g[C--]));for(;0<=M;--M)K($[M],g[M],f(k,M))}};return K(d,x),h}})});var V=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var i=(t="",e={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${e.message||e.reason||e}`)};var A=(t="",e=[])=>{try{console.error(`${t} failed with the following errors:`),e.forEach(r=>{console.log(r.message),r.stack&&console.log(r.stack)})}catch(r){i(t,r)}};var Rr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("accounts.request.handleParseResponse",e)}},Ar=(t="GET",e={})=>{try{return["POST"].includes(t)?JSON.stringify({...e,origin:window?.location?.origin}):null}catch(r){i("accounts.request.getBody",r)}},jr=(t=null)=>{try{switch(t){case"authenticated":case"user":return"GET";default:return"POST"}}catch(e){i("accounts.request.getHTTPMethod",e)}},T=(t="",e={})=>{try{if(typeof window.fetch!="undefined")return new Promise((r,o)=>{let n=`${window.location.origin}/api/_accounts/${t}`,s=jr(t),c=Ar(s,e);return fetch(n,{method:s,mode:"cors",headers:{"Content-Type":"application/json"},body:c,credentials:"include"}).then(async a=>{let l=await Rr(a);return l?.errors?(A(`accounts.${t}`,l.errors),o(l)):r(l)}).catch(a=>(A(`accounts.${t}`,[a]),o({errors:[a]})))})}catch(r){i(`accounts.request.${t}`,r)}};var ge=async(t={})=>{try{let e=await T("authenticated",t);return e?.status===200&&e?.authenticated}catch(e){i("accounts.authenticated",e)}};var xe=(t={})=>{try{return T("login",t)}catch(e){i("accounts.login",e)}};var be=()=>{try{return T("logout")}catch(t){i("accounts.logout",t)}};var $e=(t={})=>{try{return T("recover-password",t)}catch(e){i("accounts.recoverPassword",e)}};var Ee=(t={})=>{try{return T("reset-password",t)}catch(e){i("accounts.resetPassword",e)}};var Fe=(t={})=>{try{return T("signup",t)}catch(e){i("accounts.signup",e)}};var ke=async(t={})=>{try{let e=await T("user",t);return e?.status===200&&e?.user}catch(e){i("accounts.user",e)}};var Me={authenticated:ge,login:xe,logout:be,recoverPassword:$e,resetPassword:Ee,signup:Fe,user:ke};var Se=t=>{try{return typeof t=="undefined"}catch(e){i("types.isUndefined",e)}},Te=t=>{try{return t===null}catch(e){i("types.isNull",e)}},Oe=t=>{try{return t instanceof HTMLElement}catch(e){i("types.isDOM",e)}},I=t=>{try{return!!Array.isArray(t)}catch(e){i("types.isArray",e)}};var m=t=>{try{return typeof t=="function"}catch(e){i("types.isFunction",e)}};var u=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(e){i("types.isObject",e)}};var O=t=>{try{return typeof t=="string"}catch(e){i("types.isString",e)}};var ve=class{constructor(e="",r={}){this.name=e,this.value=r||{},this.listeners={change:[],set:[],unset:[]}}_getValueAtPath(e=""){return e?.split(".").reduce((r=null,o="")=>(r[o]&&(r=r[o]),r),this.value)}get(e=""){return e?.trim()===""?{...this.value||{}}:this._getValueAtPath(e)}set(e=null,r=""){if(!e||!m(e))throw new Error("First argument passed to set() must be a function.");let o=e(this.value);if(!u(o))throw new Error("Value to set must be an object representing the current cache state.");this.value=o,this._handleEvent(r,"set"),this._handleEvent(r,"change")}unset(e="",r=""){e?.trim()===""&&(this.value={});let o=e?.split("."),n=o?.length-1;o.reduce((s,c,a)=>(a===n&&delete s[c],s[c]),this.value),this._handleEvent(r,"unset"),this._handleEvent(r,"change")}on(e="",r=null){if(!["change","set","unset"].includes(e))throw new Error(`Event to listen for must be change, set, or unset. ${e} is not supported.`);if(!r||!m(r))throw new Error("Second argument passed to on("<e>") must be a function.");this.listeners={[e]:[...this.listeners[e]||[],r]}}_handleEvent(e="",r=""){let o=this.listeners[r]||[];for(let n=0;n<o?.length;n+=1){let s=o[n];m(s)&&s(this.value,e,r)}}},Ce=ve;var Re=(t="",e={})=>{try{if(!t||t&&!O(t))throw new Error("Must pass a cache name as a string.");if(e&&!u(e))throw new Error("Default value for cache must be an object.");return new Ce(t,e)}catch(r){i("cache",r)}};var Ae=(t="")=>t;var E=()=>typeof window=="undefined";var je=(t={},e={})=>{let r=t({props:e}),o=r.renderToHTML();return E()||r.appendCSSToHead(),o?.wrapped};var Le="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),_=(t=16)=>{let e="",r=0;for(;r<t;)e+=Le[Math.floor(Math.random()*(Le.length-1))],r+=1;return e};var H=null,J=0,De=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);H&&(clearInterval(H),H=null);let n={client:o,send:(s={})=>o.send(JSON.stringify(s))};return o.addEventListener("open",()=>{t?.options?.logging&&console.log(`[joystick.websockets] Connected to ${t?.url}`),t?.events?.onOpen&&t.events.onOpen(n),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),n)}),o.addEventListener("close",s=>{t?.options?.logging&&console.log(`[joystick.websockets] Disconnected from ${t?.url}`),t?.events?.onClose&&t.events.onClose(s?.code,s?.reason,n),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!H&&!c&&(H=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(De(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(H)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(n),n}catch(r){i("websockets.client",r)}},Q=De;var _e=(t="",e={})=>{try{return new Promise((r,o)=>{let n=_(),s=0;Q({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/uploaders`,options:{logging:!1,autoReconnect:!0,reconnectAttempts:12,reconnectDelayInSeconds:5},query:{id:n},events:{onMessage:(c={})=>{c?.type==="PROGRESS"&&e?.onProgress&&s<100&&s!==c?.progress&&(s=c?.progress,e.onProgress(c?.progress,c?.provider))}}},()=>{let c;e?.files?.length>0&&(c=new FormData,Array.from(e?.files).forEach(a=>{c.append("files",a,a.name)})),fetch(`${window.location.origin}/api/_uploaders/${t}`,{method:"POST",headers:{"x-joystick-upload-id":n,"x-joystick-upload-input":JSON.stringify(e?.input||{})},body:c}).then(async a=>{let l=await a.json();console.log(l),l&&l.errors?(A("upload",l.errors),o({errors:l.errors})):r(l?.uploads)})})})}catch(r){i("upload",r)}};var Pe=(t={})=>{try{typeof window!="undefined"&&(window.joystick={...window.joystick||{},settings:window.__joystick_settings__,...t})}catch(e){i("attachJoystickToWindow",e)}};var Lr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("api.get.handleParseResponse",e)}},Ie=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let n=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${n}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(c,{method:"GET",mode:"cors",headers:{...e?.headers||{},"x-joystick-csrf":a},credentials:"include"}).then(async l=>{let F=await Lr(l);return F?.errors?(A("get request",F.errors),o(F)):r(F)}).catch(l=>(A("get request",[l]),o({errors:[l]})))}):Promise.resolve()}catch(r){i("get request",r)}};var Dr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("api.set.handleParseResponse",e)}},_r=(t={})=>{try{return JSON.stringify(t)}catch(e){i("api.set.getBody",e)}},qe=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let n=`${window.location.origin}/api/_setters/${t}`,s=_r(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(n,{method:"POST",mode:"cors",headers:{...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c},body:s,credentials:"include"}).then(async a=>{let l=await Dr(a);return l?.errors?(A("set request",l.errors),o(l)):r(l)}).catch(a=>(A("set request",[a]),o({errors:[a]})))}):Promise.resolve()}catch(r){i("set request",r)}};var Z={get:Ie,set:qe};var Ne=["render"];var Ve=(t={})=>{try{return Ne.every(e=>Object.keys(t).includes(e))}catch(e){i("component.hasAllRequiredOptions",e)}};var He=["_componentId","_ssrId","api","dataFromSSR","existingProps","existingState","instanceId","parent","req","css","data","defaultProps","events","id","lifecycle","methods","name","props","render","state","translations","url","websockets","wrapper"];var Ue=(t=null)=>{try{!O(t)&&!m(t)&&!u(t)&&i("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(e){i("component.optionValidators.css",e)}};var ze=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var Be=(t=null)=>{try{u(t)||i("component.optionValidators.events","options.events must be an object.");for(let e of Object.keys(t)){let[r]=e.split(" ");ze.includes(r)||i("component.optionValidators.events",`${r} is not a supported JavaScript event type.`)}for(let[e,r]of Object.entries(t))m(r)||i("component.optionValidators.events",`options.events.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.events",e)}};var Ze=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var Ge=(t=null)=>{try{u(t)||i("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[e,r]of Object.entries(t))Ze.includes(e)||i("component.optionValidators.lifecycle",`options.lifecycle.${e} is not supported.`),m(r)||i("component.optionValidators.lifecycle",`options.lifecycle.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.lifecycle",e)}};var We=(t=null)=>{try{u(t)||i("component.optionValidators.methods","options.methods must be an object.");for(let[e,r]of Object.entries(t))m(r)||i("component.optionValidators.methods",`options.methods.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.methods",e)}};var Ke=(t=null)=>{typeof t!="string"&&i("component.optionValidators.name","options.name must be a string.")};var Je=(t=null)=>{try{m(t)||i("component.optionValidators.render","options.render must be a function returning a string.")}catch(e){i("component.optionValidators.render",e)}};var Qe=(t=null)=>{try{m(t)||i("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(e){i("component.optionValidators.websockets",e)}};var Ye=(t=null)=>{try{u(t)||i("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[e,r]of Object.entries(t))e==="id"&&!O(r)&&i("component.optionValidators.wrapper",`options.wrapper.${e} must be assigned a string.`),e==="classList"&&!I(r)&&i("component.optionValidators.wrapper",`options.wrapper.${e} must be assigned an array of strings.`)}catch(e){i("component.optionValidators.wrapper",e)}};var Xe={css:Ue,events:Be,lifecycle:Ge,methods:We,name:Ke,render:Je,websockets:Qe,wrapper:Ye};var et=(t={})=>{try{Ve(t)||i("component.validateOptions",`component options must include ${required.options.join(",")}.`);for(let[e,r]of Object.entries(t)){He.includes(e)||i("component.validateOptions",`${e} is not supported by joystick.component.`);let o=Xe[e];o&&m(o)&&o(r)}}catch(e){i("component.validateOptions",e)}};var Y=(t=[],e="")=>{try{return(I(t)&&t.find(o=>o?.componentId===e))?.data||{}}catch(r){i("findComponentDataFromSSR",r)}};var tt=(()=>{let t=0;return(e,r)=>{clearTimeout(t),t=setTimeout(e,r)}})();var U=t=>!!(t&&typeof t=="object"&&!Array.isArray(t));var rt=t=>typeof t=="string";var ot=/^(?:4[0-9]{12}(?:[0-9]{3,6})?|5[1-5][0-9]{14}|(222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}|6(?:011|5[0-9][0-9])[0-9]{12,15}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11}|6[27][0-9]{14}|^(81[0-9]{14,17}))$/,nt=(t,e="")=>{if(!e)return!0;if(e&&!rt(e))return!1;let r=e?e.replace(/[- ]+/g,""):"";return t===!0?r.match(new RegExp(ot)):!r.match(new RegExp(ot))};var it=/^((?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\]))$/,st=(t,e="")=>t===!0?!!e.match(it):!e.match(it);var at=(t,e="")=>t===e;var ct=(t,e="")=>t===e;var dt=(t,e="")=>e.length<=t;var lt=(t,e="")=>e.length>=t;var mt=/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/,ut=(t,e="")=>t===!0?!!e.match(mt):!e.match(mt);var pt={AF:/^\d{4}$/,AX:/^\d{5}$/,AL:/^\d{4}$/,DZ:/^\d{5}$/,AS:/^\d{5}(-{1}\d{4,6})$/,AD:/^[Aa][Dd]\d{3}$/,AI:/^[Aa][I][-][2][6][4][0]$/,AR:/^\d{4}|[A-Za-z]\d{4}[a-zA-Z]{3}$/,AM:/^\d{4}$/,AC:/^[Aa][Ss][Cc][Nn]\s{0,1}[1][Zz][Zz]$/,AU:/^\d{4}$/,AT:/^\d{4}$/,AZ:/^[Aa][Zz]\d{4}$/,BH:/^\d{3,4}$/,BD:/^\d{4}$/,BB:/^[Aa][Zz]\d{5}$/,BY:/^\d{6}$/,BE:/^\d{4}$/,BM:/^[A-Za-z]{2}\s([A-Za-z]{2}|\d{2})$/,BT:/^\d{5}$/,BO:/^\d{4}$/,BA:/^\d{5}$/,BR:/^\d{5}-\d{3}$/,"":/^[Bb][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,IO:/^[Bb]{2}[Nn][Dd]\s{0,1}[1][Zz]{2}$/,VG:/^[Vv][Gg]\d{4}$/,BN:/^[A-Za-z]{2}\d{4}$/,BG:/^\d{4}$/,KH:/^\d{5}$/,CA:/^(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\d(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\s{0,1}\d(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\d$/,CV:/^\d{4}$/,KY:/^[Kk][Yy]\d[-\s]{0,1}\d{4}$/,TD:/^\d{5}$/,CL:/^\d{7}\s\(\d{3}-\d{4}\)$/,CN:/^\d{6}$/,CX:/^\d{4}$/,CC:/^\d{4}$/,CO:/^\d{6}$/,CD:/^[Cc][Dd]$/,CR:/^\d{4,5}$/,HR:/^\d{5}$/,CU:/^\d{5}$/,CY:/^\d{4}$/,CZ:/^\d{5}\s\(\d{3}\s\d{2}\)$/,DK:/^\d{4}$/,DO:/^\d{5}$/,EC:/^\d{6}$/,SV:/^1101$/,EG:/^\d{5}$/,EE:/^\d{5}$/,ET:/^\d{4}$/,FK:/^[Ff][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,FO:/^\d{3}$/,FI:/^\d{5}$/,FR:/^\d{5}$/,GF:/^973\d{2}$/,PF:/^987\d{2}$/,GA:/^\d{2}\s[a-zA-Z-_ ]\s\d{2}$/,GE:/^\d{4}$/,DE:/^\d{2}$/,GI:/^[Gg][Xx][1]{2}\s{0,1}[1][Aa]{2}$/,GR:/^\d{3}\s{0,1}\d{2}$/,GL:/^\d{4}$/,GP:/^971\d{2}$/,GU:/^\d{5}$/,GT:/^\d{5}$/,GG:/^[A-Za-z]{2}\d\s{0,1}\d[A-Za-z]{2}$/,GW:/^\d{4}$/,HT:/^\d{4}$/,HM:/^\d{4}$/,HN:/^\d{5}$/,HU:/^\d{4}$/,IS:/^\d{3}$/,IN:/^\d{6}$/,ID:/^\d{5}$/,IR:/^\d{5}-\d{5}$/,IQ:/^\d{5}$/,IM:/^[Ii[Mm]\d{1,2}\s\d\[A-Z]{2}$/,IL:/^\b\d{5}(\d{2})?$/,IT:/^\d{5}$/,JM:/^\d{2}$/,JP:/^\d{7}\s\(\d{3}-\d{4}\)$/,JE:/^[Jj][Ee]\d\s{0,1}\d[A-Za-z]{2}$/,JO:/^\d{5}$/,KZ:/^\d{6}$/,KE:/^\d{5}$/,KR:/^\d{6}\s\(\d{3}-\d{3}\)$/,XK:/^\d{5}$/,KW:/^\d{5}$/,KG:/^\d{6}$/,LV:/^[Ll][Vv][- ]{0,1}\d{4}$/,LA:/^\d{5}$/,LB:/^\d{4}\s{0,1}\d{4}$/,LS:/^\d{3}$/,LR:/^\d{4}$/,LY:/^\d{5}$/,LI:/^\d{4}$/,LT:/^[Ll][Tt][- ]{0,1}\d{5}$/,LU:/^\d{4}$/,MK:/^\d{4}$/,MG:/^\d{3}$/,MV:/^\d{4,5}$/,MY:/^\d{5}$/,MT:/^[A-Za-z]{3}\s{0,1}\d{4}$/,MH:/^\d{5}$/,MQ:/^972\d{2}$/,YT:/^976\d{2}$/,FM:/^\d{5}(-{1}\d{4})$/,MX:/^\d{5}$/,MD:/^[Mm][Dd][- ]{0,1}\d{4}$/,MC:/^980\d{2}$/,MN:/^\d{5}$/,ME:/^\d{5}$/,MS:/^[Mm][Ss][Rr]\s{0,1}\d{4}$/,MA:/^\d{5}$/,MZ:/^\d{4}$/,MM:/^\d{5}$/,NA:/^\d{5}$/,NP:/^\d{5}$/,NL:/^\d{4}\s{0,1}[A-Za-z]{2}$/,NC:/^988\d{2}$/,NZ:/^\d{4}$/,NI:/^\d{5}$/,NE:/^\d{4}$/,NG:/^\d{6}$/,NF:/^\d{4}$/,MP:/^\d{5}$/,NO:/^\d{4}$/,OM:/^\d{3}$/,PK:/^\d{5}$/,PW:/^\d{5}$/,PA:/^\d{6}$/,PG:/^\d{3}$/,PY:/^\d{4}$/,PE:/^\d{5}$/,PH:/^\d{4}$/,PN:/^[Pp][Cc][Rr][Nn]\s{0,1}[1][Zz]{2}$/,PL:/^\d{2}[- ]{0,1}\d{3}$/,PT:/^\d{4}$/,PR:/^\d{5}$/,RE:/^974\d{2}$/,RO:/^\d{6}$/,RU:/^\d{6}$/,BL:/^97133$/,SH:/^[Ss][Tt][Hh][Ll]\s{0,1}[1][Zz]{2}$/,MF:/^97150$/,PM:/^97500$/,VC:/^[Vv][Cc]\d{4}$/,SM:/^4789\d$/,SA:/^\d{5}(-{1}\d{4})?$/,SN:/^\d{5}$/,RS:/^\d{5}$/,SG:/^\d{2}$/,SK:/^\d{5}\s\(\d{3}\s\d{2}\)$/,SI:/^([Ss][Ii][- ]{0,1}){0,1}\d{4}$/,ZA:/^\d{4}$/,GS:/^[Ss][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,ES:/^\d{5}$/,LK:/^\d{5}$/,SD:/^\d{5}$/,SZ:/^[A-Za-z]\d{3}$/,SE:/^\d{3}\s*\d{2}$/,CH:/^\d{4}$/,SJ:/^\d{4}$/,TW:/^\d{5}$/,TJ:/^\d{6}$/,TH:/^\d{5}$/,TT:/^\d{6}$/,TN:/^\d{4}$/,TR:/^\d{5}$/,TM:/^\d{6}$/,TC:/^[Tt][Kk][Cc][Aa]\s{0,1}[1][Zz]{2}$/,UA:/^\d{5}$/,GB:/^[A-Z]{1,2}[0-9R][0-9A-Z]?\s*[0-9][A-Z-[CIKMOV]]{2}/,US:/^\b\d{5}\b(?:[- ]{1}\d{4})?$/,UY:/^\d{5}$/,VI:/^\d{5}$/,UZ:/^\d{3} \d{3}$/,VA:/^120$/,VE:/^\d{4}(\s[a-zA-Z]{1})?$/,VN:/^\d{6}$/,WF:/^986\d{2}$/,ZM:/^\d{5}$/},ft=(t,e="")=>{let r=U(t)&&t.iso?pt[t.iso||"US"]:pt.US;return U(t)?t.rule===!0?!!e.match(r):!e.match(r):t===!0?!!e.match(r):!e.match(r)};var ht=(t,e="",r={isChecked:!1})=>{if(!r.isChecked)return t===!0?e&&e.trim()!=="":e&&e.trim()==="";if(r.isChecked)return t===!0?e:!e};var wt=/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/,yt=(t,e="")=>t===!0?!!e.match(wt):!e.match(wt);var gt=/^[a-z0-9]+(?:-[a-z0-9]+)*$/,xt=(t,e="")=>t===!0?!!e.match(gt):!e.match(gt);var bt=/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/,$t=(t,e="")=>t===!0?!!e.match(bt):!e.match(bt);var Et=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()!@:%_\+.~#?&\/\/=]*)/,Ft=(t,e="")=>t===!0?!!e.match(Et):!e.match(Et);var kt={AT:/^(AT)(U\d{8}$)/i,BE:/^(BE)(\d{10}$)/i,BG:/^(BG)(\d{9,10}$)/i,CY:/^(CY)([0-5|9]\d{7}[A-Z]$)/i,CZ:/^(CZ)(\d{8,10})?$/i,DE:/^(DE)([1-9]\d{8}$)/i,DK:/^(DK)(\d{8}$)/i,EE:/^(EE)(10\d{7}$)/i,EL:/^(EL)(\d{9}$)/i,ES:/^(ES)([0-9A-Z][0-9]{7}[0-9A-Z]$)/i,EU:/^(EU)(\d{9}$)/i,FI:/^(FI)(\d{8}$)/i,FR:/^(FR)([0-9A-Z]{2}[0-9]{9}$)/i,GB:/^(GB)((?:[0-9]{12}|[0-9]{9}|(?:GD|HA)[0-9]{3})$)/i,GR:/^(GR)(\d{8,9}$)/i,HR:/^(HR)(\d{11}$)/i,HU:/^(HU)(\d{8}$)/i,IE:/^(IE)([0-9A-Z\*\+]{7}[A-Z]{1,2}$)/i,IT:/^(IT)(\d{11}$)/i,LV:/^(LV)(\d{11}$)/i,LT:/^(LT)(\d{9}$|\d{12}$)/i,LU:/^(LU)(\d{8}$)/i,MT:/^(MT)([1-9]\d{7}$)/i,NL:/^(NL)(\d{9}B\d{2}$)/i,NO:/^(NO)(\d{9}$)/i,PL:/^(PL)(\d{10}$)/i,PT:/^(PT)(\d{9}$)/i,RO:/^(RO)([1-9]\d{1,9}$)/i,RU:/^(RU)(\d{10}$|\d{12}$)/i,RS:/^(RS)(\d{9}$)/i,SI:/^(SI)([1-9]\d{7}$)/i,SK:/^(SK)([1-9]\d[(2-4)|(6-9)]\d{7}$)/i,SE:/^(SE)(\d{10}01$)/i},Mt=(t,e="")=>{let r=U(t)&&t.iso?kt[t.iso||"EU"]:kt.EU;return U(t)?t.rule===!0?!!e.match(r):!e.match(r):t===!0?!!e.match(r):!e.match(r)};var St={creditCard:nt,email:st,equals:at,matches:ct,maxLength:dt,minLength:lt,phone:ut,postalCode:ft,required:ht,semVer:yt,slug:xt,strongPassword:$t,url:Ft,vat:Mt};var Tt=class{constructor(e,r={}){this.fieldsToListenToForChanges=["checkbox","color","date","datetime-local","email","file","hidden","month","number","password","radio","range","search","tel","text","time","url","week"],this.defaultValidationErrors={required:()=>"This field is required.",email:()=>"Must be a valid email.",creditCard:()=>"Must be a valid credit card number.",equals:o=>`Value must equal ${o}.`,matches:o=>`Field must match ${o}.`,maxLength:o=>`Field value can be no greater than ${o}.`,minLength:o=>`Field value can be no less than ${o}.`,phone:()=>"Field value must be a valid telephone number.",postalCode:()=>"Field value must be a valid postal code.",semVer:()=>"Field value must be a valid semantic version.",slug:()=>"Field value must be a valid URL slug.",strongPassword:()=>"Field value must be a valid password.",url:()=>"Field value must be a valid URL.",vat:()=>"Field value must be a valid VAT code."},e||console.warn("[validateForm] Must pass an HTML <form></form> element to validate."),this.form=e,this.setOptions(r),this.attachEventListeners()}setOptions(e={}){this.rules=e.rules||{},this.messages=e.messages||{},this.onSubmit=e.onSubmit,this.fields=this.serialize()}updateOptions(e={}){this.setOptions(e)}serialize(){if(this.form)return Object.keys(this.rules).map(r=>{let o=this.form.querySelector(`[name="${r}"]`),n=o?.type;return{listenForChanges:this.fieldsToListenToForChanges.includes(n),type:n,name:r,element:o,validations:Object.entries(this.rules[r]).map(([c,a])=>({name:c,rule:a,valid:!1})).sort((c,a)=>c.name>a.name?1:-1),errorMessages:this.messages[r]?Object.keys(this.messages[r]):{}}})}attachEventListeners(){if(this.form){let e=r=>{r.stopPropagation(),r.preventDefault(),this.validate()&&this.onSubmit&&this.onSubmit()};if(this.form.listeners?.length>0)for(let r=0;r<this.form.listeners.length;r+=1){let o=this.form.listeners[r];this.form.removeEventListener("submit",o)}this.form.addEventListener("submit",e),this.form.listeners=[...this.form.listeners||[],e]}this.fields.forEach(e=>{if(e?.element&&e?.listenForChanges){let r=()=>{tt(()=>{this.validate(e.name)},100)};e.element.removeEventListener("input",r),e.element.addEventListener("input",r),e.element.removeEventListener("change",r),e.element.addEventListener("change",r)}})}validate(e=null){if(e){this.clearExistingErrors();let r=this.fields.find(o=>o.name===e);return this.validateField(r),this.checkIfValid()}else return this.clearExistingErrors(),this.fields.forEach(r=>{this.validateField(r)}),this.checkIfValid()}checkIfValid(){return!this.fields.map(r=>r.validations.some(o=>!o.valid)).includes(!0)}validateField(e){let r=this.form.querySelector(`[name="${e.name}"]`),o=["checkbox","radio"].includes(e.type),n=o?null:e?.element?.value?.trim(),s=o?e?.element?.checked:null;e.validations.forEach(a=>{if(this.isValidValue(o,o?s:n,a))this.markValidationAsValid(e,a.name);else{let l=this.messages[e.name]&&this.messages[e.name][a.name];this.markValidationAsInvalid(e,a.name),this.renderError(e.element,l||this.defaultValidationErrors[a.name](a.rule,n))}});let c=e.validations.some(a=>!a.valid);return c&&(r.classList.add("error"),r.focus()),c||(r.classList.remove("error"),this.clearExistingError(e.name)),!c}markValidationAsInvalid(e,r){let n=[...e.validations].find(s=>s.name===r);n.valid=!1}markValidationAsValid(e,r){let n=[...e.validations].find(s=>s.name===r);n.valid=!0}isValidValue(e,r,o){let n=St[o.name];return n?n(o.rule,r,{isChecked:e}):!0}clearExistingErrors(){this.form&&this.form.querySelectorAll(".input-hint.error").forEach(e=>e.remove())}clearExistingError(e=""){let r=document.getElementById(`error-${e}`);r&&r.remove()}renderError(e,r=""){if(e){this.clearExistingError(e.name);let o=document.createElement("p");o.classList.add("input-hint"),o.classList.add("error"),o.setAttribute("id",`error-${e.name}`),o.innerText=r,e.after(o)}}},Pr=(t,e)=>new Promise((r,o)=>{try{new Tt(t,e).validate()?r():o()}catch(n){console.warn(n)}}),Ot=Pr;var vt=(t={},e={})=>{try{return[...Object.keys(e),...Object.keys(t)].filter((o,n,s)=>s.indexOf(o)===n).reduce((o,n)=>{let s=e[n],c=t[n]||null,a=!Se(s)&&!Te(s);return o[n]=a?s:c,o},{})}catch(r){i("component.props.compile",r)}};var X=(t="",e={})=>{try{let r="";if(t&&O(t))return r=t,r;if(t&&m(t))return r=t(e),r;if(t&&u(t)){let o=t?.print&&(O(t?.print)||m(t?.print)),n=t?.min&&u(t?.min),s=t?.min?.width&&u(t?.min?.width),c=t?.min?.height&&u(t?.min?.height),a=t?.max&&u(t?.max),l=t?.max?.width&&u(t?.max?.width),F=t?.max?.height&&u(t?.max?.height);if(o&&(r+=`
+var Er=Object.create;var de=Object.defineProperty;var Fr=Object.getOwnPropertyDescriptor;var kr=Object.getOwnPropertyNames;var Mr=Object.getPrototypeOf,Sr=Object.prototype.hasOwnProperty;var Tr=t=>de(t,"__esModule",{value:!0});var Or=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var vr=(t,e,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of kr(e))!Sr.call(t,o)&&o!=="default"&&de(t,o,{get:()=>e[o],enumerable:!(r=Fr(e,o))||r.enumerable});return t},Cr=t=>vr(Tr(de(t!=null?Er(Mr(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var _t=Or(oe=>{(function(t,e){if(typeof define=="function"&&define.amd)define(["exports"],e);else if(typeof oe!="undefined")e(oe);else{var r={exports:{}};e(r.exports),t.index=r.exports}})(oe,function(t){"use strict";function e(p){return e=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(d){return typeof d}:function(d){return d&&typeof Symbol=="function"&&d.constructor===Symbol&&d!==Symbol.prototype?"symbol":typeof d},e(p)}function r(p,d){return d&&(e(d)==="object"||typeof d=="function")?d:o(p)}function o(p){if(p===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p}function n(p){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(d){return d.__proto__||Object.getPrototypeOf(d)},n(p)}function s(p,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function");p.prototype=Object.create(d&&d.prototype,{constructor:{value:p,writable:!0,configurable:!0}}),d&&c(p,d)}function c(p,d){return c=Object.setPrototypeOf||function(x,v){return x.__proto__=v,x},c(p,d)}function a(p,d){if(!(p instanceof d))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.diff=void 0;var l=function p(d,x){a(this,p),this.type=d,this.path=x?x.toString():""},F=function(p){function d(x,v,h){var L;return a(this,d),L=r(this,n(d).call(this,"E",x)),L.lhs=v,L.rhs=h,L}return s(d,p),d}(l),y=function(p){function d(x,v,h,L){var b;return a(this,d),b=r(this,n(d).call(this,"M",x)),b.item=v,b.lhsIndex=h,b.rhsIndex=L,b}return s(d,p),d}(l),w=function(p){function d(x,v){var h;return a(this,d),h=r(this,n(d).call(this,"D",x)),h.lhs=v,h}return s(d,p),d}(l),R=function(p){function d(x,v){var h;return a(this,d),h=r(this,n(d).call(this,"A",x)),h.rhs=v,h}return s(d,p),d}(l),f=function(p,d){return p?"".concat(p,".").concat(d):d};t.diff=function(d,x){var v=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},h=[],L=v.matchKey,b=v.types||["E","A","D","M"],$r=function($,g,k,P){$.forEach(function(D,M){var C=g.findIndex(function(S){return S[P]===D[P]});-1<C?(-1<b.indexOf("M")&&M!==C&&h.push(new y(k,D,M,C)),K(D,g[C],f(k,C))):-1<b.indexOf("D")&&h.push(new w(k,D))}),g.forEach(function(D,M){var C=$.findIndex(function(S){return D[P]===S[P]});-1<b.indexOf("A")&&C===-1&&h.push(new R(f(k,M),D))})},K=function($,g,k){var P=Object.prototype.toString.call($),D=Object.prototype.toString.call(g);if(-1<b.indexOf("E")&&P!==D)return h.push(new F(k,$,g)),!1;if(P==="[object Object]")Object.getOwnPropertyNames($).forEach(function(S){Object.prototype.hasOwnProperty.call(g,S)?K($[S],g[S],f(k,S)):-1<b.indexOf("D")&&h.push(new w(f(k,S),$[S]))}),Object.getOwnPropertyNames(g).forEach(function(S){-1<b.indexOf("A")&&!Object.prototype.hasOwnProperty.call($,S)&&h.push(new R(f(k,S),g[S]))});else if(P!=="[object Array]")-1<b.indexOf("E")&&$!==g&&h.push(new F(k,$,g));else if(L)$r($,g,k,L);else{var M=$.length-1,C=g.length-1;if(-1<b.indexOf("D"))for(;M>C;)h.push(new w(f(k,M),$[M--]));if(-1<b.indexOf("A"))for(;C>M;)h.push(new R(f(k,C),g[C--]));for(;0<=M;--M)K($[M],g[M],f(k,M))}};return K(d,x),h}})});var V=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var i=(t="",e={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${e.message||e.reason||e}`)};var A=(t="",e=[])=>{try{console.error(`${t} failed with the following errors:`),e.forEach(r=>{console.log(r.message),r.stack&&console.log(r.stack)})}catch(r){i(t,r)}};var Rr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("accounts.request.handleParseResponse",e)}},Ar=(t="GET",e={})=>{try{return["POST"].includes(t)?JSON.stringify({...e,origin:window?.location?.origin}):null}catch(r){i("accounts.request.getBody",r)}},jr=(t=null)=>{try{switch(t){case"authenticated":case"user":return"GET";default:return"POST"}}catch(e){i("accounts.request.getHTTPMethod",e)}},T=(t="",e={})=>{try{if(typeof window.fetch!="undefined")return new Promise((r,o)=>{let n=`${window.location.origin}/api/_accounts/${t}`,s=jr(t),c=Ar(s,e);return fetch(n,{method:s,mode:"cors",headers:{"Content-Type":"application/json"},body:c,credentials:"include"}).then(async a=>{let l=await Rr(a);return l?.errors?(A(`accounts.${t}`,l.errors),o(l)):r(l)}).catch(a=>(A(`accounts.${t}`,[a]),o({errors:[a]})))})}catch(r){i(`accounts.request.${t}`,r)}};var ge=async(t={})=>{try{let e=await T("authenticated",t);return e?.status===200&&e?.authenticated}catch(e){i("accounts.authenticated",e)}};var xe=(t={})=>{try{return T("login",t)}catch(e){i("accounts.login",e)}};var be=()=>{try{return T("logout")}catch(t){i("accounts.logout",t)}};var $e=(t={})=>{try{return T("recover-password",t)}catch(e){i("accounts.recoverPassword",e)}};var Ee=(t={})=>{try{return T("reset-password",t)}catch(e){i("accounts.resetPassword",e)}};var Fe=(t={})=>{try{return T("signup",t)}catch(e){i("accounts.signup",e)}};var ke=async(t={})=>{try{let e=await T("user",t);return e?.status===200&&e?.user}catch(e){i("accounts.user",e)}};var Me={authenticated:ge,login:xe,logout:be,recoverPassword:$e,resetPassword:Ee,signup:Fe,user:ke};var Se=t=>{try{return typeof t=="undefined"}catch(e){i("types.isUndefined",e)}},Te=t=>{try{return t===null}catch(e){i("types.isNull",e)}},Oe=t=>{try{return!0}catch(e){i("types.isDOM",e)}},I=t=>{try{return!!Array.isArray(t)}catch(e){i("types.isArray",e)}};var m=t=>{try{return typeof t=="function"}catch(e){i("types.isFunction",e)}};var u=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(e){i("types.isObject",e)}};var O=t=>{try{return typeof t=="string"}catch(e){i("types.isString",e)}};var ve=class{constructor(e="",r={}){this.name=e,this.value=r||{},this.listeners={change:[],set:[],unset:[]}}_getValueAtPath(e=""){return e?.split(".").reduce((r=null,o="")=>(r[o]&&(r=r[o]),r),this.value)}get(e=""){return e?.trim()===""?{...this.value||{}}:this._getValueAtPath(e)}set(e=null,r=""){if(!e||!m(e))throw new Error("First argument passed to set() must be a function.");let o=e(this.value);if(!u(o))throw new Error("Value to set must be an object representing the current cache state.");this.value=o,this._handleEvent(r,"set"),this._handleEvent(r,"change")}unset(e="",r=""){e?.trim()===""&&(this.value={});let o=e?.split("."),n=o?.length-1;o.reduce((s,c,a)=>(a===n&&delete s[c],s[c]),this.value),this._handleEvent(r,"unset"),this._handleEvent(r,"change")}on(e="",r=null){if(!["change","set","unset"].includes(e))throw new Error(`Event to listen for must be change, set, or unset. ${e} is not supported.`);if(!r||!m(r))throw new Error("Second argument passed to on("<e>") must be a function.");this.listeners={[e]:[...this.listeners[e]||[],r]}}_handleEvent(e="",r=""){let o=this.listeners[r]||[];for(let n=0;n<o?.length;n+=1){let s=o[n];m(s)&&s(this.value,e,r)}}},Ce=ve;var Re=(t="",e={})=>{try{if(!t||t&&!O(t))throw new Error("Must pass a cache name as a string.");if(e&&!u(e))throw new Error("Default value for cache must be an object.");return new Ce(t,e)}catch(r){i("cache",r)}};var Ae=(t="")=>t;var E=()=>typeof window=="undefined";var je=(t={},e={})=>{let r=t({props:e}),o=r.renderToHTML();return E()||r.appendCSSToHead(),o?.wrapped};var Le="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),_=(t=16)=>{let e="",r=0;for(;r<t;)e+=Le[Math.floor(Math.random()*(Le.length-1))],r+=1;return e};var U=null,J=0,De=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);U&&(clearInterval(U),U=null);let n={client:o,send:(s={})=>o.send(JSON.stringify(s))};return o.addEventListener("open",()=>{t?.options?.logging&&console.log(`[joystick.websockets] Connected to ${t?.url}`),t?.events?.onOpen&&t.events.onOpen(n),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),n)}),o.addEventListener("close",s=>{t?.options?.logging&&console.log(`[joystick.websockets] Disconnected from ${t?.url}`),t?.events?.onClose&&t.events.onClose(s?.code,s?.reason,n),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!U&&!c&&(U=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(De(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(U)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(n),n}catch(r){i("websockets.client",r)}},Q=De;var _e=(t="",e={})=>{try{return new Promise((r,o)=>{let n=_(),s=0;Q({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/uploaders`,options:{logging:!1,autoReconnect:!0,reconnectAttempts:12,reconnectDelayInSeconds:5},query:{id:n},events:{onMessage:(c={})=>{c?.type==="PROGRESS"&&e?.onProgress&&s<100&&s!==c?.progress&&(s=c?.progress,e.onProgress(c?.progress,c?.provider))}}},()=>{let c;e?.files?.length>0&&(c=new FormData,Array.from(e?.files).forEach(a=>{c.append("files",a,a.name)})),fetch(`${window.location.origin}/api/_uploaders/${t}`,{method:"POST",headers:{"x-joystick-upload-id":n,"x-joystick-upload-input":JSON.stringify(e?.input||{})},body:c}).then(async a=>{let l=await a.json();console.log(l),l&&l.errors?(A("upload",l.errors),o({errors:l.errors})):r(l?.uploads)})})})}catch(r){i("upload",r)}};var Pe=(t={})=>{try{typeof window!="undefined"&&(window.joystick={...window.joystick||{},settings:window.__joystick_settings__,...t})}catch(e){i("attachJoystickToWindow",e)}};var Lr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("api.get.handleParseResponse",e)}},Ie=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let n=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${n}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(c,{method:"GET",mode:"cors",headers:{...e?.headers||{},"x-joystick-csrf":a},credentials:"include"}).then(async l=>{let F=await Lr(l);return F?.errors?(A("get request",F.errors),o(F)):r(F)}).catch(l=>(A("get request",[l]),o({errors:[l]})))}):Promise.resolve()}catch(r){i("get request",r)}};var Dr=async(t={})=>{try{let e=await t.text();return V(e)}catch(e){i("api.set.handleParseResponse",e)}},_r=(t={})=>{try{return JSON.stringify(t)}catch(e){i("api.set.getBody",e)}},qe=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let n=`${window.location.origin}/api/_setters/${t}`,s=_r(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content");return fetch(n,{method:"POST",mode:"cors",headers:{...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c},body:s,credentials:"include"}).then(async a=>{let l=await Dr(a);return l?.errors?(A("set request",l.errors),o(l)):r(l)}).catch(a=>(A("set request",[a]),o({errors:[a]})))}):Promise.resolve()}catch(r){i("set request",r)}};var Z={get:Ie,set:qe};var Ne=["render"];var Ve=(t={})=>{try{return Ne.every(e=>Object.keys(t).includes(e))}catch(e){i("component.hasAllRequiredOptions",e)}};var Ue=["_componentId","_ssrId","api","dataFromSSR","existingProps","existingState","instanceId","parent","req","css","data","defaultProps","events","id","lifecycle","methods","name","props","render","state","translations","url","websockets","wrapper"];var He=(t=null)=>{try{!O(t)&&!m(t)&&!u(t)&&i("component.optionValidators.css","options.css must be a string, function returning a string, or an object returning breakpoints.")}catch(e){i("component.optionValidators.css",e)}};var ze=["readystatechange","pointerlockchange","pointerlockerror","beforecopy","beforecut","beforepaste","freeze","resume","search","securitypolicyviolation","visibilitychange","fullscreenchange","fullscreenerror","webkitfullscreenchange","webkitfullscreenerror","beforexrselect","abort","blur","cancel","canplay","canplaythrough","change","click","close","contextmenu","cuechange","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","emptied","ended","error","focus","formdata","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","mousewheel","pause","play","playing","progress","ratechange","reset","resize","scroll","seeked","seeking","select","stalled","submit","suspend","timeupdate","toggle","volumechange","waiting","webkitanimationend","webkitanimationiteration","webkitanimationstart","webkittransitionend","wheel","auxclick","gotpointercapture","lostpointercapture","pointerdown","pointermove","pointerup","pointercancel","pointerover","pointerout","pointerenter","pointerleave","selectstart","selectionchange","animationend","animationiteration","animationstart","transitionrun","transitionstart","transitionend","transitioncancel","copy","cut","paste","pointerrawupdate"];var Be=(t=null)=>{try{u(t)||i("component.optionValidators.events","options.events must be an object.");for(let e of Object.keys(t)){let[r]=e.split(" ");ze.includes(r)||i("component.optionValidators.events",`${r} is not a supported JavaScript event type.`)}for(let[e,r]of Object.entries(t))m(r)||i("component.optionValidators.events",`options.events.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.events",e)}};var Ze=["onBeforeMount","onMount","onUpdateProps","onBeforeUnmount","onRefetchData"];var Ge=(t=null)=>{try{u(t)||i("component.optionValidators.lifecycle","options.lifecycle must be an object.");for(let[e,r]of Object.entries(t))Ze.includes(e)||i("component.optionValidators.lifecycle",`options.lifecycle.${e} is not supported.`),m(r)||i("component.optionValidators.lifecycle",`options.lifecycle.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.lifecycle",e)}};var We=(t=null)=>{try{u(t)||i("component.optionValidators.methods","options.methods must be an object.");for(let[e,r]of Object.entries(t))m(r)||i("component.optionValidators.methods",`options.methods.${e} must be assigned a function.`)}catch(e){i("component.optionValidators.methods",e)}};var Ke=(t=null)=>{typeof t!="string"&&i("component.optionValidators.name","options.name must be a string.")};var Je=(t=null)=>{try{m(t)||i("component.optionValidators.render","options.render must be a function returning a string.")}catch(e){i("component.optionValidators.render",e)}};var Qe=(t=null)=>{try{m(t)||i("component.optionValidators.websockets","options.websockets must be a function returning an object.")}catch(e){i("component.optionValidators.websockets",e)}};var Ye=(t=null)=>{try{u(t)||i("component.optionValidators.wrapper","options.wrapper must be an object.");for(let[e,r]of Object.entries(t))e==="id"&&!O(r)&&i("component.optionValidators.wrapper",`options.wrapper.${e} must be assigned a string.`),e==="classList"&&!I(r)&&i("component.optionValidators.wrapper",`options.wrapper.${e} must be assigned an array of strings.`)}catch(e){i("component.optionValidators.wrapper",e)}};var Xe={css:He,events:Be,lifecycle:Ge,methods:We,name:Ke,render:Je,websockets:Qe,wrapper:Ye};var et=(t={})=>{try{Ve(t)||i("component.validateOptions",`component options must include ${required.options.join(",")}.`);for(let[e,r]of Object.entries(t)){Ue.includes(e)||i("component.validateOptions",`${e} is not supported by joystick.component.`);let o=Xe[e];o&&m(o)&&o(r)}}catch(e){i("component.validateOptions",e)}};var Y=(t=[],e="")=>{try{return(I(t)&&t.find(o=>o?.componentId===e))?.data||{}}catch(r){i("findComponentDataFromSSR",r)}};var tt=(()=>{let t=0;return(e,r)=>{clearTimeout(t),t=setTimeout(e,r)}})();var H=t=>!!(t&&typeof t=="object"&&!Array.isArray(t));var rt=t=>typeof t=="string";var ot=/^(?:4[0-9]{12}(?:[0-9]{3,6})?|5[1-5][0-9]{14}|(222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}|6(?:011|5[0-9][0-9])[0-9]{12,15}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11}|6[27][0-9]{14}|^(81[0-9]{14,17}))$/,nt=(t,e="")=>{if(!e)return!0;if(e&&!rt(e))return!1;let r=e?e.replace(/[- ]+/g,""):"";return t===!0?r.match(new RegExp(ot)):!r.match(new RegExp(ot))};var it=/^((?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\]))$/,st=(t,e="")=>t===!0?!!e.match(it):!e.match(it);var at=(t,e="")=>t===e;var ct=(t,e="")=>t===e;var dt=(t,e="")=>e.length<=t;var lt=(t,e="")=>e.length>=t;var mt=/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/,ut=(t,e="")=>t===!0?!!e.match(mt):!e.match(mt);var pt={AF:/^\d{4}$/,AX:/^\d{5}$/,AL:/^\d{4}$/,DZ:/^\d{5}$/,AS:/^\d{5}(-{1}\d{4,6})$/,AD:/^[Aa][Dd]\d{3}$/,AI:/^[Aa][I][-][2][6][4][0]$/,AR:/^\d{4}|[A-Za-z]\d{4}[a-zA-Z]{3}$/,AM:/^\d{4}$/,AC:/^[Aa][Ss][Cc][Nn]\s{0,1}[1][Zz][Zz]$/,AU:/^\d{4}$/,AT:/^\d{4}$/,AZ:/^[Aa][Zz]\d{4}$/,BH:/^\d{3,4}$/,BD:/^\d{4}$/,BB:/^[Aa][Zz]\d{5}$/,BY:/^\d{6}$/,BE:/^\d{4}$/,BM:/^[A-Za-z]{2}\s([A-Za-z]{2}|\d{2})$/,BT:/^\d{5}$/,BO:/^\d{4}$/,BA:/^\d{5}$/,BR:/^\d{5}-\d{3}$/,"":/^[Bb][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,IO:/^[Bb]{2}[Nn][Dd]\s{0,1}[1][Zz]{2}$/,VG:/^[Vv][Gg]\d{4}$/,BN:/^[A-Za-z]{2}\d{4}$/,BG:/^\d{4}$/,KH:/^\d{5}$/,CA:/^(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\d(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\s{0,1}\d(?=[^DdFfIiOoQqUu\d\s])[A-Za-z]\d$/,CV:/^\d{4}$/,KY:/^[Kk][Yy]\d[-\s]{0,1}\d{4}$/,TD:/^\d{5}$/,CL:/^\d{7}\s\(\d{3}-\d{4}\)$/,CN:/^\d{6}$/,CX:/^\d{4}$/,CC:/^\d{4}$/,CO:/^\d{6}$/,CD:/^[Cc][Dd]$/,CR:/^\d{4,5}$/,HR:/^\d{5}$/,CU:/^\d{5}$/,CY:/^\d{4}$/,CZ:/^\d{5}\s\(\d{3}\s\d{2}\)$/,DK:/^\d{4}$/,DO:/^\d{5}$/,EC:/^\d{6}$/,SV:/^1101$/,EG:/^\d{5}$/,EE:/^\d{5}$/,ET:/^\d{4}$/,FK:/^[Ff][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,FO:/^\d{3}$/,FI:/^\d{5}$/,FR:/^\d{5}$/,GF:/^973\d{2}$/,PF:/^987\d{2}$/,GA:/^\d{2}\s[a-zA-Z-_ ]\s\d{2}$/,GE:/^\d{4}$/,DE:/^\d{2}$/,GI:/^[Gg][Xx][1]{2}\s{0,1}[1][Aa]{2}$/,GR:/^\d{3}\s{0,1}\d{2}$/,GL:/^\d{4}$/,GP:/^971\d{2}$/,GU:/^\d{5}$/,GT:/^\d{5}$/,GG:/^[A-Za-z]{2}\d\s{0,1}\d[A-Za-z]{2}$/,GW:/^\d{4}$/,HT:/^\d{4}$/,HM:/^\d{4}$/,HN:/^\d{5}$/,HU:/^\d{4}$/,IS:/^\d{3}$/,IN:/^\d{6}$/,ID:/^\d{5}$/,IR:/^\d{5}-\d{5}$/,IQ:/^\d{5}$/,IM:/^[Ii[Mm]\d{1,2}\s\d\[A-Z]{2}$/,IL:/^\b\d{5}(\d{2})?$/,IT:/^\d{5}$/,JM:/^\d{2}$/,JP:/^\d{7}\s\(\d{3}-\d{4}\)$/,JE:/^[Jj][Ee]\d\s{0,1}\d[A-Za-z]{2}$/,JO:/^\d{5}$/,KZ:/^\d{6}$/,KE:/^\d{5}$/,KR:/^\d{6}\s\(\d{3}-\d{3}\)$/,XK:/^\d{5}$/,KW:/^\d{5}$/,KG:/^\d{6}$/,LV:/^[Ll][Vv][- ]{0,1}\d{4}$/,LA:/^\d{5}$/,LB:/^\d{4}\s{0,1}\d{4}$/,LS:/^\d{3}$/,LR:/^\d{4}$/,LY:/^\d{5}$/,LI:/^\d{4}$/,LT:/^[Ll][Tt][- ]{0,1}\d{5}$/,LU:/^\d{4}$/,MK:/^\d{4}$/,MG:/^\d{3}$/,MV:/^\d{4,5}$/,MY:/^\d{5}$/,MT:/^[A-Za-z]{3}\s{0,1}\d{4}$/,MH:/^\d{5}$/,MQ:/^972\d{2}$/,YT:/^976\d{2}$/,FM:/^\d{5}(-{1}\d{4})$/,MX:/^\d{5}$/,MD:/^[Mm][Dd][- ]{0,1}\d{4}$/,MC:/^980\d{2}$/,MN:/^\d{5}$/,ME:/^\d{5}$/,MS:/^[Mm][Ss][Rr]\s{0,1}\d{4}$/,MA:/^\d{5}$/,MZ:/^\d{4}$/,MM:/^\d{5}$/,NA:/^\d{5}$/,NP:/^\d{5}$/,NL:/^\d{4}\s{0,1}[A-Za-z]{2}$/,NC:/^988\d{2}$/,NZ:/^\d{4}$/,NI:/^\d{5}$/,NE:/^\d{4}$/,NG:/^\d{6}$/,NF:/^\d{4}$/,MP:/^\d{5}$/,NO:/^\d{4}$/,OM:/^\d{3}$/,PK:/^\d{5}$/,PW:/^\d{5}$/,PA:/^\d{6}$/,PG:/^\d{3}$/,PY:/^\d{4}$/,PE:/^\d{5}$/,PH:/^\d{4}$/,PN:/^[Pp][Cc][Rr][Nn]\s{0,1}[1][Zz]{2}$/,PL:/^\d{2}[- ]{0,1}\d{3}$/,PT:/^\d{4}$/,PR:/^\d{5}$/,RE:/^974\d{2}$/,RO:/^\d{6}$/,RU:/^\d{6}$/,BL:/^97133$/,SH:/^[Ss][Tt][Hh][Ll]\s{0,1}[1][Zz]{2}$/,MF:/^97150$/,PM:/^97500$/,VC:/^[Vv][Cc]\d{4}$/,SM:/^4789\d$/,SA:/^\d{5}(-{1}\d{4})?$/,SN:/^\d{5}$/,RS:/^\d{5}$/,SG:/^\d{2}$/,SK:/^\d{5}\s\(\d{3}\s\d{2}\)$/,SI:/^([Ss][Ii][- ]{0,1}){0,1}\d{4}$/,ZA:/^\d{4}$/,GS:/^[Ss][Ii][Qq]{2}\s{0,1}[1][Zz]{2}$/,ES:/^\d{5}$/,LK:/^\d{5}$/,SD:/^\d{5}$/,SZ:/^[A-Za-z]\d{3}$/,SE:/^\d{3}\s*\d{2}$/,CH:/^\d{4}$/,SJ:/^\d{4}$/,TW:/^\d{5}$/,TJ:/^\d{6}$/,TH:/^\d{5}$/,TT:/^\d{6}$/,TN:/^\d{4}$/,TR:/^\d{5}$/,TM:/^\d{6}$/,TC:/^[Tt][Kk][Cc][Aa]\s{0,1}[1][Zz]{2}$/,UA:/^\d{5}$/,GB:/^[A-Z]{1,2}[0-9R][0-9A-Z]?\s*[0-9][A-Z-[CIKMOV]]{2}/,US:/^\b\d{5}\b(?:[- ]{1}\d{4})?$/,UY:/^\d{5}$/,VI:/^\d{5}$/,UZ:/^\d{3} \d{3}$/,VA:/^120$/,VE:/^\d{4}(\s[a-zA-Z]{1})?$/,VN:/^\d{6}$/,WF:/^986\d{2}$/,ZM:/^\d{5}$/},ft=(t,e="")=>{let r=H(t)&&t.iso?pt[t.iso||"US"]:pt.US;return H(t)?t.rule===!0?!!e.match(r):!e.match(r):t===!0?!!e.match(r):!e.match(r)};var ht=(t,e="",r={isChecked:!1})=>{if(!r.isChecked)return t===!0?e&&e.trim()!=="":e&&e.trim()==="";if(r.isChecked)return t===!0?e:!e};var wt=/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/,yt=(t,e="")=>t===!0?!!e.match(wt):!e.match(wt);var gt=/^[a-z0-9]+(?:-[a-z0-9]+)*$/,xt=(t,e="")=>t===!0?!!e.match(gt):!e.match(gt);var bt=/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/,$t=(t,e="")=>t===!0?!!e.match(bt):!e.match(bt);var Et=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()!@:%_\+.~#?&\/\/=]*)/,Ft=(t,e="")=>t===!0?!!e.match(Et):!e.match(Et);var kt={AT:/^(AT)(U\d{8}$)/i,BE:/^(BE)(\d{10}$)/i,BG:/^(BG)(\d{9,10}$)/i,CY:/^(CY)([0-5|9]\d{7}[A-Z]$)/i,CZ:/^(CZ)(\d{8,10})?$/i,DE:/^(DE)([1-9]\d{8}$)/i,DK:/^(DK)(\d{8}$)/i,EE:/^(EE)(10\d{7}$)/i,EL:/^(EL)(\d{9}$)/i,ES:/^(ES)([0-9A-Z][0-9]{7}[0-9A-Z]$)/i,EU:/^(EU)(\d{9}$)/i,FI:/^(FI)(\d{8}$)/i,FR:/^(FR)([0-9A-Z]{2}[0-9]{9}$)/i,GB:/^(GB)((?:[0-9]{12}|[0-9]{9}|(?:GD|HA)[0-9]{3})$)/i,GR:/^(GR)(\d{8,9}$)/i,HR:/^(HR)(\d{11}$)/i,HU:/^(HU)(\d{8}$)/i,IE:/^(IE)([0-9A-Z\*\+]{7}[A-Z]{1,2}$)/i,IT:/^(IT)(\d{11}$)/i,LV:/^(LV)(\d{11}$)/i,LT:/^(LT)(\d{9}$|\d{12}$)/i,LU:/^(LU)(\d{8}$)/i,MT:/^(MT)([1-9]\d{7}$)/i,NL:/^(NL)(\d{9}B\d{2}$)/i,NO:/^(NO)(\d{9}$)/i,PL:/^(PL)(\d{10}$)/i,PT:/^(PT)(\d{9}$)/i,RO:/^(RO)([1-9]\d{1,9}$)/i,RU:/^(RU)(\d{10}$|\d{12}$)/i,RS:/^(RS)(\d{9}$)/i,SI:/^(SI)([1-9]\d{7}$)/i,SK:/^(SK)([1-9]\d[(2-4)|(6-9)]\d{7}$)/i,SE:/^(SE)(\d{10}01$)/i},Mt=(t,e="")=>{let r=H(t)&&t.iso?kt[t.iso||"EU"]:kt.EU;return H(t)?t.rule===!0?!!e.match(r):!e.match(r):t===!0?!!e.match(r):!e.match(r)};var St={creditCard:nt,email:st,equals:at,matches:ct,maxLength:dt,minLength:lt,phone:ut,postalCode:ft,required:ht,semVer:yt,slug:xt,strongPassword:$t,url:Ft,vat:Mt};var Tt=class{constructor(e,r={}){this.fieldsToListenToForChanges=["checkbox","color","date","datetime-local","email","file","hidden","month","number","password","radio","range","search","tel","text","time","url","week"],this.defaultValidationErrors={required:()=>"This field is required.",email:()=>"Must be a valid email.",creditCard:()=>"Must be a valid credit card number.",equals:o=>`Value must equal ${o}.`,matches:o=>`Field must match ${o}.`,maxLength:o=>`Field value can be no greater than ${o}.`,minLength:o=>`Field value can be no less than ${o}.`,phone:()=>"Field value must be a valid telephone number.",postalCode:()=>"Field value must be a valid postal code.",semVer:()=>"Field value must be a valid semantic version.",slug:()=>"Field value must be a valid URL slug.",strongPassword:()=>"Field value must be a valid password.",url:()=>"Field value must be a valid URL.",vat:()=>"Field value must be a valid VAT code."},e||console.warn("[validateForm] Must pass an HTML <form></form> element to validate."),this.form=e,this.setOptions(r),this.attachEventListeners()}setOptions(e={}){this.rules=e.rules||{},this.messages=e.messages||{},this.onSubmit=e.onSubmit,this.fields=this.serialize()}updateOptions(e={}){this.setOptions(e)}serialize(){if(this.form)return Object.keys(this.rules).map(r=>{let o=this.form.querySelector(`[name="${r}"]`),n=o?.type;return{listenForChanges:this.fieldsToListenToForChanges.includes(n),type:n,name:r,element:o,validations:Object.entries(this.rules[r]).map(([c,a])=>({name:c,rule:a,valid:!1})).sort((c,a)=>c.name>a.name?1:-1),errorMessages:this.messages[r]?Object.keys(this.messages[r]):{}}})}attachEventListeners(){if(this.form){let e=r=>{r.stopPropagation(),r.preventDefault(),this.validate()&&this.onSubmit&&this.onSubmit()};if(this.form.listeners?.length>0)for(let r=0;r<this.form.listeners.length;r+=1){let o=this.form.listeners[r];this.form.removeEventListener("submit",o)}this.form.addEventListener("submit",e),this.form.listeners=[...this.form.listeners||[],e]}this.fields.forEach(e=>{if(e?.element&&e?.listenForChanges){let r=()=>{tt(()=>{this.validate(e.name)},100)};e.element.removeEventListener("input",r),e.element.addEventListener("input",r),e.element.removeEventListener("change",r),e.element.addEventListener("change",r)}})}validate(e=null){if(e){this.clearExistingErrors();let r=this.fields.find(o=>o.name===e);return this.validateField(r),this.checkIfValid()}else return this.clearExistingErrors(),this.fields.forEach(r=>{this.validateField(r)}),this.checkIfValid()}checkIfValid(){return!this.fields.map(r=>r.validations.some(o=>!o.valid)).includes(!0)}validateField(e){let r=this.form.querySelector(`[name="${e.name}"]`),o=["checkbox","radio"].includes(e.type),n=o?null:e?.element?.value?.trim(),s=o?e?.element?.checked:null;e.validations.forEach(a=>{if(this.isValidValue(o,o?s:n,a))this.markValidationAsValid(e,a.name);else{let l=this.messages[e.name]&&this.messages[e.name][a.name];this.markValidationAsInvalid(e,a.name),this.renderError(e.element,l||this.defaultValidationErrors[a.name](a.rule,n))}});let c=e.validations.some(a=>!a.valid);return c&&(r.classList.add("error"),r.focus()),c||(r.classList.remove("error"),this.clearExistingError(e.name)),!c}markValidationAsInvalid(e,r){let n=[...e.validations].find(s=>s.name===r);n.valid=!1}markValidationAsValid(e,r){let n=[...e.validations].find(s=>s.name===r);n.valid=!0}isValidValue(e,r,o){let n=St[o.name];return n?n(o.rule,r,{isChecked:e}):!0}clearExistingErrors(){this.form&&this.form.querySelectorAll(".input-hint.error").forEach(e=>e.remove())}clearExistingError(e=""){let r=document.getElementById(`error-${e}`);r&&r.remove()}renderError(e,r=""){if(e){this.clearExistingError(e.name);let o=document.createElement("p");o.classList.add("input-hint"),o.classList.add("error"),o.setAttribute("id",`error-${e.name}`),o.innerText=r,e.after(o)}}},Pr=(t,e)=>new Promise((r,o)=>{try{new Tt(t,e).validate()?r():o()}catch(n){console.warn(n)}}),Ot=Pr;var vt=(t={},e={})=>{try{return[...Object.keys(e),...Object.keys(t)].filter((o,n,s)=>s.indexOf(o)===n).reduce((o,n)=>{let s=e[n],c=t[n]||null,a=!Se(s)&&!Te(s);return o[n]=a?s:c,o},{})}catch(r){i("component.props.compile",r)}};var X=(t="",e={})=>{try{let r="";if(t&&O(t))return r=t,r;if(t&&m(t))return r=t(e),r;if(t&&u(t)){let o=t?.print&&(O(t?.print)||m(t?.print)),n=t?.min&&u(t?.min),s=t?.min?.width&&u(t?.min?.width),c=t?.min?.height&&u(t?.min?.height),a=t?.max&&u(t?.max),l=t?.max?.width&&u(t?.max?.width),F=t?.max?.height&&u(t?.max?.height);if(o&&(r+=`
           @media print {
             ${typeof t?.print=="function"?t?.print(e):t.print}
           }
@@ -18,4 +18,4 @@ var Er=Object.create;var de=Object.defineProperty;var Fr=Object.getOwnPropertyDe
             @media screen and (max-height: ${R}px) {
               ${typeof f=="function"?f(e):f}
             }
-          `}}return r}return""}catch(r){i("component.css.compileCSS",r)}};var Ir=(t={},e=null)=>{try{let r=e(t);return r&&u(r)&&!I(r)?Object.assign({},r):{}}catch(r){i("component.state.compile.compileState",r)}},ee=(t={},e={})=>{try{return m(e)?Ir(t,e):Object.assign({},e)}catch(r){i("component.state.compile",r)}};var le={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var Ct=(t={},e={})=>{try{return e?Object.entries({...le,...e||{}}).reduce((r={},[o,n])=>(r[o]=()=>n({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):le}catch(r){i("component.lifecycle.compile",r)}};var te=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,n])=>(r[o]=(...s)=>n(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{})}catch{i("component.methods.compile")}};var me=(t={})=>{try{return{...t,query:{...t?.query||{},set:(e="",r="")=>{if(typeof window!="undefined"){let o=new URL(window.location);o.searchParams.append(e,r),window.history.pushState({},"",o)}},unset:(e="")=>{if(typeof window!="undefined"){let r=new URL(window.location);r.searchParams.delete(e),window.history.pushState({},"",r)}}},isActive:(e="")=>O(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){i("component.url.compile",e)}};var qr=(t={},e=null)=>{try{let r=e(t);return r&&u(r)&&!I(r)?Object.assign({},r):{}}catch(r){i("component.props.compileDefaultProps.compile",r)}},Rt=(t={},e={})=>{try{return m(e)?qr(t,e):Object.assign({},e)}catch(r){i("component.props.compileDefaultProps",r)}};var At=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=_(8),t.ssrId=e?._ssrId||null,t.css=X(),t.data=Y(e?.dataFromSSR,e?._componentId),t.defaultProps=Rt(t,e?.defaultProps),t.props=vt(t?.defaultProps,e?.props),t.state=ee(t,e?.state),t.events=e?.events||{},t.lifecycle=Ct(t,e?.lifecycle),t.methods=te(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=Ot,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!E();if(r||(t.url=me(e?.url)),r&&window.__joystick_url__&&(t.url=me(window.__joystick_url__)),r&&e?.websockets&&m(e?.websockets)){let o=e.websockets(t),n=u(o)&&Object.entries(o);for(let s=0;s<n?.length;s+=1){let[c,a]=n[s];Q({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(l={})=>{t.websockets={...t.websockets||{},[c]:l}})}}}catch(r){i("component.registerOptions",r)}};var Nr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},G=(t="",e=null)=>{try{E()||(Nr(t)||{}).array.push({callback:e})}catch(r){i("addToQueue",r)}};var re=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&m(o.options.data)){let n=await o.options.data(t,e,r,o);return Promise.resolve(n)}return Promise.resolve()}catch(n){i("component.data.fetch",n)}};var jt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{let n=await re(Z,e,o,r);return r.data=jt(n,e,r),window.__joystick_data__[r?.id]=n,r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),n}}}catch(o){i("component.data.compile",o)}},Lt=jt;var Dt=(t={})=>{try{if(!E()&&window.__joystick_data__&&window.__joystick_data__[t?.id]){let e=window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return Lt(e,r,t)}return t?.data||{}}catch(e){i("component.loadDataFromWindow",e)}};var qt=Cr(_t());var Pt=(t={},e="",r="id")=>{try{let o=t&&t.id;if(u(t)&&o){let n=Object.keys(t);for(let s=0;s<n.length;s+=1){let c=n[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let l=0;l<a.length;l+=1){let F=a[l],y=Pt(F,e,r);if(y!==null)return y}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},j=Pt;var It=(t="",e={},r=null)=>{let o=j(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var Vr=(t={},e={},r=null)=>{try{let o=z(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Hr=(t={})=>{try{return t.renderToHTML({ssrTree:t.parent.ssrTree,translations:t.parent.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Ur=(t={})=>{try{return t.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await t.options.data(t.parent.options.api,t.parent.options.req);return t.data=e||{},{componentId:t.id,ssrId:t.ssrId,data:e}}catch(e){return{componentId:t.id,ssrId:t.ssrId,data:null,error:e}}}),t.renderToHTML({ssrTree:t?.parent?.ssrTree,translations:t?.parent?.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},zr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};It(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Br=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&G("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!t.renderedComponent&&e.options.lifecycle.onMount&&G("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(r){i("component.renderMethods.component.handleLifecycle",r)}},Zr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,qt.diff)(e?.existingPropsMap,r)?.length>0&&G("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(n||{},r,t)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Gr=function(){return function(e=null,r={},o={}){let n=e({props:r,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},c=o.children[n.id]||[],a=s[c?.length];return n.state=a?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,Zr(n,o,r),G("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Br(this,n),n.parent&&zr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Ur(n):n.parent&&n.parent.ssrTree?Hr(n):Vr(n,this,a?.children)}},Wr=function(e,r){try{let o=this;return new Gr().bind({})(e,r,o)}catch(o){i("component.renderMethods.component",o)}},ue=Wr;var Kr=function(e=[],r=null){try{return m(r)&&e&&Array.isArray(e)?e.map((o,n)=>r(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},pe=Kr;var Jr=function(e="",r={}){try{let o=E()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(r);return n.length>0?n.reduce((s,[c,a])=>s.replace(`{{${c}}}`,a),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},fe=Jr;var Qr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},he=Qr;var Nt={c:ue,component:ue,e:pe,each:pe,i:fe,i18n:fe,w:he,when:he};var Vt=(t={},e={})=>{try{return Object.entries(Nt).reduce((r,[o,n])=>(r[o]=n.bind({...t,...e}),r),{})}catch(r){i("component.renderMethods.compile",r)}};var Ht=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((n={})=>({state:n?.state,children:Ht(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},Ut=(t={})=>{try{return Ht(t)}catch(e){i("component.render.getExistingStateMap",e)}};var zt=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Yr=new RegExp(/\n/g);var Xr=(t="")=>{try{return(t.match(zt)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Bt=(t="")=>{try{let e=`${t}`;return e=Xr(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Zt=(t={},e="")=>{try{let{wrapper:r=null,ssrId:o=null,id:n=null,instanceId:s=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(r){i("component.render.wrapHTML",r)}};var Gt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let n=0;n<o?.length;n+=1){let[s,c]=o[n];for(let a=0;a<c?.length;a+=1){let l=c[a];Object.entries(l?.timers)?.length>0&&r.push(...Object.values(l?.timers)),Object.entries(l?.children)?.length>0&&Gt(l?.children,r)}}if(r?.length>0)for(let n=0;n<r?.length;n+=1)clearTimeout(r[n])}catch(r){i("component.render.clearTimersOnChildren",r)}},Wt=Gt;var ne=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=Y(e.dataFromSSR,t.id)||{}),Wt(t?.children);let r=Ut(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=Vt({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=te(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),n=Bt(o),s=Zt(t,n);return{unwrapped:n,wrapped:s}}catch(r){i("component.render.toHTML",r)}};var eo=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},Kt=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?Kt(e):we(e)):we(t)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},we=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:eo(t.attributes),children:[].flatMap.call(t.childNodes,o=>Kt(o))};return e==="text"&&(r=t.textContent),r}catch(e){i("component.virtualDOM.build",e)}},W=we;var to=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},Jt=(t="")=>{try{let e=to(t);return W(e)}catch(e){i("component.virtualDOM.build",e)}};var Qt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var ro=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[n,s]=r[o];Qt(n)&&e.setAttribute(n,s)}for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(n){let s=Yt(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Yt=(t=null)=>{try{return O(t)?document.createTextNode(t):ro(t)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},B=Yt;var z=(t={},e={})=>{try{let r=ne(t,{existingChildren:e?.existingChildren}),o=Jt(r.wrapped,t),n=e.includeActual&&o?B(o):null;return{html:r,virtual:o,actual:n}}catch(r){i("component.render.getUpdatedDOM",r)}};var Xt=(t={},e={})=>{try{let r=z(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){i("component.render.forMount",r)}};var oo=(t={},e={})=>{let r=[];for(let[o,n]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,n),s));for(let o in t)o in e||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(o),n));return o=>{for(let n of r)n&&typeof n=="function"&&n(o)}},ie=oo;var no=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let n=0;n<o;n+=1){let s=t[n],c=e[n];r.push([s,c])}return r},er=no;var io=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},so=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},ao=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(n=>{let s=c=>{let a=B(n);return c.appendChild(a),c};r.push(s)}),r},co=(t=[],e=[])=>{let r=[];return t.forEach((o,n)=>{let s=ae(o,e[n]);r.push(s)}),r},lo=(t=[],e=[])=>{let r=co(t,e),o=ao(t,e);return n=>{if(n){let s=er(r,n.childNodes);so(s),io(o,n)}return n}},se=lo;var tr={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),ie(t.attributes,e.attributes)(r),se([],e.children)(r);let n=r.querySelector(`option[value="${o}"]`);if(n&&(r.value=o),!n){let s=r.querySelector("option");r.value=s?.value||""}return r}};var ye=(t,e)=>r=>{let o=t?B(t):null;return r&&r.replaceWith(o),o},mo=()=>t=>{t&&t.remove()},uo=(t=void 0,e=void 0)=>t===void 0||e===void 0?mo():typeof t=="string"||typeof e=="string"?ye(e,t):t.tagName!==e.tagName?ye(e):e.tagName==="select"?tr.select(t,e):["pre","code"].includes(e.tagName)?ye(e,t):n=>(ie(t.attributes,e.attributes)(n),se(t.children,e.children)(n),n),ae=uo;var po=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){i("processQueue.getQueue",e)}},q=(t="",e=null)=>{try{E()||(po(t)||{}).process(e)}catch(r){i("processQueue",r)}};var rr=(t="",e=null)=>{let r=j(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var or=(t="",e={},r=null)=>{let o=j(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var nr=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(u(n)&&n.attributes&&n.attributes["js-i"]&&n.attributes["js-i"]===e){t.children[o]=r;break}u(n)&&nr(n,e,r)}},ir=nr;var sr=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...n]=e.split(" ");return{type:o.toLowerCase(),selector:n.join(" "),handler:r}})}catch(e){i("component.events.serialize",e)}};var ar=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?sr(t?.events):[];for(let n=0;n<o?.length;n+=1){let s=o[n];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){Object.defineProperty(a,"target",{value:a.composedPath()[0]}),s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}})}})}if(t?.children){let n=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<n?.length;s+=1){let c=n[s];ar(c,e,r)}}return r}catch(o){i("component.events.registerListenersFix.getListeners",o)}},fo=(t={},e={})=>{try{let o=ar(t,e,[])?.flatMap((n={})=>[].flatMap.call(n?.elements||[],s=>{let{elements:c=[],...a}=n||{};return{...a,element:s}}));for(let n=0;n<o?.length;n+=1){let{instance:s,element:c,elementSelector:a,type:l,handler:F}=o[n];c.addEventListener(l,F),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:l,handler:F}]}}catch(r){i("component.events.registerListenersFix",r)}},ce=fo;var cr=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((n=[],s=[])=>[...n,...s],[])).flatMap((n={})=>cr(n));e=[...e,...o]}return e}catch(e){i("component.events.unregisterListenersFix.getListeners",e)}},ho=(t={})=>{try{let e=cr(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:n,type:s,handler:c}=e[r];n.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){i("component.events.unregisterListenersFix",e)}},dr=ho;var lr=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},et(e),At(this,e),this.data=Dt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},n=this){let s=await re(e,r,o,n);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=W(this.DOMNode);this.dom.virtual=r}let e=this.parent?j(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!E())return{instanceId:this.instanceId}}render(e={}){if(e?.mounting)return Xt(this,e);let r=this.onBeforeRender();dr(this),rr(this.instanceId);let o=z(this,{}),n=ae(this.dom.virtual,o.virtual);n&&m(n)&&q("lifecycle.onBeforeMount",()=>{let s=n(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,ce(this,this.renderMethods),this.setDOMNodeOnInstance(),q("domNodes",()=>{q("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ne(this,e)}onAfterRender(e={},r={}){E()||(or(e.instanceId,this),window.joystick._internal.css.update(),q("lifecycle.onUpdateProps"),r?.afterSetStateRender&&m(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&m(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=ee(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&m(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[_()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[_()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=j(window.joystick._internal.tree,this.instanceId,"instanceId"),n=j(window.joystick._internal.tree,r,"instanceId");if(n?.instance?.DOMNode){let s=W(n?.instance?.DOMNode);ir(o?.instance?.dom?.virtual,n?.instanceId,s)}}},mr=lr;var ur=(t={})=>{try{return(e={})=>new mr({...t,props:e?.props,url:e?.url,translations:e?.translations,api:e?.api,req:e?.req,parent:e?.parent})}catch(e){i("component",e)}};var pr=(t={})=>{try{window.joystick._internal.tree={id:t?.id||null,instanceId:t?.instanceId||null,instance:t,children:[]}}catch(e){i("mount.initializeJoystickComponentTree",e)}};var fr=(t={},e=null)=>{try{return t.innerHTML="",t.appendChild(e),e}catch(r){i("mount.appendToDOM",r)}};var hr=(t=null,e={},r=null)=>{try{m(t)||i("mount","Component to mount must be a function."),u(e)||i("mount","props must be an object."),Oe(r)||i("mount","target must be a DOM node.");let o=t({props:e});pr(o);let n=o.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});n&&(n.setAttribute("js-ssrId",o.ssrId),n.setAttribute("js-c",o.id),n.setAttribute("js-i",o.instanceId)),o.lifecycle.onBeforeMount(),q("lifecycle.onBeforeMount"),fr(r,n),o.setDOMNodeOnInstance(),window.joystick._internal.css.update(),ce(o,o.renderMethods),o.lifecycle.onMount(),q("lifecycle.onMount")}catch(o){i("mount",o)}};var wr=class{constructor(e=[]){this.array=[...e],this.array.push=function(){Array.prototype.push.apply(this,arguments)}}async process(e=null){if(this.array.length>0){let r=this.array.shift();r&&r.callback&&(await r.callback(),this.process(e))}else e&&e()}},N=wr;var wo=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),yo=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),go=(t,e)=>(e||"").replace(wo,()=>"").replace(yo,r=>["@",": "].some(o=>r?.includes(o))?r:`[js-c="${t}"] ${r.trim()}`)?.trim(),yr=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let r=t.instance.id,o=t.instance.options.css,n=X(o,t.instance),s=go(r,n);e.push(s)}if(t.children&&t.children.length>0){let r=t?.children?.length||0;for(;r--;)yr(t.children[r],e)}return e},gr=yr;var xr=()=>{try{let t=document.head.querySelector("style[js-styles]"),r=gr(window.joystick?._internal?.tree).reverse().join("").trim();if(t?.innerText===r)return;if(t&&(t.innerHTML=r),!t){let o=document.createElement("style");o.setAttribute("js-styles",""),o.innerHTML=r,document.head.appendChild(o)}}catch(t){i("css.update",t)}};var xo=Me,bo=Re,$o=Z.get,Eo=Ae,Fo=je,ko=Z.set,Mo=_e,br={_external:{},_internal:{css:{update:xr},queues:{domNodes:new N([]),eventListeners:new N([]),lifecycle:{onBeforeMount:new N([]),onMount:new N([]),onUpdateProps:new N([])},render:new N([])},tree:{},eventListeners:[]},accounts:xo,cache:bo,component:ur,get:$o,html:Eo,id:_,mount:hr,renderComponentToHTML:Fo,set:ko,upload:Mo,timers:{}};Pe(br);var ml=br;export{xo as accounts,bo as cache,ml as default,$o as get,Eo as html,Fo as renderComponentToHTML,ko as set,Mo as upload};
+          `}}return r}return""}catch(r){i("component.css.compileCSS",r)}};var Ir=(t={},e=null)=>{try{let r=e(t);return r&&u(r)&&!I(r)?Object.assign({},r):{}}catch(r){i("component.state.compile.compileState",r)}},ee=(t={},e={})=>{try{return m(e)?Ir(t,e):Object.assign({},e)}catch(r){i("component.state.compile",r)}};var le={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var Ct=(t={},e={})=>{try{return e?Object.entries({...le,...e||{}}).reduce((r={},[o,n])=>(r[o]=()=>n({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):le}catch(r){i("component.lifecycle.compile",r)}};var te=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,n])=>(r[o]=(...s)=>n(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{})}catch{i("component.methods.compile")}};var me=(t={})=>{try{return{...t,query:{...t?.query||{},set:(e="",r="")=>{if(typeof window!="undefined"){let o=new URL(window.location);o.searchParams.append(e,r),window.history.pushState({},"",o)}},unset:(e="")=>{if(typeof window!="undefined"){let r=new URL(window.location);r.searchParams.delete(e),window.history.pushState({},"",r)}}},isActive:(e="")=>O(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){i("component.url.compile",e)}};var qr=(t={},e=null)=>{try{let r=e(t);return r&&u(r)&&!I(r)?Object.assign({},r):{}}catch(r){i("component.props.compileDefaultProps.compile",r)}},Rt=(t={},e={})=>{try{return m(e)?qr(t,e):Object.assign({},e)}catch(r){i("component.props.compileDefaultProps",r)}};var At=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=_(8),t.ssrId=e?._ssrId||null,t.css=X(),t.data=Y(e?.dataFromSSR,e?._componentId),t.defaultProps=Rt(t,e?.defaultProps),t.props=vt(t?.defaultProps,e?.props),t.state=ee(t,e?.state),t.events=e?.events||{},t.lifecycle=Ct(t,e?.lifecycle),t.methods=te(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=Ot,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!E();if(r||(t.url=me(e?.url)),r&&window.__joystick_url__&&(t.url=me(window.__joystick_url__)),r&&e?.websockets&&m(e?.websockets)){let o=e.websockets(t),n=u(o)&&Object.entries(o);for(let s=0;s<n?.length;s+=1){let[c,a]=n[s];Q({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(l={})=>{t.websockets={...t.websockets||{},[c]:l}})}}}catch(r){i("component.registerOptions",r)}};var Nr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){i("addToQueue.getQueue",e)}},G=(t="",e=null)=>{try{E()||(Nr(t)||{}).array.push({callback:e})}catch(r){i("addToQueue",r)}};var re=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&m(o.options.data)){let n=await o.options.data(t,e,r,o);return Promise.resolve(n)}return Promise.resolve()}catch(n){i("component.data.fetch",n)}};var jt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{let n=await re(Z,e,o,r);return r.data=jt(n,e,r),window.__joystick_data__[r?.id]=n,r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),n}}}catch(o){i("component.data.compile",o)}},Lt=jt;var Dt=(t={})=>{try{if(!E()&&window.__joystick_data__&&window.__joystick_data__[t?.id]){let e=window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return Lt(e,r,t)}return t?.data||{}}catch(e){i("component.loadDataFromWindow",e)}};var qt=Cr(_t());var Pt=(t={},e="",r="id")=>{try{let o=t&&t.id;if(u(t)&&o){let n=Object.keys(t);for(let s=0;s<n.length;s+=1){let c=n[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let l=0;l<a.length;l+=1){let F=a[l],y=Pt(F,e,r);if(y!==null)return y}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},j=Pt;var It=(t="",e={},r=null)=>{let o=j(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var Vr=(t={},e={},r=null)=>{try{let o=z(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){i("component.renderMethods.component.renderForClient",o)}},Ur=(t={})=>{try{return t.renderToHTML({ssrTree:t.parent.ssrTree,translations:t.parent.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t.parent?.dataFromSSR}).wrapped}catch(e){i("component.renderMethods.component.renderToHTMLForSSR",e)}},Hr=(t={})=>{try{return t.parent.ssrTree.dataFunctions.push(async()=>{try{let e=await t.options.data(t.parent.options.api,t.parent.options.req);return t.data=e||{},{componentId:t.id,ssrId:t.ssrId,data:e}}catch(e){return{componentId:t.id,ssrId:t.ssrId,data:null,error:e}}}),t.renderToHTML({ssrTree:t?.parent?.ssrTree,translations:t?.parent?.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t?.parent?.dataFromSSR})}catch(e){i("component.renderMethods.component.collectDataFunctionsForSSR",e)}},zr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};It(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Br=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&G("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e)}),!t.renderedComponent&&e.options.lifecycle.onMount&&G("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e)}))}catch(r){i("component.renderMethods.component.handleLifecycle",r)}},Zr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,qt.diff)(e?.existingPropsMap,r)?.length>0&&G("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(n||{},r,t)})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Gr=function(){return function(e=null,r={},o={}){let n=e({props:r,url:o.url,translations:o.translations,api:o.options.api,req:o.options.req,dataFromSSR:o?.dataFromSSR,parent:o}),s=o?.existingStateMap[n.id]||{},c=o.children[n.id]||[],a=s[c?.length];return n.state=a?.state||n.state,o.children[n.id]=[...o.children[n.id]||[],n],n.parent=o,Zr(n,o,r),G("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Br(this,n),n.parent&&zr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Hr(n):n.parent&&n.parent.ssrTree?Ur(n):Vr(n,this,a?.children)}},Wr=function(e,r){try{let o=this;return new Gr().bind({})(e,r,o)}catch(o){i("component.renderMethods.component",o)}},ue=Wr;var Kr=function(e=[],r=null){try{return m(r)&&e&&Array.isArray(e)?e.map((o,n)=>r(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},pe=Kr;var Jr=function(e="",r={}){try{let o=E()?this.translations:window.__joystick_i18n__;if(!o||!o[e])return"";let n=Object.entries(r);return n.length>0?n.reduce((s,[c,a])=>s.replace(`{{${c}}}`,a),o[e]):o[e]}catch(o){i("component.renderMethods.i18n",o)}},fe=Jr;var Qr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},he=Qr;var Nt={c:ue,component:ue,e:pe,each:pe,i:fe,i18n:fe,w:he,when:he};var Vt=(t={},e={})=>{try{return Object.entries(Nt).reduce((r,[o,n])=>(r[o]=n.bind({...t,...e}),r),{})}catch(r){i("component.renderMethods.compile",r)}};var Ut=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((n={})=>({state:n?.state,children:Ut(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},Ht=(t={})=>{try{return Ut(t)}catch(e){i("component.render.getExistingStateMap",e)}};var zt=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Yr=new RegExp(/\n/g);var Xr=(t="")=>{try{return(t.match(zt)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Bt=(t="")=>{try{let e=`${t}`;return e=Xr(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Zt=(t={},e="")=>{try{let{wrapper:r=null,ssrId:o=null,id:n=null,instanceId:s=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""}js-ssrId="${o}" js-c="${n}" js-i="${s}">${e}</div>`}catch(r){i("component.render.wrapHTML",r)}};var Gt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let n=0;n<o?.length;n+=1){let[s,c]=o[n];for(let a=0;a<c?.length;a+=1){let l=c[a];Object.entries(l?.timers)?.length>0&&r.push(...Object.values(l?.timers)),Object.entries(l?.children)?.length>0&&Gt(l?.children,r)}}if(r?.length>0)for(let n=0;n<r?.length;n+=1)clearTimeout(r[n])}catch(r){i("component.render.clearTimersOnChildren",r)}},Wt=Gt;var ne=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=Y(e.dataFromSSR,t.id)||{}),Wt(t?.children);let r=Ht(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=Vt({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=te(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),n=Bt(o),s=Zt(t,n);return{unwrapped:n,wrapped:s}}catch(r){i("component.render.toHTML",r)}};var eo=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},Kt=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?Kt(e):we(e)):we(t)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},we=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:eo(t.attributes),children:[].flatMap.call(t.childNodes,o=>Kt(o))};return e==="text"&&(r=t.textContent),r}catch(e){i("component.virtualDOM.build",e)}},W=we;var to=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},Jt=(t="")=>{try{let e=to(t);return W(e)}catch(e){i("component.virtualDOM.build",e)}};var Qt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var ro=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[n,s]=r[o];Qt(n)&&e.setAttribute(n,s)}for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(n){let s=Yt(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Yt=(t=null)=>{try{return O(t)?document.createTextNode(t):ro(t)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},B=Yt;var z=(t={},e={})=>{try{let r=ne(t,{existingChildren:e?.existingChildren}),o=Jt(r.wrapped,t),n=e.includeActual&&o?B(o):null;return{html:r,virtual:o,actual:n}}catch(r){i("component.render.getUpdatedDOM",r)}};var Xt=(t={},e={})=>{try{let r=z(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){i("component.render.forMount",r)}};var oo=(t={},e={})=>{let r=[];for(let[o,n]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,n),s));for(let o in t)o in e||r.push(n=>(n&&n.removeAttribute&&n.removeAttribute(o),n));return o=>{for(let n of r)n&&typeof n=="function"&&n(o)}},ie=oo;var no=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let n=0;n<o;n+=1){let s=t[n],c=e[n];r.push([s,c])}return r},er=no;var io=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},so=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},ao=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(n=>{let s=c=>{let a=B(n);return c.appendChild(a),c};r.push(s)}),r},co=(t=[],e=[])=>{let r=[];return t.forEach((o,n)=>{let s=ae(o,e[n]);r.push(s)}),r},lo=(t=[],e=[])=>{let r=co(t,e),o=ao(t,e);return n=>{if(n){let s=er(r,n.childNodes);so(s),io(o,n)}return n}},se=lo;var tr={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),ie(t.attributes,e.attributes)(r),se([],e.children)(r);let n=r.querySelector(`option[value="${o}"]`);if(n&&(r.value=o),!n){let s=r.querySelector("option");r.value=s?.value||""}return r}};var ye=(t,e)=>r=>{let o=t?B(t):null;return r&&r.replaceWith(o),o},mo=()=>t=>{t&&t.remove()},uo=(t=void 0,e=void 0)=>t===void 0||e===void 0?mo():typeof t=="string"||typeof e=="string"?ye(e,t):t.tagName!==e.tagName?ye(e):e.tagName==="select"?tr.select(t,e):["pre","code"].includes(e.tagName)?ye(e,t):n=>(ie(t.attributes,e.attributes)(n),se(t.children,e.children)(n),n),ae=uo;var po=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){i("processQueue.getQueue",e)}},q=(t="",e=null)=>{try{E()||(po(t)||{}).process(e)}catch(r){i("processQueue",r)}};var rr=(t="",e=null)=>{let r=j(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var or=(t="",e={},r=null)=>{let o=j(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var nr=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(u(n)&&n.attributes&&n.attributes["js-i"]&&n.attributes["js-i"]===e){t.children[o]=r;break}u(n)&&nr(n,e,r)}},ir=nr;var sr=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...n]=e.split(" ");return{type:o.toLowerCase(),selector:n.join(" "),handler:r}})}catch(e){i("component.events.serialize",e)}};var ar=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?sr(t?.events):[];for(let n=0;n<o?.length;n+=1){let s=o[n];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){Object.defineProperty(a,"target",{value:a.composedPath()[0]}),s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}})}})}if(t?.children){let n=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<n?.length;s+=1){let c=n[s];ar(c,e,r)}}return r}catch(o){i("component.events.registerListenersFix.getListeners",o)}},fo=(t={},e={})=>{try{let o=ar(t,e,[])?.flatMap((n={})=>[].flatMap.call(n?.elements||[],s=>{let{elements:c=[],...a}=n||{};return{...a,element:s}}));for(let n=0;n<o?.length;n+=1){let{instance:s,element:c,elementSelector:a,type:l,handler:F}=o[n];c.addEventListener(l,F),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:l,handler:F}]}}catch(r){i("component.events.registerListenersFix",r)}},ce=fo;var cr=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((n=[],s=[])=>[...n,...s],[])).flatMap((n={})=>cr(n));e=[...e,...o]}return e}catch(e){i("component.events.unregisterListenersFix.getListeners",e)}},ho=(t={})=>{try{let e=cr(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:n,type:s,handler:c}=e[r];n.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){i("component.events.unregisterListenersFix",e)}},dr=ho;var lr=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},et(e),At(this,e),this.data=Dt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},n=this){let s=await re(e,r,o,n);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=W(this.DOMNode);this.dom.virtual=r}let e=this.parent?j(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!E())return{instanceId:this.instanceId}}render(e={}){if(e?.mounting)return Xt(this,e);let r=this.onBeforeRender();dr(this),rr(this.instanceId);let o=z(this,{}),n=ae(this.dom.virtual,o.virtual);n&&m(n)&&q("lifecycle.onBeforeMount",()=>{let s=n(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,ce(this,this.renderMethods),this.setDOMNodeOnInstance(),q("domNodes",()=>{q("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ne(this,e)}onAfterRender(e={},r={}){E()||(or(e.instanceId,this),window.joystick._internal.css.update(),q("lifecycle.onUpdateProps"),r?.afterSetStateRender&&m(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&m(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=ee(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&m(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[_()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[_()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=j(window.joystick._internal.tree,this.instanceId,"instanceId"),n=j(window.joystick._internal.tree,r,"instanceId");if(n?.instance?.DOMNode){let s=W(n?.instance?.DOMNode);ir(o?.instance?.dom?.virtual,n?.instanceId,s)}}},mr=lr;var ur=(t={})=>{try{return(e={})=>new mr({...t,props:e?.props,url:e?.url,translations:e?.translations,api:e?.api,req:e?.req,parent:e?.parent})}catch(e){i("component",e)}};var pr=(t={})=>{try{window.joystick._internal.tree={id:t?.id||null,instanceId:t?.instanceId||null,instance:t,children:[]}}catch(e){i("mount.initializeJoystickComponentTree",e)}};var fr=(t={},e=null)=>{try{return t.innerHTML="",t.appendChild(e),e}catch(r){i("mount.appendToDOM",r)}};var hr=(t=null,e={},r=null)=>{try{m(t)||i("mount","Component to mount must be a function."),u(e)||i("mount","props must be an object."),Oe(r)||i("mount","target must be a DOM node.");let o=t({props:e});pr(o);let n=o.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});n&&(n.setAttribute("js-ssrId",o.ssrId),n.setAttribute("js-c",o.id),n.setAttribute("js-i",o.instanceId)),o.lifecycle.onBeforeMount(),q("lifecycle.onBeforeMount"),fr(r,n),o.setDOMNodeOnInstance(),window.joystick._internal.css.update(),ce(o,o.renderMethods),o.lifecycle.onMount(),q("lifecycle.onMount")}catch(o){i("mount",o)}};var wr=class{constructor(e=[]){this.array=[...e],this.array.push=function(){Array.prototype.push.apply(this,arguments)}}async process(e=null){if(this.array.length>0){let r=this.array.shift();r&&r.callback&&(await r.callback(),this.process(e))}else e&&e()}},N=wr;var wo=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),yo=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),go=(t,e)=>(e||"").replace(wo,()=>"").replace(yo,r=>["@",": "].some(o=>r?.includes(o))?r:`[js-c="${t}"] ${r.trim()}`)?.trim(),yr=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let r=t.instance.id,o=t.instance.options.css,n=X(o,t.instance),s=go(r,n);e.push(s)}if(t.children&&t.children.length>0){let r=t?.children?.length||0;for(;r--;)yr(t.children[r],e)}return e},gr=yr;var xr=()=>{try{let t=document.head.querySelector("style[js-styles]"),r=gr(window.joystick?._internal?.tree).reverse().join("").trim();if(t?.innerText===r)return;if(t&&(t.innerHTML=r),!t){let o=document.createElement("style");o.setAttribute("js-styles",""),o.innerHTML=r,document.head.appendChild(o)}}catch(t){i("css.update",t)}};var xo=Me,bo=Re,$o=Z.get,Eo=Ae,Fo=je,ko=Z.set,Mo=_e,br={_external:{},_internal:{css:{update:xr},queues:{domNodes:new N([]),eventListeners:new N([]),lifecycle:{onBeforeMount:new N([]),onMount:new N([]),onUpdateProps:new N([])},render:new N([])},tree:{},eventListeners:[]},accounts:xo,cache:bo,component:ur,get:$o,html:Eo,id:_,mount:hr,renderComponentToHTML:Fo,set:ko,upload:Mo,timers:{}};Pe(br);var ml=br;export{xo as accounts,bo as cache,ml as default,$o as get,Eo as html,Fo as renderComponentToHTML,ko as set,Mo as upload};

package/dist/lib/types.js

@@ -1 +1 @@
-var e=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var s=t=>{try{return!!t}catch(r){e("types.isAny",r)}},c=t=>{try{return typeof t=="undefined"}catch(r){e("types.isUndefined",r)}},i=t=>{try{return t===null}catch(r){e("types.isNull",r)}},p=t=>{try{return t instanceof HTMLElement}catch(r){e("types.isDOM",r)}},y=t=>{try{return!!Array.isArray(t)}catch(r){e("types.isArray",r)}},x=t=>{try{return t===!0||t===!1}catch(r){e("types.isBoolean",r)}},a=t=>{try{return Number(t)===t&&t%1!=0}catch(r){e("types.isFloat",r)}},u=t=>{try{return typeof t=="function"}catch(r){e("types.isFunction",r)}},h=t=>{try{return Number(t)===t&&t%1==0}catch(r){e("types.isInteger",r)}},f=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){e("types.isObject",r)}},m=t=>{try{return Number(t)===t}catch(r){e("types.isNumber",r)}},b=t=>{try{return typeof t=="string"}catch(r){e("types.isString",r)}};export{s as isAny,y as isArray,x as isBoolean,p as isDOM,a as isFloat,u as isFunction,h as isInteger,i as isNull,m as isNumber,f as isObject,b as isString,c as isUndefined};
+var e=(t="",r={})=>{throw new Error(`[joystick${t?`.${t}`:""}] ${r.message||r.reason||r}`)};var s=t=>{try{return!!t}catch(r){e("types.isAny",r)}},c=t=>{try{return typeof t=="undefined"}catch(r){e("types.isUndefined",r)}},i=t=>{try{return t===null}catch(r){e("types.isNull",r)}},p=t=>{try{return!0}catch(r){e("types.isDOM",r)}},y=t=>{try{return!!Array.isArray(t)}catch(r){e("types.isArray",r)}},x=t=>{try{return t===!0||t===!1}catch(r){e("types.isBoolean",r)}},a=t=>{try{return Number(t)===t&&t%1!=0}catch(r){e("types.isFloat",r)}},u=t=>{try{return typeof t=="function"}catch(r){e("types.isFunction",r)}},h=t=>{try{return Number(t)===t&&t%1==0}catch(r){e("types.isInteger",r)}},f=t=>{try{return!!(t&&typeof t=="object"&&!Array.isArray(t))}catch(r){e("types.isObject",r)}},m=t=>{try{return Number(t)===t}catch(r){e("types.isNumber",r)}},b=t=>{try{return typeof t=="string"}catch(r){e("types.isString",r)}};export{s as isAny,y as isArray,x as isBoolean,p as isDOM,a as isFloat,u as isFunction,h as isInteger,i as isNull,m as isNumber,f as isObject,b as isString,c as isUndefined};

package/dist/mount/index.js

@@ -1 +1 @@
-var n=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return e instanceof HTMLElement}catch(t){n("types.isDOM",t)}};var d=e=>{try{return typeof e=="function"}catch(t){n("types.isFunction",t)}};var y=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){n("types.isObject",t)}};var f=(e={})=>{try{window.joystick._internal.tree={id:e?.id||null,instanceId:e?.instanceId||null,instance:e,children:[]}}catch(t){n("mount.initializeJoystickComponentTree",t)}};var h=()=>typeof window=="undefined";var k=(e="")=>{try{let[t,i]=e?.split(".");return i?window?.joystick?._internal?.queues[t][i]:window?.joystick?._internal?.queues[t]}catch(t){n("processQueue.getQueue",t)}},u=(e="",t=null)=>{try{h()||(k(e)||{}).process(t)}catch(i){n("processQueue",i)}};var w=(e={},t=null)=>{try{return e.innerHTML="",e.appendChild(t),t}catch(i){n("mount.appendToDOM",i)}};var x=(e={})=>{try{return Object.entries(e).map(([t,i])=>{let[r,...o]=t.split(" ");return{type:r.toLowerCase(),selector:o.join(" "),handler:i}})}catch(t){n("component.events.serialize",t)}};var b=(e={},t={},i=[])=>{try{let r=Object.keys(e?.events||{})?.length>0?x(e?.events):[];for(let o=0;o<r?.length;o+=1){let s=r[o];i.push({...s,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${s?.selector}`),handler:function(p){Object.defineProperty(p,"target",{value:p.composedPath()[0]}),s.handler(p,{...e||{},setState:e?.setState.bind(e),...t||{}})}})}if(e?.children){let o=Object.entries(e?.children)?.flatMap(([s,c])=>c);for(let s=0;s<o?.length;s+=1){let c=o[s];b(c,t,i)}}return i}catch(r){n("component.events.registerListenersFix.getListeners",r)}},F=(e={},t={})=>{try{let r=b(e,t,[])?.flatMap((o={})=>[].flatMap.call(o?.elements||[],s=>{let{elements:c=[],...p}=o||{};return{...p,element:s}}));for(let o=0;o<r?.length;o+=1){let{instance:s,element:c,elementSelector:p,type:l,handler:a}=r[o];c.addEventListener(l,a),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:p,type:l,handler:a}]}}catch(i){n("component.events.registerListenersFix",i)}},g=F;var G=(e=null,t={},i=null)=>{try{d(e)||n("mount","Component to mount must be a function."),y(t)||n("mount","props must be an object."),m(i)||n("mount","target must be a DOM node.");let r=e({props:t});f(r);let o=r.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});o&&(o.setAttribute("js-ssrId",r.ssrId),o.setAttribute("js-c",r.id),o.setAttribute("js-i",r.instanceId)),r.lifecycle.onBeforeMount(),u("lifecycle.onBeforeMount"),w(i,o),r.setDOMNodeOnInstance(),window.joystick._internal.css.update(),g(r,r.renderMethods),r.lifecycle.onMount(),u("lifecycle.onMount")}catch(r){n("mount",r)}};export{G as default};
+var n=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=e=>{try{return!0}catch(t){n("types.isDOM",t)}};var d=e=>{try{return typeof e=="function"}catch(t){n("types.isFunction",t)}};var y=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){n("types.isObject",t)}};var f=(e={})=>{try{window.joystick._internal.tree={id:e?.id||null,instanceId:e?.instanceId||null,instance:e,children:[]}}catch(t){n("mount.initializeJoystickComponentTree",t)}};var h=()=>typeof window=="undefined";var k=(e="")=>{try{let[t,i]=e?.split(".");return i?window?.joystick?._internal?.queues[t][i]:window?.joystick?._internal?.queues[t]}catch(t){n("processQueue.getQueue",t)}},u=(e="",t=null)=>{try{h()||(k(e)||{}).process(t)}catch(i){n("processQueue",i)}};var w=(e={},t=null)=>{try{return e.innerHTML="",e.appendChild(t),t}catch(i){n("mount.appendToDOM",i)}};var x=(e={})=>{try{return Object.entries(e).map(([t,i])=>{let[r,...o]=t.split(" ");return{type:r.toLowerCase(),selector:o.join(" "),handler:i}})}catch(t){n("component.events.serialize",t)}};var b=(e={},t={},i=[])=>{try{let r=Object.keys(e?.events||{})?.length>0?x(e?.events):[];for(let o=0;o<r?.length;o+=1){let s=r[o];i.push({...s,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${s?.selector}`),handler:function(p){Object.defineProperty(p,"target",{value:p.composedPath()[0]}),s.handler(p,{...e||{},setState:e?.setState.bind(e),...t||{}})}})}if(e?.children){let o=Object.entries(e?.children)?.flatMap(([s,c])=>c);for(let s=0;s<o?.length;s+=1){let c=o[s];b(c,t,i)}}return i}catch(r){n("component.events.registerListenersFix.getListeners",r)}},F=(e={},t={})=>{try{let r=b(e,t,[])?.flatMap((o={})=>[].flatMap.call(o?.elements||[],s=>{let{elements:c=[],...p}=o||{};return{...p,element:s}}));for(let o=0;o<r?.length;o+=1){let{instance:s,element:c,elementSelector:p,type:l,handler:a}=r[o];c.addEventListener(l,a),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:p,type:l,handler:a}]}}catch(i){n("component.events.registerListenersFix",i)}},g=F;var G=(e=null,t={},i=null)=>{try{d(e)||n("mount","Component to mount must be a function."),y(t)||n("mount","props must be an object."),m(i)||n("mount","target must be a DOM node.");let r=e({props:t});f(r);let o=r.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});o&&(o.setAttribute("js-ssrId",r.ssrId),o.setAttribute("js-c",r.id),o.setAttribute("js-i",r.instanceId)),r.lifecycle.onBeforeMount(),u("lifecycle.onBeforeMount"),w(i,o),r.setDOMNodeOnInstance(),window.joystick._internal.css.update(),g(r,r.renderMethods),r.lifecycle.onMount(),u("lifecycle.onMount")}catch(r){n("mount",r)}};export{G as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@joystick.js/ui-canary",
   "type": "module",
-  "version": "0.0.0-canary.2",
+  "version": "0.0.0-canary.3",
   "description": "A JavaScript framework for building user interfaces.",
   "main": "./dist/index.js",
   "scripts": {