@joystick.js/ui-canary 0.0.0-canary.61 → 0.0.0-canary.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
var c=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=(e={})=>{try{return Object.entries(e).map(([t,o])=>{let[s,...n]=t.split(" ");return{type:s.toLowerCase(),selector:n.join(" "),handler:o}})}catch(t){c("component.events.serialize",t)}};var f="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),w=(e=16)=>{let t="",o=0;for(;o<e;)t+=f[Math.floor(Math.random()*(f.length-1))],o+=1;return t};var p=(e="",t=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[e]:[...window?.test?.functionCalls&&window?.test?.functionCalls[e]||[],{calledAt:new Date().toISOString(),args:t}]}})};var u=(e={},t={},o=[])=>{try{let s=Object.keys(e?.events||{})?.length>0?m(e?.events):[];for(let n=0;n<s?.length;n+=1){let r=s[n];o.push({...r,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${r?.selector}`),handler:function(i){r.handler(i,{...e||{},setState:e?.setState.bind(e),...t||{}}),p(`ui.${e?.options?.test?.name||w()}.events.${r.type}
|
|
1
|
+
var c=(e="",t={})=>{throw new Error(`[joystick${e?`.${e}`:""}] ${t.message||t.reason||t}`)};var m=(e={})=>{try{return Object.entries(e).map(([t,o])=>{let[s,...n]=t.split(" ");return{type:s.toLowerCase(),selector:n.join(" "),handler:o}})}catch(t){c("component.events.serialize",t)}};var f="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),w=(e=16)=>{let t="",o=0;for(;o<e;)t+=f[Math.floor(Math.random()*(f.length-1))],o+=1;return t};var p=(e="",t=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[e]:[...window?.test?.functionCalls&&window?.test?.functionCalls[e]||[],{calledAt:new Date().toISOString(),args:t}]}})};var u=(e={},t={},o=[])=>{try{let s=Object.keys(e?.events||{})?.length>0?m(e?.events):[];for(let n=0;n<s?.length;n+=1){let r=s[n];o.push({...r,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${r?.selector}`),handler:function(i){r.handler(i,{...e||{},setState:e?.setState.bind(e),...t||{}}),p(`ui.${e?.options?.test?.name||w()}.events.${r.type}.selector_${r?.selector}`,[i,{...e||{},setState:e?.setState.bind(e),...t||{}}])}})}if(e?.children){let n=Object.entries(e?.children)?.flatMap(([r,l])=>l);for(let r=0;r<n?.length;r+=1){let l=n[r];u(l,t,o)}}return o}catch(s){c("component.eve!nts.registerListenersFix.getListeners",s)}},h=(e={},t={})=>{try{let s=u(e,t,[])?.flatMap((n={})=>[].flatMap.call(n?.elements||[],r=>{let{elements:l=[],...i}=n||{};return{...i,element:r}}));for(let n=0;n<s?.length;n+=1){let{instance:r,element:l,elementSelector:i,type:a,handler:d}=s[n];l.addEventListener(a,d),r._eventListeners=[...r?._eventListeners||[],{instance:r,element:l,elementSelector:i,type:a,handler:d}]}}catch(o){c("component.events.registerListenersFix",o)}},L=h;export{L as default};
|
|
@@ -18,4 +18,4 @@ var Yt=Object.create;var ie=Object.defineProperty;var Xt=Object.getOwnPropertyDe
|
|
|
18
18
|
@media screen and (max-height: ${R}px) {
|
|
19
19
|
${typeof f=="function"?f(e):f}
|
|
20
20
|
}
|
|
21
|
-
`}}return r}return""}catch(r){n("component.css.compileCSS",r)}};var dr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.state.compile.compileState",r)}},K=(t={},e={})=>{try{return l(e)?dr(t,e):Object.assign({},e)}catch(r){n("component.state.compile",r)}};var ne={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var ct=(t={},e={})=>{try{return e?Object.entries({...ne,...e||{}}).reduce((r={},[o,i])=>(r[o]=()=>i({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ne}catch(r){n("component.lifecycle.compile",r)}};var j=(t="",e=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[t]:[...window?.test?.functionCalls&&window?.test?.functionCalls[t]||[],{calledAt:new Date().toISOString(),args:e}]}})};var W=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,i])=>(r[o]=(...s)=>(j(`ui.${t?.options?.test?.name||b()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),i(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}})),r),{})}catch{n("component.methods.compile")}};var se=(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){n("component.url.compile",e)}};var T=()=>typeof window=="undefined";var N=null,J=0,lt=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);N&&(clearInterval(N),N=null);let i={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(i),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),i)}),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,i),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!N&&!c&&(N=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(lt(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(N)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(i),i}catch(r){n("websockets.client",r)}},mt=lt;var cr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.props.compileDefaultProps.compile",r)}},ut=(t={},e={})=>{try{return l(e)?cr(t,e):Object.assign({},e)}catch(r){n("component.props.compileDefaultProps",r)}};var pt=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=b(8),t.ssrId=e?._ssrId||null,t.css=dt(),t.data=G(e?.dataFromSSR,e?._componentId),t.defaultProps=ut(t,e?.defaultProps),t.props=at(t?.defaultProps,e?.props),t.state=K(t,e?.state),t.events=e?.events||{},t.lifecycle=ct(t,e?.lifecycle),t.methods=W(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=st,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!T();if(r||(t.url=se(e?.url)),r&&window.__joystick_url__&&(t.url=se(window.__joystick_url__)),r&&e?.websockets&&l(e?.websockets)){let o=e.websockets(t),i=m(o)&&Object.entries(o);for(let s=0;s<i?.length;s+=1){let[c,a]=i[s];mt({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(u={})=>{t.websockets={...t.websockets||{},[c]:u}})}}}catch(r){n("component.registerOptions",r)}};var V=(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){n(t,r)}};var Q=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var ft=(t={})=>Object.entries(t).map(([e,r])=>`${e}=${r}`)?.join("; ");var lr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.get.handleParseResponse",e)}},ht=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let i=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${i}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content"),u={...e?.headers||{},"x-joystick-csrf":a};return window?.__joystick_test__&&(u.Cookie=ft({joystickLoginToken:window.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expires_at__})),fetch(c,{method:"GET",mode:"cors",headers:u,credentials:"include"}).then(async y=>{let w=await lr(y);return w?.errors?(V("get request",w.errors),o(w)):r(w)}).catch(y=>(V("get request",[y]),o({errors:[y]})))}):Promise.resolve()}catch(r){n("get request",r)}};var mr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.set.handleParseResponse",e)}},ur=(t={})=>{try{return JSON.stringify(t)}catch(e){n("api.set.getBody",e)}},wt=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let i=`${window.location.origin}/api/_setters/${t}`,s=ur(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content"),a={...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c};return window?.__joystick_test__&&(a.Cookie=generateCookieHeader({joystickLoginToken:window?.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expirs_at__})),fetch(i,{method:"POST",mode:"cors",headers:a,body:s,credentials:"include"}).then(async u=>{let y=await mr(u);return y?.errors?(V("set request",y.errors),o(y)):r(y)}).catch(u=>(V("set request",[u]),o({errors:[u]})))}):Promise.resolve()}catch(r){n("set request",r)}};var yt={get:ht,set:wt};var pr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("addToQueue.getQueue",e)}},H=(t="",e=null)=>{try{T()||(pr(t)||{}).array.push({callback:e})}catch(r){n("addToQueue",r)}};var Y=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&l(o.options.data)){let i=await o.options.data(t,e,r,o);return Promise.resolve(i)}return Promise.resolve()}catch(i){n("component.data.fetch",i)}};var gt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{j(`ui.${r?.options?.test?.name||b()}.data.refetch`,[o]);let i=await Y(yt,e,o,r);return r.data=gt(i,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=i),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){n("component.data.compile",o)}},xt=gt;var bt=(t={})=>{try{if(!T()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return xt(e,r,t)}return t?.data||{}}catch(e){n("component.loadDataFromWindow",e)}};var Et=sr($t());var Ft=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(t)&&o){let i=Object.keys(t);for(let s=0;s<i.length;s+=1){let c=i[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let u=0;u<a.length;u+=1){let y=a[u],w=Ft(y,e,r);if(w!==null)return w}}}return null}catch(o){n("component.findComponentInTreeByField",o)}},A=Ft;var kt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var fr=(t={},e={},r=null)=>{try{let o=U(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){n("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){n("component.renderMethods.component.renderToHTMLForSSR",e)}},wr=(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){n("component.renderMethods.component.collectDataFunctionsForSSR",e)}},yr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};kt(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){n("component.renderMethods.component.handleAddComponentToParent",e)}},gr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&H("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&H("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onMount`,[e])}))}catch(r){n("component.renderMethods.component.handleLifecycle",r)}},xr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,Et.diff)(e?.existingPropsMap,r)?.length>0&&H("lifecycle.onUpdateProps",()=>{let i=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(i||{},r,t),j(`ui.${t?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[i||{},r,t])})}catch(o){n("component.renderMethods.component.handleOnChangeProps",o)}},br=function(){return function(e=null,r={},o={}){let i=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[i.id]||{},c=o.children[i.id]||[],a=s[c?.length];return i.state=a?.state||i.state,o.children[i.id]=[...o.children[i.id]||[],i],i.parent=o,xr(i,o,r),H("lifecycle.onMount",()=>{i.setDOMNodeOnInstance()}),gr(this,i),i.parent&&yr(i),i.options.data&&i.parent.walkingTreeForSSR&&i.parent.ssrTree.dataFunctions?wr(i):i.parent&&i.parent.ssrTree?hr(i):fr(i,this,a?.children)}},$r=function(e,r){try{let o=this;return new br().bind({})(e,r,o)}catch(o){n("component.renderMethods.component",o)}},ae=$r;var Fr=function(e=[],r=null){try{return l(r)&&e&&Array.isArray(e)?e.map((o,i)=>r(o,i)).join(""):""}catch(o){n("component.renderMethods.each",o)}},de=Fr;var kr=(t="",e=[])=>{try{return e.reduce((r,[o,i])=>r.replace(`{{${o}}}`,i),t)}catch(r){n("component.renderMethods.i18n.replacePlaceholdersInString",r)}},ce=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),i=typeof t=="object"&&!o;if(r)return kr(t,e);if(o)return t?.map(s=>ce(s,e));if(i)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=ce(a,e),s),{})}catch(r){n("component.renderMethods.i18n.handleTranslationReplacement",r)}},Er=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){n("component.renderMethods.i18n.getTranslationAtPath",r)}},Mr=function(t="",e={}){try{let r=T()?this.translations:window.__joystick_i18n__,i=t?.includes(".")?Er(t,r):r[t];if(!r||!i)return"";let s=Object.entries(e);return ce(i,s)}catch(r){n("component.renderMethods.i18n",r)}},le=Mr;var Sr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){n("component.renderMethods.when",o)}},me=Sr;var Mt={c:ae,component:ae,e:de,each:de,i:le,i18n:le,w:me,when:me};var St=(t={},e={})=>{try{return Object.entries(Mt).reduce((r,[o,i])=>(r[o]=i.bind({...t,...e}),r),{})}catch(r){n("component.renderMethods.compile",r)}};var Ot=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((i={})=>({state:i?.state,children:Ot(i?.children)})),e),{})}catch(e){n("component.render.getExistingStateMap.buildMapForChildren",e)}},Tt=(t={})=>{try{return Ot(t)}catch(e){n("component.render.getExistingStateMap",e)}};var Ct=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Or=new RegExp(/\n/g);var Tr=(t="")=>{try{return(t.match(Ct)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){n("component.render.sanitizeHTML.removeCommentedCode",e)}},vt=(t="")=>{try{let e=`${t}`;return e=Tr(e),e}catch(e){n("component.render.sanitizeHTML",e)}};var jt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:i=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${i}">${e}</div>`}catch(r){n("component.render.wrapHTML",r)}};var Rt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let i=0;i<o?.length;i+=1){let[s,c]=o[i];for(let a=0;a<c?.length;a+=1){let u=c[a];Object.entries(u?.timers)?.length>0&&r.push(...Object.values(u?.timers)),Object.entries(u?.children)?.length>0&&Rt(u?.children,r)}}if(r?.length>0)for(let i=0;i<r?.length;i+=1)clearTimeout(r[i])}catch(r){n("component.render.clearTimersOnChildren",r)}},At=Rt;var ee=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=G(e.dataFromSSR,t.id)||{}),At(t?.children);let r=Tt(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=St({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=W(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),i=vt(o),s=jt(t,i);return{unwrapped:i,wrapped:s}}catch(r){n("component.render.toHTML",r)}};var Cr=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){n("component.virtualDOM.build.parseAttributeMap",e)}},_t=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?_t(e):ue(e)):ue(t)}catch(e){n("component.virtualDOM.build.flattenWhenTags",e)}},ue=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:Cr(t.attributes),children:[].flatMap.call(t.childNodes,o=>_t(o))};return e==="text"&&(r=t.textContent),r}catch(e){n("component.virtualDOM.build",e)}},z=ue;var vr=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){n("component.virtualDOM.build.convertHTMLToDOM",e)}},Lt=(t="")=>{try{let e=vr(t);return z(e)}catch(e){n("component.virtualDOM.build",e)}};var Dt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var jr=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[i,s]=r[o];Dt(i)&&e.setAttribute(i,s)}for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(i){let s=Pt(i);e.appendChild(s)}}return e}catch(e){n("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Pt=(t=null)=>{try{return O(t)?document.createTextNode(t):jr(t)}catch(e){n("component.virtualDOM.renderTreeToDOM",e)}},q=Pt;var U=(t={},e={})=>{try{let r=ee(t,{existingChildren:e?.existingChildren}),o=Lt(r.wrapped,t),i=e.includeActual&&o?q(o):null;return{html:r,virtual:o,actual:i}}catch(r){n("component.render.getUpdatedDOM",r)}};var It=(t={},e={})=>{try{let r=U(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){n("component.render.forMount",r)}};var Rr=(t={},e={})=>{let r=[];for(let[o,i]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,i),s));for(let o in t)o in e||r.push(i=>(i&&i.removeAttribute&&i.removeAttribute(o),i));return o=>{for(let i of r)i&&typeof i=="function"&&i(o)}},te=Rr;var Ar=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let i=0;i<o;i+=1){let s=t[i],c=e[i];r.push([s,c])}return r},Nt=Ar;var _r=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},Lr=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},Dr=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(i=>{let s=c=>{let a=q(i);return c.appendChild(a),c};r.push(s)}),r},Pr=(t=[],e=[])=>{let r=[];return t.forEach((o,i)=>{let s=oe(o,e[i]);r.push(s)}),r},Ir=(t=[],e=[])=>{let r=Pr(t,e),o=Dr(t,e);return i=>{if(i){let s=Nt(r,i.childNodes);Lr(s),_r(o,i)}return i}},re=Ir;var Vt={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),te(t.attributes,e.attributes)(r),re([],e.children)(r);let i=r.querySelector(`option[value="${o}"]`);if(i&&(r.value=o),!i){let s=r.querySelector("option");r.value=s?.value||""}return r}};var pe=(t,e)=>r=>{let o=t?q(t):null;return r&&r.replaceWith(o),o},Nr=()=>t=>{t&&t.remove()},Vr=(t=void 0,e=void 0)=>t===void 0||e===void 0?Nr():typeof t=="string"||typeof e=="string"?pe(e,t):t.tagName!==e.tagName?pe(e):e.tagName==="select"?Vt.select(t,e):["pre","code"].includes(e.tagName)?pe(e,t):i=>(te(t.attributes,e.attributes)(i),re(t.children,e.children)(i),i),oe=Vr;var Ur=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("processQueue.getQueue",e)}},Z=(t="",e=null)=>{try{T()||(Ur(t)||{}).process(e)}catch(r){n("processQueue",r)}};var Ut=(t="",e=null)=>{let r=A(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var qt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var Ht=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(m(i)&&i.attributes&&i.attributes["js-i"]&&i.attributes["js-i"]===e){t.children[o]=r;break}m(i)&&Ht(i,e,r)}},zt=Ht;var Zt=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...i]=e.split(" ");return{type:o.toLowerCase(),selector:i.join(" "),handler:r}})}catch(e){n("component.events.serialize",e)}};var Bt=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?Zt(t?.events):[];for(let i=0;i<o?.length;i+=1){let s=o[i];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),j(`ui.${t?.options?.test?.name||b()}.events.${s.type}.${s?.selector}`,[a,{...t||{},setState:t?.setState.bind(t),...e||{}}])}})}if(t?.children){let i=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<i?.length;s+=1){let c=i[s];Bt(c,e,r)}}return r}catch(o){n("component.eve!nts.registerListenersFix.getListeners",o)}},qr=(t={},e={})=>{try{let o=Bt(t,e,[])?.flatMap((i={})=>[].flatMap.call(i?.elements||[],s=>{let{elements:c=[],...a}=i||{};return{...a,element:s}}));for(let i=0;i<o?.length;i+=1){let{instance:s,element:c,elementSelector:a,type:u,handler:y}=o[i];c.addEventListener(u,y),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:u,handler:y}]}}catch(r){n("component.events.registerListenersFix",r)}},Gt=qr;var Kt=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((i=[],s=[])=>[...i,...s],[])).flatMap((i={})=>Kt(i));e=[...e,...o]}return e}catch(e){n("component.events.unregisterListenersFix.getListeners",e)}},Hr=(t={})=>{try{let e=Kt(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:i,type:s,handler:c}=e[r];i.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){n("component.events.unregisterListenersFix",e)}},Wt=Hr;var Jt=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},je(e),pt(this,e),this.data=bt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},i=this){let s=await Y(e,r,o,i);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=z(this.DOMNode);this.dom.virtual=r}let e=this.parent?A(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!T())return{instanceId:this.instanceId}}render(e={}){if(j(`ui.${this?.options?.test?.name||b()}.render`,[e]),e?.mounting)return It(this,e);let r=this.onBeforeRender();Wt(this),Ut(this.instanceId);let o=U(this,{}),i=oe(this.dom.virtual,o.virtual);i&&l(i)&&Z("lifecycle.onBeforeMount",()=>{let s=i(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,Gt(this,this.renderMethods),this.setDOMNodeOnInstance(),Z("domNodes",()=>{Z("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ee(this,e)}onAfterRender(e={},r={}){T()||(qt(e.instanceId,this),window.joystick._internal.css.update(),Z("lifecycle.onUpdateProps"),r?.afterSetStateRender&&l(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&l(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=K(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&l(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[b()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[b()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=A(window.joystick._internal.tree,this.instanceId,"instanceId"),i=A(window.joystick._internal.tree,r,"instanceId");if(i?.instance?.DOMNode){let s=z(i?.instance?.DOMNode);zt(o?.instance?.dom?.virtual,i?.instanceId,s)}}},gd=Jt;export{gd as default};
|
|
21
|
+
`}}return r}return""}catch(r){n("component.css.compileCSS",r)}};var dr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.state.compile.compileState",r)}},K=(t={},e={})=>{try{return l(e)?dr(t,e):Object.assign({},e)}catch(r){n("component.state.compile",r)}};var ne={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var ct=(t={},e={})=>{try{return e?Object.entries({...ne,...e||{}}).reduce((r={},[o,i])=>(r[o]=()=>i({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ne}catch(r){n("component.lifecycle.compile",r)}};var j=(t="",e=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[t]:[...window?.test?.functionCalls&&window?.test?.functionCalls[t]||[],{calledAt:new Date().toISOString(),args:e}]}})};var W=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,i])=>(r[o]=(...s)=>(j(`ui.${t?.options?.test?.name||b()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),i(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}})),r),{})}catch{n("component.methods.compile")}};var se=(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){n("component.url.compile",e)}};var T=()=>typeof window=="undefined";var N=null,J=0,lt=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);N&&(clearInterval(N),N=null);let i={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(i),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),i)}),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,i),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!N&&!c&&(N=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(lt(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(N)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(i),i}catch(r){n("websockets.client",r)}},mt=lt;var cr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.props.compileDefaultProps.compile",r)}},ut=(t={},e={})=>{try{return l(e)?cr(t,e):Object.assign({},e)}catch(r){n("component.props.compileDefaultProps",r)}};var pt=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=b(8),t.ssrId=e?._ssrId||null,t.css=dt(),t.data=G(e?.dataFromSSR,e?._componentId),t.defaultProps=ut(t,e?.defaultProps),t.props=at(t?.defaultProps,e?.props),t.state=K(t,e?.state),t.events=e?.events||{},t.lifecycle=ct(t,e?.lifecycle),t.methods=W(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=st,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!T();if(r||(t.url=se(e?.url)),r&&window.__joystick_url__&&(t.url=se(window.__joystick_url__)),r&&e?.websockets&&l(e?.websockets)){let o=e.websockets(t),i=m(o)&&Object.entries(o);for(let s=0;s<i?.length;s+=1){let[c,a]=i[s];mt({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(u={})=>{t.websockets={...t.websockets||{},[c]:u}})}}}catch(r){n("component.registerOptions",r)}};var V=(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){n(t,r)}};var Q=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var ft=(t={})=>Object.entries(t).map(([e,r])=>`${e}=${r}`)?.join("; ");var lr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.get.handleParseResponse",e)}},ht=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let i=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${i}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content"),u={...e?.headers||{},"x-joystick-csrf":a};return window?.__joystick_test__&&(u.Cookie=ft({joystickLoginToken:window.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expires_at__})),fetch(c,{method:"GET",mode:"cors",headers:u,credentials:"include"}).then(async y=>{let w=await lr(y);return w?.errors?(V("get request",w.errors),o(w)):r(w)}).catch(y=>(V("get request",[y]),o({errors:[y]})))}):Promise.resolve()}catch(r){n("get request",r)}};var mr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.set.handleParseResponse",e)}},ur=(t={})=>{try{return JSON.stringify(t)}catch(e){n("api.set.getBody",e)}},wt=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let i=`${window.location.origin}/api/_setters/${t}`,s=ur(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content"),a={...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c};return window?.__joystick_test__&&(a.Cookie=generateCookieHeader({joystickLoginToken:window?.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expirs_at__})),fetch(i,{method:"POST",mode:"cors",headers:a,body:s,credentials:"include"}).then(async u=>{let y=await mr(u);return y?.errors?(V("set request",y.errors),o(y)):r(y)}).catch(u=>(V("set request",[u]),o({errors:[u]})))}):Promise.resolve()}catch(r){n("set request",r)}};var yt={get:ht,set:wt};var pr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("addToQueue.getQueue",e)}},H=(t="",e=null)=>{try{T()||(pr(t)||{}).array.push({callback:e})}catch(r){n("addToQueue",r)}};var Y=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&l(o.options.data)){let i=await o.options.data(t,e,r,o);return Promise.resolve(i)}return Promise.resolve()}catch(i){n("component.data.fetch",i)}};var gt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{j(`ui.${r?.options?.test?.name||b()}.data.refetch`,[o]);let i=await Y(yt,e,o,r);return r.data=gt(i,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=i),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){n("component.data.compile",o)}},xt=gt;var bt=(t={})=>{try{if(!T()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return xt(e,r,t)}return t?.data||{}}catch(e){n("component.loadDataFromWindow",e)}};var Et=sr($t());var Ft=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(t)&&o){let i=Object.keys(t);for(let s=0;s<i.length;s+=1){let c=i[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let u=0;u<a.length;u+=1){let y=a[u],w=Ft(y,e,r);if(w!==null)return w}}}return null}catch(o){n("component.findComponentInTreeByField",o)}},A=Ft;var kt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var fr=(t={},e={},r=null)=>{try{let o=U(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){n("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){n("component.renderMethods.component.renderToHTMLForSSR",e)}},wr=(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){n("component.renderMethods.component.collectDataFunctionsForSSR",e)}},yr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};kt(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){n("component.renderMethods.component.handleAddComponentToParent",e)}},gr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&H("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&H("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onMount`,[e])}))}catch(r){n("component.renderMethods.component.handleLifecycle",r)}},xr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,Et.diff)(e?.existingPropsMap,r)?.length>0&&H("lifecycle.onUpdateProps",()=>{let i=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(i||{},r,t),j(`ui.${t?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[i||{},r,t])})}catch(o){n("component.renderMethods.component.handleOnChangeProps",o)}},br=function(){return function(e=null,r={},o={}){let i=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[i.id]||{},c=o.children[i.id]||[],a=s[c?.length];return i.state=a?.state||i.state,o.children[i.id]=[...o.children[i.id]||[],i],i.parent=o,xr(i,o,r),H("lifecycle.onMount",()=>{i.setDOMNodeOnInstance()}),gr(this,i),i.parent&&yr(i),i.options.data&&i.parent.walkingTreeForSSR&&i.parent.ssrTree.dataFunctions?wr(i):i.parent&&i.parent.ssrTree?hr(i):fr(i,this,a?.children)}},$r=function(e,r){try{let o=this;return new br().bind({})(e,r,o)}catch(o){n("component.renderMethods.component",o)}},ae=$r;var Fr=function(e=[],r=null){try{return l(r)&&e&&Array.isArray(e)?e.map((o,i)=>r(o,i)).join(""):""}catch(o){n("component.renderMethods.each",o)}},de=Fr;var kr=(t="",e=[])=>{try{return e.reduce((r,[o,i])=>r.replace(`{{${o}}}`,i),t)}catch(r){n("component.renderMethods.i18n.replacePlaceholdersInString",r)}},ce=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),i=typeof t=="object"&&!o;if(r)return kr(t,e);if(o)return t?.map(s=>ce(s,e));if(i)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=ce(a,e),s),{})}catch(r){n("component.renderMethods.i18n.handleTranslationReplacement",r)}},Er=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){n("component.renderMethods.i18n.getTranslationAtPath",r)}},Mr=function(t="",e={}){try{let r=T()?this.translations:window.__joystick_i18n__,i=t?.includes(".")?Er(t,r):r[t];if(!r||!i)return"";let s=Object.entries(e);return ce(i,s)}catch(r){n("component.renderMethods.i18n",r)}},le=Mr;var Sr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){n("component.renderMethods.when",o)}},me=Sr;var Mt={c:ae,component:ae,e:de,each:de,i:le,i18n:le,w:me,when:me};var St=(t={},e={})=>{try{return Object.entries(Mt).reduce((r,[o,i])=>(r[o]=i.bind({...t,...e}),r),{})}catch(r){n("component.renderMethods.compile",r)}};var Ot=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((i={})=>({state:i?.state,children:Ot(i?.children)})),e),{})}catch(e){n("component.render.getExistingStateMap.buildMapForChildren",e)}},Tt=(t={})=>{try{return Ot(t)}catch(e){n("component.render.getExistingStateMap",e)}};var Ct=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Or=new RegExp(/\n/g);var Tr=(t="")=>{try{return(t.match(Ct)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){n("component.render.sanitizeHTML.removeCommentedCode",e)}},vt=(t="")=>{try{let e=`${t}`;return e=Tr(e),e}catch(e){n("component.render.sanitizeHTML",e)}};var jt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:i=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${i}">${e}</div>`}catch(r){n("component.render.wrapHTML",r)}};var Rt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let i=0;i<o?.length;i+=1){let[s,c]=o[i];for(let a=0;a<c?.length;a+=1){let u=c[a];Object.entries(u?.timers)?.length>0&&r.push(...Object.values(u?.timers)),Object.entries(u?.children)?.length>0&&Rt(u?.children,r)}}if(r?.length>0)for(let i=0;i<r?.length;i+=1)clearTimeout(r[i])}catch(r){n("component.render.clearTimersOnChildren",r)}},At=Rt;var ee=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=G(e.dataFromSSR,t.id)||{}),At(t?.children);let r=Tt(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=St({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=W(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),i=vt(o),s=jt(t,i);return{unwrapped:i,wrapped:s}}catch(r){n("component.render.toHTML",r)}};var Cr=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){n("component.virtualDOM.build.parseAttributeMap",e)}},_t=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?_t(e):ue(e)):ue(t)}catch(e){n("component.virtualDOM.build.flattenWhenTags",e)}},ue=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:Cr(t.attributes),children:[].flatMap.call(t.childNodes,o=>_t(o))};return e==="text"&&(r=t.textContent),r}catch(e){n("component.virtualDOM.build",e)}},z=ue;var vr=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){n("component.virtualDOM.build.convertHTMLToDOM",e)}},Lt=(t="")=>{try{let e=vr(t);return z(e)}catch(e){n("component.virtualDOM.build",e)}};var Dt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var jr=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[i,s]=r[o];Dt(i)&&e.setAttribute(i,s)}for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(i){let s=Pt(i);e.appendChild(s)}}return e}catch(e){n("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Pt=(t=null)=>{try{return O(t)?document.createTextNode(t):jr(t)}catch(e){n("component.virtualDOM.renderTreeToDOM",e)}},q=Pt;var U=(t={},e={})=>{try{let r=ee(t,{existingChildren:e?.existingChildren}),o=Lt(r.wrapped,t),i=e.includeActual&&o?q(o):null;return{html:r,virtual:o,actual:i}}catch(r){n("component.render.getUpdatedDOM",r)}};var It=(t={},e={})=>{try{let r=U(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){n("component.render.forMount",r)}};var Rr=(t={},e={})=>{let r=[];for(let[o,i]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,i),s));for(let o in t)o in e||r.push(i=>(i&&i.removeAttribute&&i.removeAttribute(o),i));return o=>{for(let i of r)i&&typeof i=="function"&&i(o)}},te=Rr;var Ar=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let i=0;i<o;i+=1){let s=t[i],c=e[i];r.push([s,c])}return r},Nt=Ar;var _r=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},Lr=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},Dr=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(i=>{let s=c=>{let a=q(i);return c.appendChild(a),c};r.push(s)}),r},Pr=(t=[],e=[])=>{let r=[];return t.forEach((o,i)=>{let s=oe(o,e[i]);r.push(s)}),r},Ir=(t=[],e=[])=>{let r=Pr(t,e),o=Dr(t,e);return i=>{if(i){let s=Nt(r,i.childNodes);Lr(s),_r(o,i)}return i}},re=Ir;var Vt={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),te(t.attributes,e.attributes)(r),re([],e.children)(r);let i=r.querySelector(`option[value="${o}"]`);if(i&&(r.value=o),!i){let s=r.querySelector("option");r.value=s?.value||""}return r}};var pe=(t,e)=>r=>{let o=t?q(t):null;return r&&r.replaceWith(o),o},Nr=()=>t=>{t&&t.remove()},Vr=(t=void 0,e=void 0)=>t===void 0||e===void 0?Nr():typeof t=="string"||typeof e=="string"?pe(e,t):t.tagName!==e.tagName?pe(e):e.tagName==="select"?Vt.select(t,e):["pre","code"].includes(e.tagName)?pe(e,t):i=>(te(t.attributes,e.attributes)(i),re(t.children,e.children)(i),i),oe=Vr;var Ur=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("processQueue.getQueue",e)}},Z=(t="",e=null)=>{try{T()||(Ur(t)||{}).process(e)}catch(r){n("processQueue",r)}};var Ut=(t="",e=null)=>{let r=A(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var qt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var Ht=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(m(i)&&i.attributes&&i.attributes["js-i"]&&i.attributes["js-i"]===e){t.children[o]=r;break}m(i)&&Ht(i,e,r)}},zt=Ht;var Zt=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...i]=e.split(" ");return{type:o.toLowerCase(),selector:i.join(" "),handler:r}})}catch(e){n("component.events.serialize",e)}};var Bt=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?Zt(t?.events):[];for(let i=0;i<o?.length;i+=1){let s=o[i];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),j(`ui.${t?.options?.test?.name||b()}.events.${s.type}.selector_${s?.selector}`,[a,{...t||{},setState:t?.setState.bind(t),...e||{}}])}})}if(t?.children){let i=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<i?.length;s+=1){let c=i[s];Bt(c,e,r)}}return r}catch(o){n("component.eve!nts.registerListenersFix.getListeners",o)}},qr=(t={},e={})=>{try{let o=Bt(t,e,[])?.flatMap((i={})=>[].flatMap.call(i?.elements||[],s=>{let{elements:c=[],...a}=i||{};return{...a,element:s}}));for(let i=0;i<o?.length;i+=1){let{instance:s,element:c,elementSelector:a,type:u,handler:y}=o[i];c.addEventListener(u,y),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:u,handler:y}]}}catch(r){n("component.events.registerListenersFix",r)}},Gt=qr;var Kt=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((i=[],s=[])=>[...i,...s],[])).flatMap((i={})=>Kt(i));e=[...e,...o]}return e}catch(e){n("component.events.unregisterListenersFix.getListeners",e)}},Hr=(t={})=>{try{let e=Kt(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:i,type:s,handler:c}=e[r];i.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){n("component.events.unregisterListenersFix",e)}},Wt=Hr;var Jt=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},je(e),pt(this,e),this.data=bt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},i=this){let s=await Y(e,r,o,i);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=z(this.DOMNode);this.dom.virtual=r}let e=this.parent?A(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!T())return{instanceId:this.instanceId}}render(e={}){if(j(`ui.${this?.options?.test?.name||b()}.render`,[e]),e?.mounting)return It(this,e);let r=this.onBeforeRender();Wt(this),Ut(this.instanceId);let o=U(this,{}),i=oe(this.dom.virtual,o.virtual);i&&l(i)&&Z("lifecycle.onBeforeMount",()=>{let s=i(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,Gt(this,this.renderMethods),this.setDOMNodeOnInstance(),Z("domNodes",()=>{Z("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ee(this,e)}onAfterRender(e={},r={}){T()||(qt(e.instanceId,this),window.joystick._internal.css.update(),Z("lifecycle.onUpdateProps"),r?.afterSetStateRender&&l(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&l(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=K(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&l(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[b()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[b()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=A(window.joystick._internal.tree,this.instanceId,"instanceId"),i=A(window.joystick._internal.tree,r,"instanceId");if(i?.instance?.DOMNode){let s=z(i?.instance?.DOMNode);zt(o?.instance?.dom?.virtual,i?.instanceId,s)}}},gd=Jt;export{gd as default};
|
package/dist/component/index.js
CHANGED
|
@@ -18,4 +18,4 @@ var Xt=Object.create;var ie=Object.defineProperty;var er=Object.getOwnPropertyDe
|
|
|
18
18
|
@media screen and (max-height: ${R}px) {
|
|
19
19
|
${typeof f=="function"?f(e):f}
|
|
20
20
|
}
|
|
21
|
-
`}}return r}return""}catch(r){n("component.css.compileCSS",r)}};var cr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.state.compile.compileState",r)}},K=(t={},e={})=>{try{return l(e)?cr(t,e):Object.assign({},e)}catch(r){n("component.state.compile",r)}};var ne={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var ct=(t={},e={})=>{try{return e?Object.entries({...ne,...e||{}}).reduce((r={},[o,i])=>(r[o]=()=>i({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ne}catch(r){n("component.lifecycle.compile",r)}};var j=(t="",e=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[t]:[...window?.test?.functionCalls&&window?.test?.functionCalls[t]||[],{calledAt:new Date().toISOString(),args:e}]}})};var W=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,i])=>(r[o]=(...s)=>(j(`ui.${t?.options?.test?.name||b()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),i(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}})),r),{})}catch{n("component.methods.compile")}};var se=(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="")=>T(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){n("component.url.compile",e)}};var O=()=>typeof window=="undefined";var N=null,J=0,lt=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);N&&(clearInterval(N),N=null);let i={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(i),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),i)}),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,i),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!N&&!c&&(N=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(lt(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(N)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(i),i}catch(r){n("websockets.client",r)}},mt=lt;var lr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.props.compileDefaultProps.compile",r)}},pt=(t={},e={})=>{try{return l(e)?lr(t,e):Object.assign({},e)}catch(r){n("component.props.compileDefaultProps",r)}};var ut=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=b(8),t.ssrId=e?._ssrId||null,t.css=dt(),t.data=G(e?.dataFromSSR,e?._componentId),t.defaultProps=pt(t,e?.defaultProps),t.props=at(t?.defaultProps,e?.props),t.state=K(t,e?.state),t.events=e?.events||{},t.lifecycle=ct(t,e?.lifecycle),t.methods=W(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=st,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!O();if(r||(t.url=se(e?.url)),r&&window.__joystick_url__&&(t.url=se(window.__joystick_url__)),r&&e?.websockets&&l(e?.websockets)){let o=e.websockets(t),i=m(o)&&Object.entries(o);for(let s=0;s<i?.length;s+=1){let[c,a]=i[s];mt({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(p={})=>{t.websockets={...t.websockets||{},[c]:p}})}}}catch(r){n("component.registerOptions",r)}};var V=(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){n(t,r)}};var Q=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var ft=(t={})=>Object.entries(t).map(([e,r])=>`${e}=${r}`)?.join("; ");var mr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.get.handleParseResponse",e)}},ht=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let i=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${i}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content"),p={...e?.headers||{},"x-joystick-csrf":a};return window?.__joystick_test__&&(p.Cookie=ft({joystickLoginToken:window.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expires_at__})),fetch(c,{method:"GET",mode:"cors",headers:p,credentials:"include"}).then(async y=>{let w=await mr(y);return w?.errors?(V("get request",w.errors),o(w)):r(w)}).catch(y=>(V("get request",[y]),o({errors:[y]})))}):Promise.resolve()}catch(r){n("get request",r)}};var pr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.set.handleParseResponse",e)}},ur=(t={})=>{try{return JSON.stringify(t)}catch(e){n("api.set.getBody",e)}},wt=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let i=`${window.location.origin}/api/_setters/${t}`,s=ur(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content"),a={...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c};return window?.__joystick_test__&&(a.Cookie=generateCookieHeader({joystickLoginToken:window?.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expirs_at__})),fetch(i,{method:"POST",mode:"cors",headers:a,body:s,credentials:"include"}).then(async p=>{let y=await pr(p);return y?.errors?(V("set request",y.errors),o(y)):r(y)}).catch(p=>(V("set request",[p]),o({errors:[p]})))}):Promise.resolve()}catch(r){n("set request",r)}};var yt={get:ht,set:wt};var fr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("addToQueue.getQueue",e)}},H=(t="",e=null)=>{try{O()||(fr(t)||{}).array.push({callback:e})}catch(r){n("addToQueue",r)}};var Y=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&l(o.options.data)){let i=await o.options.data(t,e,r,o);return Promise.resolve(i)}return Promise.resolve()}catch(i){n("component.data.fetch",i)}};var gt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{j(`ui.${r?.options?.test?.name||b()}.data.refetch`,[o]);let i=await Y(yt,e,o,r);return r.data=gt(i,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=i),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){n("component.data.compile",o)}},xt=gt;var bt=(t={})=>{try{if(!O()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return xt(e,r,t)}return t?.data||{}}catch(e){n("component.loadDataFromWindow",e)}};var Et=ar($t());var Ft=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(t)&&o){let i=Object.keys(t);for(let s=0;s<i.length;s+=1){let c=i[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let p=0;p<a.length;p+=1){let y=a[p],w=Ft(y,e,r);if(w!==null)return w}}}return null}catch(o){n("component.findComponentInTreeByField",o)}},A=Ft;var kt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var hr=(t={},e={},r=null)=>{try{let o=U(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){n("component.renderMethods.component.renderForClient",o)}},wr=(t={})=>{try{return t.renderToHTML({ssrTree:t.parent.ssrTree,translations:t.parent.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t.parent?.dataFromSSR}).wrapped}catch(e){n("component.renderMethods.component.renderToHTMLForSSR",e)}},yr=(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){n("component.renderMethods.component.collectDataFunctionsForSSR",e)}},gr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};kt(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){n("component.renderMethods.component.handleAddComponentToParent",e)}},xr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&H("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&H("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onMount`,[e])}))}catch(r){n("component.renderMethods.component.handleLifecycle",r)}},br=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,Et.diff)(e?.existingPropsMap,r)?.length>0&&H("lifecycle.onUpdateProps",()=>{let i=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(i||{},r,t),j(`ui.${t?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[i||{},r,t])})}catch(o){n("component.renderMethods.component.handleOnChangeProps",o)}},$r=function(){return function(e=null,r={},o={}){let i=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[i.id]||{},c=o.children[i.id]||[],a=s[c?.length];return i.state=a?.state||i.state,o.children[i.id]=[...o.children[i.id]||[],i],i.parent=o,br(i,o,r),H("lifecycle.onMount",()=>{i.setDOMNodeOnInstance()}),xr(this,i),i.parent&&gr(i),i.options.data&&i.parent.walkingTreeForSSR&&i.parent.ssrTree.dataFunctions?yr(i):i.parent&&i.parent.ssrTree?wr(i):hr(i,this,a?.children)}},Fr=function(e,r){try{let o=this;return new $r().bind({})(e,r,o)}catch(o){n("component.renderMethods.component",o)}},ae=Fr;var kr=function(e=[],r=null){try{return l(r)&&e&&Array.isArray(e)?e.map((o,i)=>r(o,i)).join(""):""}catch(o){n("component.renderMethods.each",o)}},de=kr;var Er=(t="",e=[])=>{try{return e.reduce((r,[o,i])=>r.replace(`{{${o}}}`,i),t)}catch(r){n("component.renderMethods.i18n.replacePlaceholdersInString",r)}},ce=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),i=typeof t=="object"&&!o;if(r)return Er(t,e);if(o)return t?.map(s=>ce(s,e));if(i)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=ce(a,e),s),{})}catch(r){n("component.renderMethods.i18n.handleTranslationReplacement",r)}},Mr=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){n("component.renderMethods.i18n.getTranslationAtPath",r)}},Sr=function(t="",e={}){try{let r=O()?this.translations:window.__joystick_i18n__,i=t?.includes(".")?Mr(t,r):r[t];if(!r||!i)return"";let s=Object.entries(e);return ce(i,s)}catch(r){n("component.renderMethods.i18n",r)}},le=Sr;var Tr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){n("component.renderMethods.when",o)}},me=Tr;var Mt={c:ae,component:ae,e:de,each:de,i:le,i18n:le,w:me,when:me};var St=(t={},e={})=>{try{return Object.entries(Mt).reduce((r,[o,i])=>(r[o]=i.bind({...t,...e}),r),{})}catch(r){n("component.renderMethods.compile",r)}};var Tt=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((i={})=>({state:i?.state,children:Tt(i?.children)})),e),{})}catch(e){n("component.render.getExistingStateMap.buildMapForChildren",e)}},Ot=(t={})=>{try{return Tt(t)}catch(e){n("component.render.getExistingStateMap",e)}};var Ct=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Or=new RegExp(/\n/g);var Cr=(t="")=>{try{return(t.match(Ct)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){n("component.render.sanitizeHTML.removeCommentedCode",e)}},vt=(t="")=>{try{let e=`${t}`;return e=Cr(e),e}catch(e){n("component.render.sanitizeHTML",e)}};var jt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:i=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${i}">${e}</div>`}catch(r){n("component.render.wrapHTML",r)}};var Rt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let i=0;i<o?.length;i+=1){let[s,c]=o[i];for(let a=0;a<c?.length;a+=1){let p=c[a];Object.entries(p?.timers)?.length>0&&r.push(...Object.values(p?.timers)),Object.entries(p?.children)?.length>0&&Rt(p?.children,r)}}if(r?.length>0)for(let i=0;i<r?.length;i+=1)clearTimeout(r[i])}catch(r){n("component.render.clearTimersOnChildren",r)}},At=Rt;var ee=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=G(e.dataFromSSR,t.id)||{}),At(t?.children);let r=Ot(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=St({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=W(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),i=vt(o),s=jt(t,i);return{unwrapped:i,wrapped:s}}catch(r){n("component.render.toHTML",r)}};var vr=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){n("component.virtualDOM.build.parseAttributeMap",e)}},_t=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?_t(e):pe(e)):pe(t)}catch(e){n("component.virtualDOM.build.flattenWhenTags",e)}},pe=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:vr(t.attributes),children:[].flatMap.call(t.childNodes,o=>_t(o))};return e==="text"&&(r=t.textContent),r}catch(e){n("component.virtualDOM.build",e)}},z=pe;var jr=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){n("component.virtualDOM.build.convertHTMLToDOM",e)}},Lt=(t="")=>{try{let e=jr(t);return z(e)}catch(e){n("component.virtualDOM.build",e)}};var Dt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var Rr=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[i,s]=r[o];Dt(i)&&e.setAttribute(i,s)}for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(i){let s=Pt(i);e.appendChild(s)}}return e}catch(e){n("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Pt=(t=null)=>{try{return T(t)?document.createTextNode(t):Rr(t)}catch(e){n("component.virtualDOM.renderTreeToDOM",e)}},q=Pt;var U=(t={},e={})=>{try{let r=ee(t,{existingChildren:e?.existingChildren}),o=Lt(r.wrapped,t),i=e.includeActual&&o?q(o):null;return{html:r,virtual:o,actual:i}}catch(r){n("component.render.getUpdatedDOM",r)}};var It=(t={},e={})=>{try{let r=U(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){n("component.render.forMount",r)}};var Ar=(t={},e={})=>{let r=[];for(let[o,i]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,i),s));for(let o in t)o in e||r.push(i=>(i&&i.removeAttribute&&i.removeAttribute(o),i));return o=>{for(let i of r)i&&typeof i=="function"&&i(o)}},te=Ar;var _r=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let i=0;i<o;i+=1){let s=t[i],c=e[i];r.push([s,c])}return r},Nt=_r;var Lr=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},Dr=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},Pr=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(i=>{let s=c=>{let a=q(i);return c.appendChild(a),c};r.push(s)}),r},Ir=(t=[],e=[])=>{let r=[];return t.forEach((o,i)=>{let s=oe(o,e[i]);r.push(s)}),r},Nr=(t=[],e=[])=>{let r=Ir(t,e),o=Pr(t,e);return i=>{if(i){let s=Nt(r,i.childNodes);Dr(s),Lr(o,i)}return i}},re=Nr;var Vt={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),te(t.attributes,e.attributes)(r),re([],e.children)(r);let i=r.querySelector(`option[value="${o}"]`);if(i&&(r.value=o),!i){let s=r.querySelector("option");r.value=s?.value||""}return r}};var ue=(t,e)=>r=>{let o=t?q(t):null;return r&&r.replaceWith(o),o},Vr=()=>t=>{t&&t.remove()},Ur=(t=void 0,e=void 0)=>t===void 0||e===void 0?Vr():typeof t=="string"||typeof e=="string"?ue(e,t):t.tagName!==e.tagName?ue(e):e.tagName==="select"?Vt.select(t,e):["pre","code"].includes(e.tagName)?ue(e,t):i=>(te(t.attributes,e.attributes)(i),re(t.children,e.children)(i),i),oe=Ur;var qr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("processQueue.getQueue",e)}},Z=(t="",e=null)=>{try{O()||(qr(t)||{}).process(e)}catch(r){n("processQueue",r)}};var Ut=(t="",e=null)=>{let r=A(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var qt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var Ht=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(m(i)&&i.attributes&&i.attributes["js-i"]&&i.attributes["js-i"]===e){t.children[o]=r;break}m(i)&&Ht(i,e,r)}},zt=Ht;var Zt=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...i]=e.split(" ");return{type:o.toLowerCase(),selector:i.join(" "),handler:r}})}catch(e){n("component.events.serialize",e)}};var Bt=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?Zt(t?.events):[];for(let i=0;i<o?.length;i+=1){let s=o[i];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),j(`ui.${t?.options?.test?.name||b()}.events.${s.type}.${s?.selector}`,[a,{...t||{},setState:t?.setState.bind(t),...e||{}}])}})}if(t?.children){let i=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<i?.length;s+=1){let c=i[s];Bt(c,e,r)}}return r}catch(o){n("component.eve!nts.registerListenersFix.getListeners",o)}},Hr=(t={},e={})=>{try{let o=Bt(t,e,[])?.flatMap((i={})=>[].flatMap.call(i?.elements||[],s=>{let{elements:c=[],...a}=i||{};return{...a,element:s}}));for(let i=0;i<o?.length;i+=1){let{instance:s,element:c,elementSelector:a,type:p,handler:y}=o[i];c.addEventListener(p,y),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:p,handler:y}]}}catch(r){n("component.events.registerListenersFix",r)}},Gt=Hr;var Kt=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((i=[],s=[])=>[...i,...s],[])).flatMap((i={})=>Kt(i));e=[...e,...o]}return e}catch(e){n("component.events.unregisterListenersFix.getListeners",e)}},zr=(t={})=>{try{let e=Kt(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:i,type:s,handler:c}=e[r];i.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){n("component.events.unregisterListenersFix",e)}},Wt=zr;var Jt=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},je(e),ut(this,e),this.data=bt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},i=this){let s=await Y(e,r,o,i);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=z(this.DOMNode);this.dom.virtual=r}let e=this.parent?A(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!O())return{instanceId:this.instanceId}}render(e={}){if(j(`ui.${this?.options?.test?.name||b()}.render`,[e]),e?.mounting)return It(this,e);let r=this.onBeforeRender();Wt(this),Ut(this.instanceId);let o=U(this,{}),i=oe(this.dom.virtual,o.virtual);i&&l(i)&&Z("lifecycle.onBeforeMount",()=>{let s=i(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,Gt(this,this.renderMethods),this.setDOMNodeOnInstance(),Z("domNodes",()=>{Z("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ee(this,e)}onAfterRender(e={},r={}){O()||(qt(e.instanceId,this),window.joystick._internal.css.update(),Z("lifecycle.onUpdateProps"),r?.afterSetStateRender&&l(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&l(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=K(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&l(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[b()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[b()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=A(window.joystick._internal.tree,this.instanceId,"instanceId"),i=A(window.joystick._internal.tree,r,"instanceId");if(i?.instance?.DOMNode){let s=z(i?.instance?.DOMNode);zt(o?.instance?.dom?.virtual,i?.instanceId,s)}}},Qt=Jt;var Fd=(t={})=>{try{return(e={})=>new Qt({...t,props:e?.props,url:e?.url,translations:e?.translations,api:e?.api,req:e?.req,parent:e?.parent})}catch(e){n("component",e)}};export{Fd as default};
|
|
21
|
+
`}}return r}return""}catch(r){n("component.css.compileCSS",r)}};var cr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.state.compile.compileState",r)}},K=(t={},e={})=>{try{return l(e)?cr(t,e):Object.assign({},e)}catch(r){n("component.state.compile",r)}};var ne={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var ct=(t={},e={})=>{try{return e?Object.entries({...ne,...e||{}}).reduce((r={},[o,i])=>(r[o]=()=>i({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ne}catch(r){n("component.lifecycle.compile",r)}};var j=(t="",e=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[t]:[...window?.test?.functionCalls&&window?.test?.functionCalls[t]||[],{calledAt:new Date().toISOString(),args:e}]}})};var W=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,i])=>(r[o]=(...s)=>(j(`ui.${t?.options?.test?.name||b()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),i(...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}})),r),{})}catch{n("component.methods.compile")}};var se=(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="")=>T(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){n("component.url.compile",e)}};var O=()=>typeof window=="undefined";var N=null,J=0,lt=(t={},e=null)=>{try{let r=t?.url;t?.query&&(r=`${r}?${new URLSearchParams(t.query).toString()}`);let o=new WebSocket(r);N&&(clearInterval(N),N=null);let i={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(i),J=0}),o.addEventListener("message",s=>{s?.data&&t?.events?.onMessage&&t.events.onMessage(JSON.parse(s.data||{}),i)}),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,i),o=null;let c=[1e3,1001].includes(s?.code);t?.options?.autoReconnect&&!N&&!c&&(N=setInterval(()=>{o=null,J<(t?.options?.reconnectAttempts||12)?(lt(t,e),t?.options?.logging&&console.log(`[joystick.websockets] Attempting to reconnect (${J+1}/12)...`),J+=1):clearInterval(N)},t?.options?.reconnectDelayInSeconds*1e3||5e3))}),e&&e(i),i}catch(r){n("websockets.client",r)}},mt=lt;var lr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!P(r)?Object.assign({},r):{}}catch(r){n("component.props.compileDefaultProps.compile",r)}},pt=(t={},e={})=>{try{return l(e)?lr(t,e):Object.assign({},e)}catch(r){n("component.props.compileDefaultProps",r)}};var ut=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=b(8),t.ssrId=e?._ssrId||null,t.css=dt(),t.data=G(e?.dataFromSSR,e?._componentId),t.defaultProps=pt(t,e?.defaultProps),t.props=at(t?.defaultProps,e?.props),t.state=K(t,e?.state),t.events=e?.events||{},t.lifecycle=ct(t,e?.lifecycle),t.methods=W(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=st,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!O();if(r||(t.url=se(e?.url)),r&&window.__joystick_url__&&(t.url=se(window.__joystick_url__)),r&&e?.websockets&&l(e?.websockets)){let o=e.websockets(t),i=m(o)&&Object.entries(o);for(let s=0;s<i?.length;s+=1){let[c,a]=i[s];mt({url:`${window?.process?.env.NODE_ENV==="development"?"ws":"wss"}://${location.host}/api/_websockets/${c}`,options:a?.options||{},query:a?.query||{},events:a?.events||{}},(p={})=>{t.websockets={...t.websockets||{},[c]:p}})}}}catch(r){n("component.registerOptions",r)}};var V=(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){n(t,r)}};var Q=(t="{}")=>{try{return JSON.parse(t)}catch{return t}};var ft=(t={})=>Object.entries(t).map(([e,r])=>`${e}=${r}`)?.join("; ");var mr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.get.handleParseResponse",e)}},ht=(t="",e={})=>{try{return typeof window.fetch!="undefined"&&!e?.skip?new Promise((r,o)=>{let i=e.input?JSON.stringify(e.input):null,s=e.output?JSON.stringify(e.output):null,c=`${window.location.origin}/api/_getters/${t}?input=${i}&output=${s}`,a=document.querySelector('[name="csrf"]')?.getAttribute("content"),p={...e?.headers||{},"x-joystick-csrf":a};return window?.__joystick_test__&&(p.Cookie=ft({joystickLoginToken:window.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expires_at__})),fetch(c,{method:"GET",mode:"cors",headers:p,credentials:"include"}).then(async y=>{let w=await mr(y);return w?.errors?(V("get request",w.errors),o(w)):r(w)}).catch(y=>(V("get request",[y]),o({errors:[y]})))}):Promise.resolve()}catch(r){n("get request",r)}};var pr=async(t={})=>{try{let e=await t.text();return Q(e)}catch(e){n("api.set.handleParseResponse",e)}},ur=(t={})=>{try{return JSON.stringify(t)}catch(e){n("api.set.getBody",e)}},wt=(t="",e={})=>{try{return typeof window.fetch!="undefined"?new Promise((r,o)=>{let i=`${window.location.origin}/api/_setters/${t}`,s=ur(e),c=document.querySelector('[name="csrf"]')?.getAttribute("content"),a={...e?.headers||{},"Content-Type":"application/json","x-joystick-csrf":c};return window?.__joystick_test__&&(a.Cookie=generateCookieHeader({joystickLoginToken:window?.__joystick_test_login_token__,joystickLoginTokenExpiresAt:window.__joystick_test_login_token_expirs_at__})),fetch(i,{method:"POST",mode:"cors",headers:a,body:s,credentials:"include"}).then(async p=>{let y=await pr(p);return y?.errors?(V("set request",y.errors),o(y)):r(y)}).catch(p=>(V("set request",[p]),o({errors:[p]})))}):Promise.resolve()}catch(r){n("set request",r)}};var yt={get:ht,set:wt};var fr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("addToQueue.getQueue",e)}},H=(t="",e=null)=>{try{O()||(fr(t)||{}).array.push({callback:e})}catch(r){n("addToQueue",r)}};var Y=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&l(o.options.data)){let i=await o.options.data(t,e,r,o);return Promise.resolve(i)}return Promise.resolve()}catch(i){n("component.data.fetch",i)}};var gt=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{j(`ui.${r?.options?.test?.name||b()}.data.refetch`,[o]);let i=await Y(yt,e,o,r);return r.data=gt(i,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=i),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){n("component.data.compile",o)}},xt=gt;var bt=(t={})=>{try{if(!O()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return xt(e,r,t)}return t?.data||{}}catch(e){n("component.loadDataFromWindow",e)}};var Et=ar($t());var Ft=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(t)&&o){let i=Object.keys(t);for(let s=0;s<i.length;s+=1){let c=i[s],a=t[c];if(c===r&&a===e)return t;if(c==="children"&&Array.isArray(a))for(let p=0;p<a.length;p+=1){let y=a[p],w=Ft(y,e,r);if(w!==null)return w}}}return null}catch(o){n("component.findComponentInTreeByField",o)}},A=Ft;var kt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var hr=(t={},e={},r=null)=>{try{let o=U(t,{includeActual:!0,existingChildren:r});return t.dom=o,t.setDOMNodeOnInstance(),e.renderedComponent=t,o.html.wrapped}catch(o){n("component.renderMethods.component.renderForClient",o)}},wr=(t={})=>{try{return t.renderToHTML({ssrTree:t.parent.ssrTree,translations:t.parent.translations,walkingTreeForSSR:t?.parent?.walkingTreeForSSR,dataFromSSR:t.parent?.dataFromSSR}).wrapped}catch(e){n("component.renderMethods.component.renderToHTMLForSSR",e)}},yr=(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){n("component.renderMethods.component.collectDataFunctionsForSSR",e)}},gr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};kt(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){n("component.renderMethods.component.handleAddComponentToParent",e)}},xr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&H("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&H("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),j(`ui.${e?.options?.test?.name||b()}.lifecycle.onMount`,[e])}))}catch(r){n("component.renderMethods.component.handleLifecycle",r)}},br=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,Et.diff)(e?.existingPropsMap,r)?.length>0&&H("lifecycle.onUpdateProps",()=>{let i=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(i||{},r,t),j(`ui.${t?.options?.test?.name||b()}.lifecycle.onBeforeMount`,[i||{},r,t])})}catch(o){n("component.renderMethods.component.handleOnChangeProps",o)}},$r=function(){return function(e=null,r={},o={}){let i=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[i.id]||{},c=o.children[i.id]||[],a=s[c?.length];return i.state=a?.state||i.state,o.children[i.id]=[...o.children[i.id]||[],i],i.parent=o,br(i,o,r),H("lifecycle.onMount",()=>{i.setDOMNodeOnInstance()}),xr(this,i),i.parent&&gr(i),i.options.data&&i.parent.walkingTreeForSSR&&i.parent.ssrTree.dataFunctions?yr(i):i.parent&&i.parent.ssrTree?wr(i):hr(i,this,a?.children)}},Fr=function(e,r){try{let o=this;return new $r().bind({})(e,r,o)}catch(o){n("component.renderMethods.component",o)}},ae=Fr;var kr=function(e=[],r=null){try{return l(r)&&e&&Array.isArray(e)?e.map((o,i)=>r(o,i)).join(""):""}catch(o){n("component.renderMethods.each",o)}},de=kr;var Er=(t="",e=[])=>{try{return e.reduce((r,[o,i])=>r.replace(`{{${o}}}`,i),t)}catch(r){n("component.renderMethods.i18n.replacePlaceholdersInString",r)}},ce=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),i=typeof t=="object"&&!o;if(r)return Er(t,e);if(o)return t?.map(s=>ce(s,e));if(i)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=ce(a,e),s),{})}catch(r){n("component.renderMethods.i18n.handleTranslationReplacement",r)}},Mr=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){n("component.renderMethods.i18n.getTranslationAtPath",r)}},Sr=function(t="",e={}){try{let r=O()?this.translations:window.__joystick_i18n__,i=t?.includes(".")?Mr(t,r):r[t];if(!r||!i)return"";let s=Object.entries(e);return ce(i,s)}catch(r){n("component.renderMethods.i18n",r)}},le=Sr;var Tr=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){n("component.renderMethods.when",o)}},me=Tr;var Mt={c:ae,component:ae,e:de,each:de,i:le,i18n:le,w:me,when:me};var St=(t={},e={})=>{try{return Object.entries(Mt).reduce((r,[o,i])=>(r[o]=i.bind({...t,...e}),r),{})}catch(r){n("component.renderMethods.compile",r)}};var Tt=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((i={})=>({state:i?.state,children:Tt(i?.children)})),e),{})}catch(e){n("component.render.getExistingStateMap.buildMapForChildren",e)}},Ot=(t={})=>{try{return Tt(t)}catch(e){n("component.render.getExistingStateMap",e)}};var Ct=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),Or=new RegExp(/\n/g);var Cr=(t="")=>{try{return(t.match(Ct)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){n("component.render.sanitizeHTML.removeCommentedCode",e)}},vt=(t="")=>{try{let e=`${t}`;return e=Cr(e),e}catch(e){n("component.render.sanitizeHTML",e)}};var jt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:i=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${i}">${e}</div>`}catch(r){n("component.render.wrapHTML",r)}};var Rt=(t={},e=[])=>{try{let r=[...e],o=Object.entries(t);for(let i=0;i<o?.length;i+=1){let[s,c]=o[i];for(let a=0;a<c?.length;a+=1){let p=c[a];Object.entries(p?.timers)?.length>0&&r.push(...Object.values(p?.timers)),Object.entries(p?.children)?.length>0&&Rt(p?.children,r)}}if(r?.length>0)for(let i=0;i<r?.length;i+=1)clearTimeout(r[i])}catch(r){n("component.render.clearTimersOnChildren",r)}},At=Rt;var ee=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=G(e.dataFromSSR,t.id)||{}),At(t?.children);let r=Ot(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=St({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=W(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),i=vt(o),s=jt(t,i);return{unwrapped:i,wrapped:s}}catch(r){n("component.render.toHTML",r)}};var vr=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){n("component.virtualDOM.build.parseAttributeMap",e)}},_t=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?_t(e):pe(e)):pe(t)}catch(e){n("component.virtualDOM.build.flattenWhenTags",e)}},pe=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:vr(t.attributes),children:[].flatMap.call(t.childNodes,o=>_t(o))};return e==="text"&&(r=t.textContent),r}catch(e){n("component.virtualDOM.build",e)}},z=pe;var jr=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){n("component.virtualDOM.build.convertHTMLToDOM",e)}},Lt=(t="")=>{try{let e=jr(t);return z(e)}catch(e){n("component.virtualDOM.build",e)}};var Dt=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var Rr=(t={})=>{try{let e=document.createElement(t.tagName),r=Object.entries(t.attributes);for(let o=0;o<r.length;o+=1){let[i,s]=r[o];Dt(i)&&e.setAttribute(i,s)}for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(i){let s=Pt(i);e.appendChild(s)}}return e}catch(e){n("component.virtualDOM.renderTreeToDOM.renderElement",e)}},Pt=(t=null)=>{try{return T(t)?document.createTextNode(t):Rr(t)}catch(e){n("component.virtualDOM.renderTreeToDOM",e)}},q=Pt;var U=(t={},e={})=>{try{let r=ee(t,{existingChildren:e?.existingChildren}),o=Lt(r.wrapped,t),i=e.includeActual&&o?q(o):null;return{html:r,virtual:o,actual:i}}catch(r){n("component.render.getUpdatedDOM",r)}};var It=(t={},e={})=>{try{let r=U(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){n("component.render.forMount",r)}};var Ar=(t={},e={})=>{let r=[];for(let[o,i]of Object.entries(e))r.push(s=>(s&&s.setAttribute&&s.setAttribute(o,i),s));for(let o in t)o in e||r.push(i=>(i&&i.removeAttribute&&i.removeAttribute(o),i));return o=>{for(let i of r)i&&typeof i=="function"&&i(o)}},te=Ar;var _r=(t=[],e=[])=>{let r=[],o=Math.max(t.length,e.length);for(let i=0;i<o;i+=1){let s=t[i],c=e[i];r.push([s,c])}return r},Nt=_r;var Lr=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},Dr=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},Pr=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(i=>{let s=c=>{let a=q(i);return c.appendChild(a),c};r.push(s)}),r},Ir=(t=[],e=[])=>{let r=[];return t.forEach((o,i)=>{let s=oe(o,e[i]);r.push(s)}),r},Nr=(t=[],e=[])=>{let r=Ir(t,e),o=Pr(t,e);return i=>{if(i){let s=Nt(r,i.childNodes);Dr(s),Lr(o,i)}return i}},re=Nr;var Vt={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),te(t.attributes,e.attributes)(r),re([],e.children)(r);let i=r.querySelector(`option[value="${o}"]`);if(i&&(r.value=o),!i){let s=r.querySelector("option");r.value=s?.value||""}return r}};var ue=(t,e)=>r=>{let o=t?q(t):null;return r&&r.replaceWith(o),o},Vr=()=>t=>{t&&t.remove()},Ur=(t=void 0,e=void 0)=>t===void 0||e===void 0?Vr():typeof t=="string"||typeof e=="string"?ue(e,t):t.tagName!==e.tagName?ue(e):e.tagName==="select"?Vt.select(t,e):["pre","code"].includes(e.tagName)?ue(e,t):i=>(te(t.attributes,e.attributes)(i),re(t.children,e.children)(i),i),oe=Ur;var qr=(t="")=>{try{let[e,r]=t?.split(".");return r?window?.joystick?._internal?.queues[e][r]:window?.joystick?._internal?.queues[e]}catch(e){n("processQueue.getQueue",e)}},Z=(t="",e=null)=>{try{O()||(qr(t)||{}).process(e)}catch(r){n("processQueue",r)}};var Ut=(t="",e=null)=>{let r=A(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var qt=(t="",e={},r=null)=>{let o=A(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var Ht=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let i=t?.children[o];if(m(i)&&i.attributes&&i.attributes["js-i"]&&i.attributes["js-i"]===e){t.children[o]=r;break}m(i)&&Ht(i,e,r)}},zt=Ht;var Zt=(t={})=>{try{return Object.entries(t).map(([e,r])=>{let[o,...i]=e.split(" ");return{type:o.toLowerCase(),selector:i.join(" "),handler:r}})}catch(e){n("component.events.serialize",e)}};var Bt=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?Zt(t?.events):[];for(let i=0;i<o?.length;i+=1){let s=o[i];r.push({...s,instance:t,elements:document.querySelectorAll(`body [js-i="${t.instanceId}"] ${s?.selector}`),handler:function(a){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),j(`ui.${t?.options?.test?.name||b()}.events.${s.type}.selector_${s?.selector}`,[a,{...t||{},setState:t?.setState.bind(t),...e||{}}])}})}if(t?.children){let i=Object.entries(t?.children)?.flatMap(([s,c])=>c);for(let s=0;s<i?.length;s+=1){let c=i[s];Bt(c,e,r)}}return r}catch(o){n("component.eve!nts.registerListenersFix.getListeners",o)}},Hr=(t={},e={})=>{try{let o=Bt(t,e,[])?.flatMap((i={})=>[].flatMap.call(i?.elements||[],s=>{let{elements:c=[],...a}=i||{};return{...a,element:s}}));for(let i=0;i<o?.length;i+=1){let{instance:s,element:c,elementSelector:a,type:p,handler:y}=o[i];c.addEventListener(p,y),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:p,handler:y}]}}catch(r){n("component.events.registerListenersFix",r)}},Gt=Hr;var Kt=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((i=[],s=[])=>[...i,...s],[])).flatMap((i={})=>Kt(i));e=[...e,...o]}return e}catch(e){n("component.events.unregisterListenersFix.getListeners",e)}},zr=(t={})=>{try{let e=Kt(t);for(let r=0;r<e?.length;r+=1){let{instance:o,element:i,type:s,handler:c}=e[r];i.removeEventListener(s,c),o._eventListeners=o._eventListeners?.splice(r,1)}}catch(e){n("component.events.unregisterListenersFix",e)}},Wt=zr;var Jt=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},je(e),ut(this,e),this.data=bt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},i=this){let s=await Y(e,r,o,i);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=z(this.DOMNode);this.dom.virtual=r}let e=this.parent?A(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!O())return{instanceId:this.instanceId}}render(e={}){if(j(`ui.${this?.options?.test?.name||b()}.render`,[e]),e?.mounting)return It(this,e);let r=this.onBeforeRender();Wt(this),Ut(this.instanceId);let o=U(this,{}),i=oe(this.dom.virtual,o.virtual);i&&l(i)&&Z("lifecycle.onBeforeMount",()=>{let s=i(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,Gt(this,this.renderMethods),this.setDOMNodeOnInstance(),Z("domNodes",()=>{Z("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ee(this,e)}onAfterRender(e={},r={}){O()||(qt(e.instanceId,this),window.joystick._internal.css.update(),Z("lifecycle.onUpdateProps"),r?.afterSetStateRender&&l(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&l(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=K(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&l(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[b()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[b()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=A(window.joystick._internal.tree,this.instanceId,"instanceId"),i=A(window.joystick._internal.tree,r,"instanceId");if(i?.instance?.DOMNode){let s=z(i?.instance?.DOMNode);zt(o?.instance?.dom?.virtual,i?.instanceId,s)}}},Qt=Jt;var Fd=(t={})=>{try{return(e={})=>new Qt({...t,props:e?.props,url:e?.url,translations:e?.translations,api:e?.api,req:e?.req,parent:e?.parent})}catch(e){n("component",e)}};export{Fd as default};
|
package/dist/index.js
CHANGED
|
@@ -18,4 +18,4 @@ var Or=Object.create;var le=Object.defineProperty;var vr=Object.getOwnPropertyDe
|
|
|
18
18
|
@media screen and (max-height: ${R}px) {
|
|
19
19
|
${typeof f=="function"?f(e):f}
|
|
20
20
|
}
|
|
21
|
-
`}}return r}return""}catch(r){i("component.css.compileCSS",r)}};var zr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!q(r)?Object.assign({},r):{}}catch(r){i("component.state.compile.compileState",r)}},te=(t={},e={})=>{try{return u(e)?zr(t,e):Object.assign({},e)}catch(r){i("component.state.compile",r)}};var ue={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var Dt=(t={},e={})=>{try{return e?Object.entries({...ue,...e||{}}).reduce((r={},[o,n])=>(r[o]=()=>n({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ue}catch(r){i("component.lifecycle.compile",r)}};var re=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,n])=>(r[o]=(...s)=>(C(`ui.${t?.options?.test?.name||y()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),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="")=>k(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){i("component.url.compile",e)}};var Br=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!q(r)?Object.assign({},r):{}}catch(r){i("component.props.compileDefaultProps.compile",r)}},Lt=(t={},e={})=>{try{return u(e)?Br(t,e):Object.assign({},e)}catch(r){i("component.props.compileDefaultProps",r)}};var Pt=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=y(8),t.ssrId=e?._ssrId||null,t.css=ee(),t.data=X(e?.dataFromSSR,e?._componentId),t.defaultProps=Lt(t,e?.defaultProps),t.props=At(t?.defaultProps,e?.props),t.state=te(t,e?.state),t.events=e?.events||{},t.lifecycle=Dt(t,e?.lifecycle),t.methods=re(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=Rt,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!M();if(r||(t.url=me(e?.url)),r&&window.__joystick_url__&&(t.url=me(window.__joystick_url__)),r&&e?.websockets&&u(e?.websockets)){let o=e.websockets(t),n=m(o)&&Object.entries(o);for(let s=0;s<n?.length;s+=1){let[c,a]=n[s];Y({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 Zr=(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)}},W=(t="",e=null)=>{try{M()||(Zr(t)||{}).array.push({callback:e})}catch(r){i("addToQueue",r)}};var oe=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&u(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 It=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{C(`ui.${r?.options?.test?.name||y()}.data.refetch`,[o]);let n=await oe(G,e,o,r);return r.data=It(n,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=n),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){i("component.data.compile",o)}},qt=It;var Nt=(t={})=>{try{if(!M()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return qt(e,r,t)}return t?.data||{}}catch(e){i("component.loadDataFromWindow",e)}};var zt=Lr(Vt());var Ht=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(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 g=a[l],w=Ht(g,e,r);if(w!==null)return w}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},D=Ht;var Ut=(t="",e={},r=null)=>{let o=D(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var Gr=(t={},e={},r=null)=>{try{let o=B(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)}},Wr=(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)}},Kr=(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)}},Jr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};Ut(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Qr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&W("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),C(`ui.${e?.options?.test?.name||y()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&W("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),C(`ui.${e?.options?.test?.name||y()}.lifecycle.onMount`,[e])}))}catch(r){i("component.renderMethods.component.handleLifecycle",r)}},Yr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,zt.diff)(e?.existingPropsMap,r)?.length>0&&W("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(n||{},r,t),C(`ui.${t?.options?.test?.name||y()}.lifecycle.onBeforeMount`,[n||{},r,t])})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Xr=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,Yr(n,o,r),W("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Qr(this,n),n.parent&&Jr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Kr(n):n.parent&&n.parent.ssrTree?Wr(n):Gr(n,this,a?.children)}},eo=function(e,r){try{let o=this;return new Xr().bind({})(e,r,o)}catch(o){i("component.renderMethods.component",o)}},pe=eo;var to=function(e=[],r=null){try{return u(r)&&e&&Array.isArray(e)?e.map((o,n)=>r(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},fe=to;var ro=(t="",e=[])=>{try{return e.reduce((r,[o,n])=>r.replace(`{{${o}}}`,n),t)}catch(r){i("component.renderMethods.i18n.replacePlaceholdersInString",r)}},he=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),n=typeof t=="object"&&!o;if(r)return ro(t,e);if(o)return t?.map(s=>he(s,e));if(n)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=he(a,e),s),{})}catch(r){i("component.renderMethods.i18n.handleTranslationReplacement",r)}},oo=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){i("component.renderMethods.i18n.getTranslationAtPath",r)}},no=function(t="",e={}){try{let r=M()?this.translations:window.__joystick_i18n__,n=t?.includes(".")?oo(t,r):r[t];if(!r||!n)return"";let s=Object.entries(e);return he(n,s)}catch(r){i("component.renderMethods.i18n",r)}},we=no;var io=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},ye=io;var Bt={c:pe,component:pe,e:fe,each:fe,i:we,i18n:we,w:ye,when:ye};var Zt=(t={},e={})=>{try{return Object.entries(Bt).reduce((r,[o,n])=>(r[o]=n.bind({...t,...e}),r),{})}catch(r){i("component.renderMethods.compile",r)}};var Gt=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((n={})=>({state:n?.state,children:Gt(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},Wt=(t={})=>{try{return Gt(t)}catch(e){i("component.render.getExistingStateMap",e)}};var Kt=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),so=new RegExp(/\n/g);var ao=(t="")=>{try{return(t.match(Kt)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Jt=(t="")=>{try{let e=`${t}`;return e=ao(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Qt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:n=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${n}">${e}</div>`}catch(r){i("component.render.wrapHTML",r)}};var Yt=(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&&Yt(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)}},Xt=Yt;var ie=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=X(e.dataFromSSR,t.id)||{}),Xt(t?.children);let r=Wt(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=Zt({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=re(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),n=Jt(o),s=Qt(t,n);return{unwrapped:n,wrapped:s}}catch(r){i("component.render.toHTML",r)}};var co=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},er=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?er(e):ge(e)):ge(t)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},ge=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:co(t.attributes),children:[].flatMap.call(t.childNodes,o=>er(o))};return e==="text"&&(r=t.textContent),r}catch(e){i("component.virtualDOM.build",e)}},K=ge;var lo=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},tr=(t="")=>{try{let e=lo(t);return K(e)}catch(e){i("component.virtualDOM.build",e)}};var rr=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var uo=(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];rr(n)&&e.setAttribute(n,s)}for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(n){let s=or(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},or=(t=null)=>{try{return k(t)?document.createTextNode(t):uo(t)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},Z=or;var B=(t={},e={})=>{try{let r=ie(t,{existingChildren:e?.existingChildren}),o=tr(r.wrapped,t),n=e.includeActual&&o?Z(o):null;return{html:r,virtual:o,actual:n}}catch(r){i("component.render.getUpdatedDOM",r)}};var nr=(t={},e={})=>{try{let r=B(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){i("component.render.forMount",r)}};var mo=(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)}},se=mo;var po=(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},ir=po;var fo=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},ho=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},wo=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(n=>{let s=c=>{let a=Z(n);return c.appendChild(a),c};r.push(s)}),r},yo=(t=[],e=[])=>{let r=[];return t.forEach((o,n)=>{let s=ce(o,e[n]);r.push(s)}),r},go=(t=[],e=[])=>{let r=yo(t,e),o=wo(t,e);return n=>{if(n){let s=ir(r,n.childNodes);ho(s),fo(o,n)}return n}},ae=go;var sr={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),se(t.attributes,e.attributes)(r),ae([],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 xe=(t,e)=>r=>{let o=t?Z(t):null;return r&&r.replaceWith(o),o},xo=()=>t=>{t&&t.remove()},bo=(t=void 0,e=void 0)=>t===void 0||e===void 0?xo():typeof t=="string"||typeof e=="string"?xe(e,t):t.tagName!==e.tagName?xe(e):e.tagName==="select"?sr.select(t,e):["pre","code"].includes(e.tagName)?xe(e,t):n=>(se(t.attributes,e.attributes)(n),ae(t.children,e.children)(n),n),ce=bo;var $o=(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)}},N=(t="",e=null)=>{try{M()||($o(t)||{}).process(e)}catch(r){i("processQueue",r)}};var ar=(t="",e=null)=>{let r=D(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var cr=(t="",e={},r=null)=>{let o=D(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var dr=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(m(n)&&n.attributes&&n.attributes["js-i"]&&n.attributes["js-i"]===e){t.children[o]=r;break}m(n)&&dr(n,e,r)}},lr=dr;var ur=(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 mr=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?ur(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){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),C(`ui.${t?.options?.test?.name||y()}.events.${s.type}.${s?.selector}`,[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];mr(c,e,r)}}return r}catch(o){i("component.eve!nts.registerListenersFix.getListeners",o)}},Eo=(t={},e={})=>{try{let o=mr(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:g}=o[n];c.addEventListener(l,g),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:l,handler:g}]}}catch(r){i("component.events.registerListenersFix",r)}},de=Eo;var pr=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((n=[],s=[])=>[...n,...s],[])).flatMap((n={})=>pr(n));e=[...e,...o]}return e}catch(e){i("component.events.unregisterListenersFix.getListeners",e)}},Fo=(t={})=>{try{let e=pr(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)}},fr=Fo;var hr=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},it(e),Pt(this,e),this.data=Nt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},n=this){let s=await oe(e,r,o,n);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=K(this.DOMNode);this.dom.virtual=r}let e=this.parent?D(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!M())return{instanceId:this.instanceId}}render(e={}){if(C(`ui.${this?.options?.test?.name||y()}.render`,[e]),e?.mounting)return nr(this,e);let r=this.onBeforeRender();fr(this),ar(this.instanceId);let o=B(this,{}),n=ce(this.dom.virtual,o.virtual);n&&u(n)&&N("lifecycle.onBeforeMount",()=>{let s=n(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,de(this,this.renderMethods),this.setDOMNodeOnInstance(),N("domNodes",()=>{N("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ie(this,e)}onAfterRender(e={},r={}){M()||(cr(e.instanceId,this),window.joystick._internal.css.update(),N("lifecycle.onUpdateProps"),r?.afterSetStateRender&&u(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&u(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=te(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&u(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[y()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[y()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=D(window.joystick._internal.tree,this.instanceId,"instanceId"),n=D(window.joystick._internal.tree,r,"instanceId");if(n?.instance?.DOMNode){let s=K(n?.instance?.DOMNode);lr(o?.instance?.dom?.virtual,n?.instanceId,s)}}},wr=hr;var yr=(t={})=>{try{return(e={})=>new wr({...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 gr=(t={})=>{try{window.joystick._internal.tree={id:t?.id||null,instanceId:t?.instanceId||null,instance:t,children:[]}}catch(e){i("mount.initializeJoystickComponentTree",e)}};var xr=(t={},e=null)=>{try{return t.innerHTML="",t.appendChild(e),e}catch(r){i("mount.appendToDOM",r)}};var br=(t=null,e={},r=null)=>{try{u(t)||i("mount","Component to mount must be a function."),m(e)||i("mount","props must be an object."),Ce(r)||i("mount","target must be a DOM node.");let o=t({props:e});gr(o);let n=o.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});return n&&(n.setAttribute("js-c",o.id),n.setAttribute("js-i",o.instanceId)),o.lifecycle.onBeforeMount(),N("lifecycle.onBeforeMount"),xr(r,n),o.setDOMNodeOnInstance(),window.joystick._internal.css.update(),de(o,o.renderMethods),o.lifecycle.onMount(),N("lifecycle.onMount"),o}catch(o){i("mount",o)}};var $r=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()}},V=$r;var ko=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),Mo=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),So=(t,e)=>(e||"").replace(ko,()=>"").replace(Mo,r=>["@",": "].some(o=>r?.includes(o))?r:`[js-c="${t}"] ${r.trim()}`)?.trim(),Er=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let r=t.instance.id,o=t.instance.options.css,n=ee(o,t.instance),s=So(r,n);e.push(s)}if(t.children&&t.children.length>0){let r=t?.children?.length||0;for(;r--;)Er(t.children[r],e)}return e},Fr=Er;var kr=()=>{try{let t=document.head.querySelector("style[js-styles]"),r=Fr(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 To=Te,Oo=Re,vo=G.get,Co=Ae,_o=De,jo=G.set,Il=Le,Ro=qe,Mr=()=>typeof window!="undefined"?window.__joystick_env__:typeof process!="undefined"?"production":null,Sr={_external:{},_internal:{css:{update:kr},queues:{domNodes:new V([]),eventListeners:new V([]),lifecycle:{onBeforeMount:new V([]),onMount:new V([]),onUpdateProps:new V([])},render:new V([])},tree:{},eventListeners:[]},accounts:To,cache:Oo,component:yr,env:{development:Mr()==="development",test:Mr()==="test"},get:vo,html:Co,id:y,mount:br,renderComponentToHTML:_o,set:jo,upload:Ro,timers:{}};Ne(Sr);var ql=Sr;export{To as accounts,Oo as cache,ql as default,vo as get,Co as html,_o as renderComponentToHTML,jo as set,Il as test,Ro as upload};
|
|
21
|
+
`}}return r}return""}catch(r){i("component.css.compileCSS",r)}};var zr=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!q(r)?Object.assign({},r):{}}catch(r){i("component.state.compile.compileState",r)}},te=(t={},e={})=>{try{return u(e)?zr(t,e):Object.assign({},e)}catch(r){i("component.state.compile",r)}};var ue={onBeforeMount:()=>null,onMount:()=>null,onBeforeUnmount:()=>null,onUpdateProps:()=>null,onRefetchData:()=>null};var Dt=(t={},e={})=>{try{return e?Object.entries({...ue,...e||{}}).reduce((r={},[o,n])=>(r[o]=()=>n({...t,setState:t.setState.bind(t),...t.renderMethods||{}}),r),{}):ue}catch(r){i("component.lifecycle.compile",r)}};var re=(t={},e={})=>{try{return Object.entries(e).reduce((r={},[o,n])=>(r[o]=(...s)=>(C(`ui.${t?.options?.test?.name||y()}.methods.${o}`,[...s,{...t,setState:t.setState.bind(t),...t.renderMethods||{}}]),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="")=>k(e)&&t?.route!=="*"?e===(typeof location!="undefined"?location.pathname:t.path):!1}}catch(e){i("component.url.compile",e)}};var Br=(t={},e=null)=>{try{let r=e(t);return r&&m(r)&&!q(r)?Object.assign({},r):{}}catch(r){i("component.props.compileDefaultProps.compile",r)}},Lt=(t={},e={})=>{try{return u(e)?Br(t,e):Object.assign({},e)}catch(r){i("component.props.compileDefaultProps",r)}};var Pt=(t={},e={})=>{try{t.options=e||{},t.id=e?._componentId||null,t.instanceId=y(8),t.ssrId=e?._ssrId||null,t.css=ee(),t.data=X(e?.dataFromSSR,e?._componentId),t.defaultProps=Lt(t,e?.defaultProps),t.props=At(t?.defaultProps,e?.props),t.state=te(t,e?.state),t.events=e?.events||{},t.lifecycle=Dt(t,e?.lifecycle),t.methods=re(t,e?.methods),t.wrapper=e?.wrapper||{},t.translations=e?.translations||{},t.validateForm=Rt,t.DOMNode=null,t.dom={},t.dom.virtual={},t.dom.actual={};let r=!M();if(r||(t.url=me(e?.url)),r&&window.__joystick_url__&&(t.url=me(window.__joystick_url__)),r&&e?.websockets&&u(e?.websockets)){let o=e.websockets(t),n=m(o)&&Object.entries(o);for(let s=0;s<n?.length;s+=1){let[c,a]=n[s];Y({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 Zr=(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)}},W=(t="",e=null)=>{try{M()||(Zr(t)||{}).array.push({callback:e})}catch(r){i("addToQueue",r)}};var oe=async(t={},e={},r={},o={})=>{try{if(o?.options?.data&&u(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 It=(t={},e={},r={})=>{try{return{...t,refetch:async(o={})=>{C(`ui.${r?.options?.test?.name||y()}.data.refetch`,[o]);let n=await oe(G,e,o,r);return r.data=It(n,e,r),window.__joystick_data__[r?.id]&&(window.__joystick_data__[r?.id]=n),window?.__joystick_test__||r.render({afterRefetchDataRender:()=>{r?.lifecycle?.onRefetchData&&r?.lifecycle?.onRefetchData(r)}}),r.data}}}catch(o){i("component.data.compile",o)}},qt=It;var Nt=(t={})=>{try{if(!M()){let e=window.__joystick_data__&&window.__joystick_data__[t?.id]||{},r=window.__joystick_req__||{};return qt(e,r,t)}return t?.data||{}}catch(e){i("component.loadDataFromWindow",e)}};var zt=Lr(Vt());var Ht=(t={},e="",r="id")=>{try{let o=t&&t.id;if(m(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 g=a[l],w=Ht(g,e,r);if(w!==null)return w}}}return null}catch(o){i("component.findComponentInTreeByField",o)}},D=Ht;var Ut=(t="",e={},r=null)=>{let o=D(r||window.joystick._internal.tree,t,"instanceId");o&&(o.children=[...o.children||[],e])};var Gr=(t={},e={},r=null)=>{try{let o=B(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)}},Wr=(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)}},Kr=(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)}},Jr=(t={})=>{try{let e={id:t.id,instanceId:t.instanceId,instance:t,children:[]};Ut(t.parent.instanceId,e,t.parent&&t.parent.ssrTree||null)}catch(e){i("component.renderMethods.component.handleAddComponentToParent",e)}},Qr=(t={},e={})=>{try{!t.renderedComponent&&e.options&&e.options.lifecycle&&(e.options.lifecycle.onBeforeMount&&W("lifecycle.onBeforeMount",()=>{e.options.lifecycle.onBeforeMount(e),C(`ui.${e?.options?.test?.name||y()}.lifecycle.onBeforeMount`,[e])}),!t.renderedComponent&&e.options.lifecycle.onMount&&W("lifecycle.onMount",()=>{e.options.lifecycle.onMount(e),C(`ui.${e?.options?.test?.name||y()}.lifecycle.onMount`,[e])}))}catch(r){i("component.renderMethods.component.handleLifecycle",r)}},Yr=(t={},e={},r={})=>{try{!e.walkingTreeForSSR&&t?.options?.lifecycle?.onUpdateProps&&(0,zt.diff)(e?.existingPropsMap,r)?.length>0&&W("lifecycle.onUpdateProps",()=>{let n=e?.existingPropsMap&&e?.existingPropsMap[t.id];t.options.lifecycle.onUpdateProps(n||{},r,t),C(`ui.${t?.options?.test?.name||y()}.lifecycle.onBeforeMount`,[n||{},r,t])})}catch(o){i("component.renderMethods.component.handleOnChangeProps",o)}},Xr=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,Yr(n,o,r),W("lifecycle.onMount",()=>{n.setDOMNodeOnInstance()}),Qr(this,n),n.parent&&Jr(n),n.options.data&&n.parent.walkingTreeForSSR&&n.parent.ssrTree.dataFunctions?Kr(n):n.parent&&n.parent.ssrTree?Wr(n):Gr(n,this,a?.children)}},eo=function(e,r){try{let o=this;return new Xr().bind({})(e,r,o)}catch(o){i("component.renderMethods.component",o)}},pe=eo;var to=function(e=[],r=null){try{return u(r)&&e&&Array.isArray(e)?e.map((o,n)=>r(o,n)).join(""):""}catch(o){i("component.renderMethods.each",o)}},fe=to;var ro=(t="",e=[])=>{try{return e.reduce((r,[o,n])=>r.replace(`{{${o}}}`,n),t)}catch(r){i("component.renderMethods.i18n.replacePlaceholdersInString",r)}},he=(t="",e=[])=>{try{let r=typeof t=="string",o=Array.isArray(t),n=typeof t=="object"&&!o;if(r)return ro(t,e);if(o)return t?.map(s=>he(s,e));if(n)return Object.entries(t)?.reduce((s={},[c,a])=>(s[c]=he(a,e),s),{})}catch(r){i("component.renderMethods.i18n.handleTranslationReplacement",r)}},oo=(t="",e={})=>{try{return t?.split(".").reduce((r,o)=>r[o],e)}catch(r){i("component.renderMethods.i18n.getTranslationAtPath",r)}},no=function(t="",e={}){try{let r=M()?this.translations:window.__joystick_i18n__,n=t?.includes(".")?oo(t,r):r[t];if(!r||!n)return"";let s=Object.entries(e);return he(n,s)}catch(r){i("component.renderMethods.i18n",r)}},we=no;var io=function(e=!1,r=""){try{return this?.renderingHTMLWithDataForSSR||e?`<when>${r.trim()}</when>`:"<when> </when>"}catch(o){i("component.renderMethods.when",o)}},ye=io;var Bt={c:pe,component:pe,e:fe,each:fe,i:we,i18n:we,w:ye,when:ye};var Zt=(t={},e={})=>{try{return Object.entries(Bt).reduce((r,[o,n])=>(r[o]=n.bind({...t,...e}),r),{})}catch(r){i("component.renderMethods.compile",r)}};var Gt=(t={})=>{try{return Object.entries(t)?.reduce((e={},[r,o]={})=>(e[r]=o?.map((n={})=>({state:n?.state,children:Gt(n?.children)})),e),{})}catch(e){i("component.render.getExistingStateMap.buildMapForChildren",e)}},Wt=(t={})=>{try{return Gt(t)}catch(e){i("component.render.getExistingStateMap",e)}};var Kt=new RegExp(/\<\!\-\-(?:.|\n|\r)*?-->/g),so=new RegExp(/\n/g);var ao=(t="")=>{try{return(t.match(Kt)||[]).forEach(r=>{t=t.replace(r,"")}),t}catch(e){i("component.render.sanitizeHTML.removeCommentedCode",e)}},Jt=(t="")=>{try{let e=`${t}`;return e=ao(e),e}catch(e){i("component.render.sanitizeHTML",e)}};var Qt=(t={},e="")=>{try{let{wrapper:r=null,id:o=null,instanceId:n=null}=t;return`<div ${r?.id?`id="${r.id}" `:""}${r?.classList?`class="${r.classList?.join(" ")}" `:""} js-c="${o}" js-i="${n}">${e}</div>`}catch(r){i("component.render.wrapHTML",r)}};var Yt=(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&&Yt(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)}},Xt=Yt;var ie=(t={},e={})=>{try{e?.dataFromSSR&&(t.data=X(e.dataFromSSR,t.id)||{}),Xt(t?.children);let r=Wt(e?.existingChildren||t?.children)||{};t.children={},t.renderMethods=Zt({...t,existingStateMap:r,translations:e?.translations||t.translations||{},ssrTree:e?.ssrTree,walkingTreeForSSR:e?.walkingTreeForSSR,renderingHTMLWithDataForSSR:e?.renderingHTMLWithDataForSSR,dataFromSSR:e?.dataFromSSR}),t.methods=re(t,t.options.methods);let o=t.options.render({...t||{},setState:t.setState.bind(t),...t.renderMethods||{}}),n=Jt(o),s=Qt(t,n);return{unwrapped:n,wrapped:s}}catch(r){i("component.render.toHTML",r)}};var co=(t={})=>{try{return Object.values(t).reduce((e={},r)=>(e[r.name]=r.value,e),{})}catch(e){i("component.virtualDOM.build.parseAttributeMap",e)}},er=(t={})=>{try{return t.tagName==="WHEN"?[].flatMap.call(t?.childNodes,e=>e?.tagName==="WHEN"?er(e):ge(e)):ge(t)}catch(e){i("component.virtualDOM.build.flattenWhenTags",e)}},ge=(t={})=>{try{let e=t&&t.tagName&&t.tagName.toLowerCase()||"text",r={tagName:e,attributes:co(t.attributes),children:[].flatMap.call(t.childNodes,o=>er(o))};return e==="text"&&(r=t.textContent),r}catch(e){i("component.virtualDOM.build",e)}},K=ge;var lo=(t="")=>{try{let e=document.createElement("div");return e.innerHTML=t,e?.childNodes[0]}catch(e){i("component.virtualDOM.build.convertHTMLToDOM",e)}},tr=(t="")=>{try{let e=lo(t);return K(e)}catch(e){i("component.virtualDOM.build",e)}};var rr=(t="")=>{try{return document.createElement("div").setAttribute(t,"Test"),!0}catch{return!1}};var uo=(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];rr(n)&&e.setAttribute(n,s)}for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(n){let s=or(n);e.appendChild(s)}}return e}catch(e){i("component.virtualDOM.renderTreeToDOM.renderElement",e)}},or=(t=null)=>{try{return k(t)?document.createTextNode(t):uo(t)}catch(e){i("component.virtualDOM.renderTreeToDOM",e)}},Z=or;var B=(t={},e={})=>{try{let r=ie(t,{existingChildren:e?.existingChildren}),o=tr(r.wrapped,t),n=e.includeActual&&o?Z(o):null;return{html:r,virtual:o,actual:n}}catch(r){i("component.render.getUpdatedDOM",r)}};var nr=(t={},e={})=>{try{let r=B(t,{includeActual:!0,existingChildren:e?.existingChildren});return t.dom=r,r.actual}catch(r){i("component.render.forMount",r)}};var mo=(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)}},se=mo;var po=(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},ir=po;var fo=(t=[],e)=>{t.forEach(r=>{r&&typeof r=="function"&&r(e)})},ho=(t=[])=>{t.forEach(([e,r])=>{e&&typeof e=="function"&&e(r)})},wo=(t=[],e=[])=>{let r=[];return e.slice(t.length).forEach(n=>{let s=c=>{let a=Z(n);return c.appendChild(a),c};r.push(s)}),r},yo=(t=[],e=[])=>{let r=[];return t.forEach((o,n)=>{let s=ce(o,e[n]);r.push(s)}),r},go=(t=[],e=[])=>{let r=yo(t,e),o=wo(t,e);return n=>{if(n){let s=ir(r,n.childNodes);ho(s),fo(o,n)}return n}},ae=go;var sr={select:(t,e)=>r=>{let o=r.value;r.replaceChildren(),se(t.attributes,e.attributes)(r),ae([],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 xe=(t,e)=>r=>{let o=t?Z(t):null;return r&&r.replaceWith(o),o},xo=()=>t=>{t&&t.remove()},bo=(t=void 0,e=void 0)=>t===void 0||e===void 0?xo():typeof t=="string"||typeof e=="string"?xe(e,t):t.tagName!==e.tagName?xe(e):e.tagName==="select"?sr.select(t,e):["pre","code"].includes(e.tagName)?xe(e,t):n=>(se(t.attributes,e.attributes)(n),ae(t.children,e.children)(n),n),ce=bo;var $o=(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)}},N=(t="",e=null)=>{try{M()||($o(t)||{}).process(e)}catch(r){i("processQueue",r)}};var ar=(t="",e=null)=>{let r=D(e||window.joystick._internal.tree,t,"instanceId");r&&(r.children=[])};var cr=(t="",e={},r=null)=>{let o=D(r||window.joystick._internal.tree,t,"instanceId");o&&(o.instanceId=e?.instanceId,o.instance=e)};var dr=(t={},e="",r={})=>{for(let o=0;o<t?.children?.length;o+=1){let n=t?.children[o];if(m(n)&&n.attributes&&n.attributes["js-i"]&&n.attributes["js-i"]===e){t.children[o]=r;break}m(n)&&dr(n,e,r)}},lr=dr;var ur=(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 mr=(t={},e={},r=[])=>{try{let o=Object.keys(t?.events||{})?.length>0?ur(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){s.handler(a,{...t||{},setState:t?.setState.bind(t),...e||{}}),C(`ui.${t?.options?.test?.name||y()}.events.${s.type}.selector_${s?.selector}`,[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];mr(c,e,r)}}return r}catch(o){i("component.eve!nts.registerListenersFix.getListeners",o)}},Eo=(t={},e={})=>{try{let o=mr(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:g}=o[n];c.addEventListener(l,g),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:a,type:l,handler:g}]}}catch(r){i("component.events.registerListenersFix",r)}},de=Eo;var pr=(t={})=>{try{let e=t?._eventListeners||[];if(t?.children){let o=(Object.values(t?.children||{})?.reduce((n=[],s=[])=>[...n,...s],[])).flatMap((n={})=>pr(n));e=[...e,...o]}return e}catch(e){i("component.events.unregisterListenersFix.getListeners",e)}},Fo=(t={})=>{try{let e=pr(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)}},fr=Fo;var hr=class{constructor(e={}){this.parent=e?.parent||null,this.onUpdateChildComponent=this.handleUpdateChildComponentInVDOM,this.updateVirtualDOM=this.handleUpdateVirtualDOM,this.timers={},this.children={},it(e),Pt(this,e),this.data=Nt(this)}setDOMNodeOnInstance(){this.DOMNode=document.querySelector(`body [js-i="${this.instanceId}"]`)}async handleFetchData(e={},r={},o={},n=this){let s=await oe(e,r,o,n);return this.data=s,s}handleGetInstance(){return this}handleUpdateVirtualDOM(){if(this.DOMNode){let r=K(this.DOMNode);this.dom.virtual=r}let e=this.parent?D(window.joystick._internal.tree,this.parent?.instanceId,"instanceId"):null;e?.instance&&e.instance.updateVirtualDOM()}onBeforeRender(){if(!M())return{instanceId:this.instanceId}}render(e={}){if(C(`ui.${this?.options?.test?.name||y()}.render`,[e]),e?.mounting)return nr(this,e);let r=this.onBeforeRender();fr(this),ar(this.instanceId);let o=B(this,{}),n=ce(this.dom.virtual,o.virtual);n&&u(n)&&N("lifecycle.onBeforeMount",()=>{let s=n(this.DOMNode);this.dom.actual=s,this.dom.virtual=o.virtual,de(this,this.renderMethods),this.setDOMNodeOnInstance(),N("domNodes",()=>{N("lifecycle.onMount",()=>{this.onAfterRender(r,e)})})})}renderToHTML(e={}){return ie(this,e)}onAfterRender(e={},r={}){M()||(cr(e.instanceId,this),window.joystick._internal.css.update(),N("lifecycle.onUpdateProps"),r?.afterSetStateRender&&u(r.afterSetStateRender)&&r.afterSetStateRender(),r?.afterRefetchDataRender&&u(r.afterRefetchDataRender)&&r.afterRefetchDataRender(),this.parent&&this.parent.onUpdateChildComponent(this.id,this.instanceId))}setState(e={},r=null){this.state=te(this,{...this.state||{},...e}),this.render({afterSetStateRender:()=>{r&&u(r)&&r()}})}setTimeout(e=null,r=0){e&&(this.timers[y()]=window.setTimeout(e,r))}setInterval(e=null,r=0){e&&(this.timers[y()]=window.setInterval(e,r))}handleUpdateChildComponentInVDOM(e="",r=""){let o=D(window.joystick._internal.tree,this.instanceId,"instanceId"),n=D(window.joystick._internal.tree,r,"instanceId");if(n?.instance?.DOMNode){let s=K(n?.instance?.DOMNode);lr(o?.instance?.dom?.virtual,n?.instanceId,s)}}},wr=hr;var yr=(t={})=>{try{return(e={})=>new wr({...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 gr=(t={})=>{try{window.joystick._internal.tree={id:t?.id||null,instanceId:t?.instanceId||null,instance:t,children:[]}}catch(e){i("mount.initializeJoystickComponentTree",e)}};var xr=(t={},e=null)=>{try{return t.innerHTML="",t.appendChild(e),e}catch(r){i("mount.appendToDOM",r)}};var br=(t=null,e={},r=null)=>{try{u(t)||i("mount","Component to mount must be a function."),m(e)||i("mount","props must be an object."),Ce(r)||i("mount","target must be a DOM node.");let o=t({props:e});gr(o);let n=o.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});return n&&(n.setAttribute("js-c",o.id),n.setAttribute("js-i",o.instanceId)),o.lifecycle.onBeforeMount(),N("lifecycle.onBeforeMount"),xr(r,n),o.setDOMNodeOnInstance(),window.joystick._internal.css.update(),de(o,o.renderMethods),o.lifecycle.onMount(),N("lifecycle.onMount"),o}catch(o){i("mount",o)}};var $r=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()}},V=$r;var ko=new RegExp(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g),Mo=new RegExp(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g),So=(t,e)=>(e||"").replace(ko,()=>"").replace(Mo,r=>["@",": "].some(o=>r?.includes(o))?r:`[js-c="${t}"] ${r.trim()}`)?.trim(),Er=(t={},e=[])=>{if(t.instance&&t.instance.options&&t.instance.options.css){let r=t.instance.id,o=t.instance.options.css,n=ee(o,t.instance),s=So(r,n);e.push(s)}if(t.children&&t.children.length>0){let r=t?.children?.length||0;for(;r--;)Er(t.children[r],e)}return e},Fr=Er;var kr=()=>{try{let t=document.head.querySelector("style[js-styles]"),r=Fr(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 To=Te,Oo=Re,vo=G.get,Co=Ae,_o=De,jo=G.set,Il=Le,Ro=qe,Mr=()=>typeof window!="undefined"?window.__joystick_env__:typeof process!="undefined"?"production":null,Sr={_external:{},_internal:{css:{update:kr},queues:{domNodes:new V([]),eventListeners:new V([]),lifecycle:{onBeforeMount:new V([]),onMount:new V([]),onUpdateProps:new V([])},render:new V([])},tree:{},eventListeners:[]},accounts:To,cache:Oo,component:yr,env:{development:Mr()==="development",test:Mr()==="test"},get:vo,html:Co,id:y,mount:br,renderComponentToHTML:_o,set:jo,upload:Ro,timers:{}};Ne(Sr);var ql=Sr;export{To as accounts,Oo as cache,ql as default,vo as get,Co as html,_o as renderComponentToHTML,jo as set,Il as test,Ro as upload};
|
package/dist/mount/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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 f=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){n("types.isObject",t)}};var y=(e={})=>{try{window.joystick._internal.tree={id:e?.id||null,instanceId:e?.instanceId||null,instance:e,children:[]}}catch(t){n("mount.initializeJoystickComponentTree",t)}};var w=()=>typeof window=="undefined";var I=(e="")=>{try{let[t,o]=e?.split(".");return o?window?.joystick?._internal?.queues[t][o]:window?.joystick?._internal?.queues[t]}catch(t){n("processQueue.getQueue",t)}},p=(e="",t=null)=>{try{w()||(I(e)||{}).process(t)}catch(o){n("processQueue",o)}};var h=(e={},t=null)=>{try{return e.innerHTML="",e.appendChild(t),t}catch(o){n("mount.appendToDOM",o)}};var x=(e={})=>{try{return Object.entries(e).map(([t,o])=>{let[r,...i]=t.split(" ");return{type:r.toLowerCase(),selector:i.join(" "),handler:o}})}catch(t){n("component.events.serialize",t)}};var b="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),g=(e=16)=>{let t="",o=0;for(;o<e;)t+=b[Math.floor(Math.random()*(b.length-1))],o+=1;return t};var k=(e="",t=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[e]:[...window?.test?.functionCalls&&window?.test?.functionCalls[e]||[],{calledAt:new Date().toISOString(),args:t}]}})};var F=(e={},t={},o=[])=>{try{let r=Object.keys(e?.events||{})?.length>0?x(e?.events):[];for(let i=0;i<r?.length;i+=1){let s=r[i];o.push({...s,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${s?.selector}`),handler:function(l){s.handler(l,{...e||{},setState:e?.setState.bind(e),...t||{}}),k(`ui.${e?.options?.test?.name||g()}.events.${s.type}
|
|
1
|
+
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 f=e=>{try{return!!(e&&typeof e=="object"&&!Array.isArray(e))}catch(t){n("types.isObject",t)}};var y=(e={})=>{try{window.joystick._internal.tree={id:e?.id||null,instanceId:e?.instanceId||null,instance:e,children:[]}}catch(t){n("mount.initializeJoystickComponentTree",t)}};var w=()=>typeof window=="undefined";var I=(e="")=>{try{let[t,o]=e?.split(".");return o?window?.joystick?._internal?.queues[t][o]:window?.joystick?._internal?.queues[t]}catch(t){n("processQueue.getQueue",t)}},p=(e="",t=null)=>{try{w()||(I(e)||{}).process(t)}catch(o){n("processQueue",o)}};var h=(e={},t=null)=>{try{return e.innerHTML="",e.appendChild(t),t}catch(o){n("mount.appendToDOM",o)}};var x=(e={})=>{try{return Object.entries(e).map(([t,o])=>{let[r,...i]=t.split(" ");return{type:r.toLowerCase(),selector:i.join(" "),handler:o}})}catch(t){n("component.events.serialize",t)}};var b="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890".split(""),g=(e=16)=>{let t="",o=0;for(;o<e;)t+=b[Math.floor(Math.random()*(b.length-1))],o+=1;return t};var k=(e="",t=[])=>{typeof window!="undefined"&&!!window.__joystick_test__&&(window.test={...window.test||{},functionCalls:{...window?.test?.functionCalls||{},[e]:[...window?.test?.functionCalls&&window?.test?.functionCalls[e]||[],{calledAt:new Date().toISOString(),args:t}]}})};var F=(e={},t={},o=[])=>{try{let r=Object.keys(e?.events||{})?.length>0?x(e?.events):[];for(let i=0;i<r?.length;i+=1){let s=r[i];o.push({...s,instance:e,elements:document.querySelectorAll(`body [js-i="${e.instanceId}"] ${s?.selector}`),handler:function(l){s.handler(l,{...e||{},setState:e?.setState.bind(e),...t||{}}),k(`ui.${e?.options?.test?.name||g()}.events.${s.type}.selector_${s?.selector}`,[l,{...e||{},setState:e?.setState.bind(e),...t||{}}])}})}if(e?.children){let i=Object.entries(e?.children)?.flatMap(([s,c])=>c);for(let s=0;s<i?.length;s+=1){let c=i[s];F(c,t,o)}}return o}catch(r){n("component.eve!nts.registerListenersFix.getListeners",r)}},_=(e={},t={})=>{try{let r=F(e,t,[])?.flatMap((i={})=>[].flatMap.call(i?.elements||[],s=>{let{elements:c=[],...l}=i||{};return{...l,element:s}}));for(let i=0;i<r?.length;i+=1){let{instance:s,element:c,elementSelector:l,type:u,handler:a}=r[i];c.addEventListener(u,a),s._eventListeners=[...s?._eventListeners||[],{instance:s,element:c,elementSelector:l,type:u,handler:a}]}}catch(o){n("component.events.registerListenersFix",o)}},j=_;var Y=(e=null,t={},o=null)=>{try{d(e)||n("mount","Component to mount must be a function."),f(t)||n("mount","props must be an object."),m(o)||n("mount","target must be a DOM node.");let r=e({props:t});y(r);let i=r.render({mounting:!0,existingChildren:window.__joystick_childrenBeforeHMRUpdate__||null});return i&&(i.setAttribute("js-c",r.id),i.setAttribute("js-i",r.instanceId)),r.lifecycle.onBeforeMount(),p("lifecycle.onBeforeMount"),h(o,i),r.setDOMNodeOnInstance(),window.joystick._internal.css.update(),j(r,r.renderMethods),r.lifecycle.onMount(),p("lifecycle.onMount"),r}catch(r){n("mount",r)}};export{Y as default};
|
package/package.json
CHANGED