@plitzi/plitzi-builder 0.32.17 → 0.32.18

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @plitzi/plitzi-builder
 
+## 0.32.18
+
+### Patch Changes
+
+- v0.32.18
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.32.18
+  - @plitzi/sdk-auth@0.32.18
+  - @plitzi/sdk-collections@0.32.18
+  - @plitzi/sdk-dev-tools@0.32.18
+  - @plitzi/sdk-elements@0.32.18
+  - @plitzi/sdk-event-bridge@0.32.18
+  - @plitzi/sdk-interactions@0.32.18
+  - @plitzi/sdk-navigation@0.32.18
+  - @plitzi/sdk-plugins@0.32.18
+  - @plitzi/sdk-schema@0.32.18
+  - @plitzi/sdk-shared@0.32.18
+  - @plitzi/sdk-style@0.32.18
+  - @plitzi/sdk-variables@0.32.18
+
 ## 0.32.17
 
 ### Patch Changes

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.32.17",
+  "version": "0.32.18",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [

package/dist/plitzi-builder.js

@@ -3292,7 +3292,7 @@ return Ote(t=>t.normalize(e))}(...e))},toLowerCase(){return this.check(/* @__PUR
 return M(xZ,{form:a,onSubmit:l,className:"gap-4",children:[/* @__PURE__ */M(xZ.Body,{children:[
 /* @__PURE__ */P(xZ.Input,{name:"name",label:"Template Name",placeholder:"Template Name"}),
 /* @__PURE__ */P(xZ.TextArea,{name:"description",label:"Template Description",placeholder:"Template Description"}),
-/* @__PURE__ */P(xZ.Select,{loading:s,name:"cdnIdentifier",placeholder:"Select a provider",label:"CDN Provider",children:o?.map(e=>/* @__PURE__ */P("option",{value:e.identifier,children:e.name},e.identifier))})]}),/* @__PURE__ */M(xZ.Footer,{justify:"end",children:[/* @__PURE__ */P(mb,{onClick:i,size:"sm",children:"Cancel"}),/* @__PURE__ */P(mb,{type:"submit",disabled:s,size:"sm",children:"Submit"})]})]})},sie=/^[A-Za-z](?:[A-Za-z0-9_-]*[A-Za-z0-9_])?$/,lie=e=>sie.test(e),cie=(e,t,n)=>lie(t)?Object.values(e).find(e=>e.idRef===t&&e.id!==n)?`"${t}" is already used by another element in this space`:null:`"${t}" is not a valid reference: start with a letter, then letters, numbers, hyphens and underscores`,die=(e,t)=>{let n=/* @__PURE__ */new Set;for(let r of t)if(r.idRef){if(n.has(r.idRef)||cie(e,r.idRef,r.id))return!1;n.add(r.idRef)}return!0},uie=(e,t)=>{let n=e.replace(/[^A-Za-z0-9]/g,"")||"element",r=1;for(;t(`${n}-${r}`);)r+=1;return`${n}-${r}`},fie=(e,t)=>{let n=e.indexOf("."),r=-1===n?e:e.slice(0,n),i=r.indexOf("_");if(-1===i)return e;let a=t[r.slice(i+1)];return a?`${r.slice(0,i+1)}${a}${-1===n?"":e.slice(n)}`:e},hie=/([A-Za-z][A-Za-z0-9]*)_([A-Za-z][A-Za-z0-9_-]*)/g,pie=(e,t)=>e.replace(hie,(e,n,r)=>{let i=t[r];return i?`${n}_${i}`:e}),mie=(e,t)=>{if(Array.isArray(e))return void e.forEach((n,r)=>{if("string"==typeof n){let i=pie(n,t);return void(i!==n&&(e[r]=i))}mie(n,t)});if(!e||"object"!=typeof e)return;let n=e;for(let[r,i]of Object.entries(n)){if("string"==typeof i){let e=pie(i,t);e!==i&&(n[r]=e);continue}mie(i,t)}},gie=(e,t)=>{for(let n of Object.values(e)){n.idRef&&t[n.idRef]&&(n.idRef=t[n.idRef]);for(let e of Object.values(n.definition.bindings??{}))for(let n of e){let e=fie(n.source,t);e!==n.source&&(n.source=e),n.transformers&&mie(n.transformers,t),n.when&&mie(n.when,t)}for(let e of Object.values(n.definition.interactions??{})){if(e.elementId){let n=t[e.elementId];n&&(e.elementId=n)}mie(e.params,t),e.when&&mie(e.when,t)}}},vie={desktop:"64rem",tablet:"48rem",mobile:"0"},bie=e=>{if("mobile"===e)return 0;if("tablet"===e)return 768;if("desktop"===e)return 1024;let t=e.match(/(\d*\.?\d+)(px|rem)/);if(!t)return 0;let n=parseFloat(t[1]);return"rem"===t[2]?16*n:n},yie=e=>{let{platform:t,mode:n="desktop-first",variables:r}=e,i=[],a=Object.keys(t).sort((e,t)=>"mobile-first"===n?bie(e)-bie(t):bie(t)-bie(e));return a.forEach((e,r)=>{let o=Object.values(t[e]).sort((e,t)=>Number("element"===t.type)-Number("element"===e.type)).map(e=>e.cache).join("\n");if(!o)return;let s=vie[e]??e;if("mobile-first"===n)"0"===s||"mobile"===e?i.push(o):i.push(`@media (min-width: ${s}) {${o}}`);else{let t=a[r-1],n=t?vie[t]??t:void 0;"desktop"===e?i.push(o):n?i.push(`@media (max-width: ${n}) and (min-width: ${s}) {${o}}`):i.push(`@media (max-width: ${s}) {${o}}`)}}),r&&Object.keys(r).length&&i.push(((e,t=":root",n=2,r=!0)=>{let i=[],a=[],o=[],s=" ".repeat(n),l=" ".repeat(2*n);for(let[,d]of Object.entries(e))for(let[e,t]of Object.entries(d)){let n=`--${e}`;"object"==typeof t?(i.push(`${l}${n}: ${t.default};`),a.push(`${l}${n}: ${t.light};`),o.push(`${l}${n}: ${t.dark};`)):i.push(`${l}${n}: ${t};`)}let c="";return r&&(c=`${t} {\n${i.join("\n")}\n}`),a.length&&(c+=`\n\n@media (prefers-color-scheme: light) {\n${s}${t} {\n${a.join("\n")}\n  }\n}`),o.length&&(c+=`\n\n@media (prefers-color-scheme: dark) {\n${s}${t} {\n${o.join("\n")}\n  }\n}`),c})(r)),i.join("\n")},xie=(e,t="base",n=4)=>{let r=`${e}-${fa(n)}`;return"base"!==t&&(r=`${e}-${t}-${fa(n)}`),r},wie=l({});wie.displayName="StyleInspectorContext";var Oie=({keys:e,skipContext:t=!1,context:n={},asValue:r=!1,defaultValues:i,strictMode:a=!1,replaceTokens:o=!1})=>{let{inheritData:s,bindingData:l,variables:c,getValues:d}={};({inheritData:s,bindingData:l,variables:c,getValues:d}=t?n:m(wie));let u=d(),f=k(()=>!!e&&!r&&Object.keys(s).filter(t=>e.includes(t)||0===e.length).length>0,[e,s,r]),h=k(()=>!!e&&!r&&Object.keys(l).filter(t=>e.includes(t)||0===e.length).length>0,[e,l,r]),p=k(()=>!!e&&!r&&Object.keys(ie(u,e)).filter(e=>"string"==typeof u[e]&&z5.test(u[e])).length>0,[e,u,r]),g=k(()=>!!e&&(e.length>0?!r&&Object.keys(ie(u,e)).length>0:!r&&Object.keys(u).length>0),[e,r,u]),v=k(()=>{let t={};if(!e)return t;let n=new RegExp(z5,"g");return e.forEach(e=>{let r;r=ne(u,e,a?ne(i??{},e):ne(l,e,ne(s,`${e}.0.value`,ne(i??{},e,S5[e])))),o&&"string"==typeof r&&z5.test(r)&&[...r.matchAll(n)].forEach(e=>{r=r.replace(e[0],ne(c,e[1]?e[1]:e[2],e[0]))}),t[e]=r}),t},[e,a,o,u,i,s,l,c]);return r?v:{values:v,hasInherit:f,hasBinding:h,hasVariables:p,hasValues:g}},kie=p(({keyValue:e,children:t,className:n="",size:r="small",sectionTitle:i=!1})=>{let{resetValue:a}=m(wie),{hasValues:o,hasInherit:s,hasBinding:l,hasVariables:c}=Oie({keys:e,asValue:!1}),d=g(()=>{!o||!e||a(e)},[a,o,e]);/* @__PURE__ */
+/* @__PURE__ */P(xZ.Select,{loading:s,name:"cdnIdentifier",placeholder:"Select a provider",label:"CDN Provider",children:o?.map(e=>/* @__PURE__ */P("option",{value:e.identifier,children:e.name},e.identifier))})]}),/* @__PURE__ */M(xZ.Footer,{justify:"end",children:[/* @__PURE__ */P(mb,{onClick:i,size:"sm",children:"Cancel"}),/* @__PURE__ */P(mb,{type:"submit",disabled:s,size:"sm",children:"Submit"})]})]})},sie=/^[A-Za-z](?:[A-Za-z0-9_-]*[A-Za-z0-9_])?$/,lie=e=>sie.test(e),cie=(e,t,n)=>lie(t)?Object.values(e).find(e=>e.idRef===t&&e.id!==n)?`"${t}" is already used by another element in this space`:null:`"${t}" is not a valid reference: start with a letter, then letters, numbers, hyphens and underscores`,die=(e,t)=>{let n=/* @__PURE__ */new Set;for(let r of t)if(r.idRef){if(n.has(r.idRef)||cie(e,r.idRef,r.id))return!1;n.add(r.idRef)}return!0},uie=(e,t)=>{let n=e.replace(/[^A-Za-z0-9]/g,"")||"element",r=1;for(;t(`${n}-${r}`);)r+=1;return`${n}-${r}`},fie=(e,t)=>{let n=e.indexOf("."),r=-1===n?e:e.slice(0,n),i=r.indexOf("_");if(-1===i)return e;let a=t[r.slice(i+1)];return a?`${r.slice(0,i+1)}${a}${-1===n?"":e.slice(n)}`:e},hie=/([A-Za-z][A-Za-z0-9]*)_([A-Za-z][A-Za-z0-9_-]*)/g,pie=(e,t)=>e.replace(hie,(e,n,r)=>{let i=t[r];return i?`${n}_${i}`:e}),mie=(e,t)=>{if(Array.isArray(e))return void e.forEach((n,r)=>{if("string"==typeof n){let i=pie(n,t);return void(i!==n&&(e[r]=i))}mie(n,t)});if(!e||"object"!=typeof e)return;let n=e;for(let[r,i]of Object.entries(n)){if("string"==typeof i){let e=pie(i,t);e!==i&&(n[r]=e);continue}mie(i,t)}},gie=(e,t)=>{for(let n of Object.values(e)){n.idRef&&t[n.idRef]&&(n.idRef=t[n.idRef]);for(let e of Object.values(n.definition.bindings??{}))for(let n of e){let e=fie(n.source,t);e!==n.source&&(n.source=e),n.transformers&&mie(n.transformers,t),n.when&&mie(n.when,t)}for(let e of Object.values(n.definition.interactions??{})){if(e.elementId){let n=t[e.elementId];n&&(e.elementId=n)}mie(e.params,t),e.when&&mie(e.when,t)}}},vie={desktop:"64rem",tablet:"48rem",mobile:"0"},bie=e=>{if("mobile"===e)return 0;if("tablet"===e)return 768;if("desktop"===e)return 1024;let t=e.match(/(\d*\.?\d+)(px|rem)/);if(!t)return 0;let n=parseFloat(t[1]);return"rem"===t[2]?16*n:n},yie=e=>{let{platform:t,mode:n="desktop-first",variables:r}=e,i=[],a=Object.keys(t).sort((e,t)=>"mobile-first"===n?bie(e)-bie(t):bie(t)-bie(e));return a.forEach((e,r)=>{let o=Object.values(t[e]).sort((e,t)=>Number("element"===t.type)-Number("element"===e.type)).map(e=>e.cache).join("\n");if(!o)return;let s=vie[e]??e;if("mobile-first"===n)"0"===s||"mobile"===e?i.push(o):i.push(`@media (min-width: ${s}) {${o}}`);else{let t=a[r-1],n=t?vie[t]??t:void 0;"desktop"===e?i.push(o):n?i.push(`@media (max-width: ${n}) and (min-width: ${s}) {${o}}`):i.push(`@media (max-width: ${s}) {${o}}`)}}),r&&Object.keys(r).length&&i.push(((e,t=":root",n=2,r=!0)=>{let i=[],a=[],o=[],s=" ".repeat(n),l=" ".repeat(2*n);for(let[,d]of Object.entries(e))for(let[e,t]of Object.entries(d)){let n=`--${e}`;"object"==typeof t?(void 0!==t.default&&i.push(`${l}${n}: ${t.default};`),void 0!==t.light&&a.push(`${l}${n}: ${t.light};`),void 0!==t.dark&&o.push(`${l}${n}: ${t.dark};`)):i.push(`${l}${n}: ${t};`)}let c="";return r&&(c=`${t} {\n${i.join("\n")}\n}`),a.length&&(c+=`\n\n@media (prefers-color-scheme: light) {\n${s}${t} {\n${a.join("\n")}\n  }\n}`),o.length&&(c+=`\n\n@media (prefers-color-scheme: dark) {\n${s}${t} {\n${o.join("\n")}\n  }\n}`),c})(r)),i.join("\n")},xie=(e,t="base",n=4)=>{let r=`${e}-${fa(n)}`;return"base"!==t&&(r=`${e}-${t}-${fa(n)}`),r},wie=l({});wie.displayName="StyleInspectorContext";var Oie=({keys:e,skipContext:t=!1,context:n={},asValue:r=!1,defaultValues:i,strictMode:a=!1,replaceTokens:o=!1})=>{let{inheritData:s,bindingData:l,variables:c,getValues:d}={};({inheritData:s,bindingData:l,variables:c,getValues:d}=t?n:m(wie));let u=d(),f=k(()=>!!e&&!r&&Object.keys(s).filter(t=>e.includes(t)||0===e.length).length>0,[e,s,r]),h=k(()=>!!e&&!r&&Object.keys(l).filter(t=>e.includes(t)||0===e.length).length>0,[e,l,r]),p=k(()=>!!e&&!r&&Object.keys(ie(u,e)).filter(e=>"string"==typeof u[e]&&z5.test(u[e])).length>0,[e,u,r]),g=k(()=>!!e&&(e.length>0?!r&&Object.keys(ie(u,e)).length>0:!r&&Object.keys(u).length>0),[e,r,u]),v=k(()=>{let t={};if(!e)return t;let n=new RegExp(z5,"g");return e.forEach(e=>{let r;r=ne(u,e,a?ne(i??{},e):ne(l,e,ne(s,`${e}.0.value`,ne(i??{},e,S5[e])))),o&&"string"==typeof r&&z5.test(r)&&[...r.matchAll(n)].forEach(e=>{r=r.replace(e[0],ne(c,e[1]?e[1]:e[2],e[0]))}),t[e]=r}),t},[e,a,o,u,i,s,l,c]);return r?v:{values:v,hasInherit:f,hasBinding:h,hasVariables:p,hasValues:g}},kie=p(({keyValue:e,children:t,className:n="",size:r="small",sectionTitle:i=!1})=>{let{resetValue:a}=m(wie),{hasValues:o,hasInherit:s,hasBinding:l,hasVariables:c}=Oie({keys:e,asValue:!1}),d=g(()=>{!o||!e||a(e)},[a,o,e]);/* @__PURE__ */
 return P("div",{className:ge("inspector__label flex min-w-[50px] shrink-0 items-center select-none",n,{"text-xs":"small"===r,"text-sm":"medium"===r,"text-base":"normal"===r,"mb-[-1px] p-0":i}),title:"string"==typeof t?t:void 0,children:/* @__PURE__ */P("label",{className:ge("m-0 truncate",{"px-1":!i,"rounded-tl rounded-tr border border-gray-300 bg-gray-100 px-2 font-bold text-zinc-700 dark:border-zinc-600 dark:bg-zinc-700 dark:text-zinc-200":i,"cursor-pointer bg-blue-200 text-blue-600 dark:bg-blue-900/50 dark:text-blue-400":o&&!l&&!c,"cursor-pointer bg-green-200 text-green-600 dark:bg-green-900/50 dark:text-green-400":c,"cursor-pointer bg-purple-200 text-purple-600 dark:bg-purple-900/50 dark:text-purple-400":l,"bg-orange-200 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400":s&&!o&&!c}),onClick:d,children:t})})}),Sie=kie,Cie=["inherit"],zie=({className:e,value:t,onChange:n})=>/* @__PURE__ */P(Lj,{size:"xs",className:{root:"w-full min-w-0",input:e},value:t,onChange:n,allowVariables:!0,allowedWords:Cie}),Nie=({items:e=[],onChange:t})=>{let n=k(()=>e.filter(e=>"boolean"!=typeof e.isVisible||e.isVisible),[e]),r=g(e=>()=>t?.(e),[t]);/* @__PURE__ */
 return P(zZ,{className:"w-full px-1.5 py-1",gap:1,size:"md",children:n.map((e,t)=>/* @__PURE__ */P(zZ.Icon,{size:e.size,className:ge("cursor-pointer rounded-sm p-0.5",{"bg-zinc-300 dark:bg-zinc-800":e.active,"text-xs":"string"==typeof e.icon,"h-5 w-5":"custom"!==e.size}),active:e.active,onClick:r(e.value),icon:"string"==typeof e.icon?e.icon:void 0,title:e.description,children:"string"!=typeof e.icon&&e.icon},t))})},Eie=({value:e,className:t,onChange:n})=>/* @__PURE__ */P(Eq,{size:"xs",value:e,onChange:n,className:{root:"w-full min-w-0",input:t}}),Tie=({value:e,className:t,preffix:n="",min:r,max:i,step:a,units:o=[{label:"PX",value:"px"},{label:"VW",value:"vw"},{label:"VH",value:"vh"},{label:"%",value:"%"},{label:"EM",value:"em"},{label:"REM",value:"rem"},{label:"DVH",value:"dvh"},{label:"DVW",value:"dvw"},{label:"LVH",value:"lvh"},{label:"LVW",value:"lvw"}],allowedWords:s=["auto","none"],allowVariables:l=!0,onChange:c})=>{let d=g(e=>c?.(e),[c]);/* @__PURE__ */
 return M("div",{className:"flex items-center gap-1",children:[n&&/* @__PURE__ */M("span",{className:"text-xs",children:[n,":"]}),/* @__PURE__ */P(PJ,{size:"xs",value:e,min:r,max:i,step:a,units:o,allowedWords:s,allowVariables:l,onChange:d,className:ge("w-full min-w-0",t)})]})},Aie=({children:e,className:t,value:n,onChange:r})=>/* @__PURE__ */P(Mq,{size:"xs",value:n,onChange:r,className:ge("w-full min-w-0",t),children:e}),Pie=e=>{let{direction:t="column",label:n,keys:r,type:i="input",...a}=e;/* @__PURE__ */
@@ -4542,5 +4542,5 @@ return P(C5,{value:F,children:e})},MTe=({children:e,includeSubscriptions:t=!0})=
 return P(I5,{value:U,children:e})},ITe=l({});ITe.displayName="StyleContext";var RTe=({children:e,style:t,includeSubscriptions:n=!0,middlewares:r=[]})=>{let{subscriptionManager:i}=m(E5),a=k(()=>r.map(e=>({middleware:e,filterCallback:e=>!e.fromSubscriptions})),[r]),[o,s]=J0(zTe,t??x5,a);Ji("style",o);let l=g((e,t=!1)=>s({type:CTe.STYLE_UPDATE,style:e,fromSubscriptions:t}),[s]),c=g((e,t,n,r,i,a,o=!1)=>{t||=xie(n),s({type:CTe.STYLE_ADD_SELECTOR,displayMode:e,selector:t,selectorType:n,path:r,value:i,params:a,fromSubscriptions:o})},[s]),d=g((e,t,n,r,i,a=!1)=>s({type:CTe.STYLE_UPDATE_SELECTOR,displayMode:e,selector:t,path:n,value:r,params:i,fromSubscriptions:a}),[s]),u=g((e,t,n=!1)=>s({type:CTe.STYLE_REMOVE_SELECTOR,displayMode:e,selector:t,fromSubscriptions:n}),[s]),f=g((e,t,n=!1)=>s({type:CTe.STYLE_REMOVE_SELECTORS,displayMode:e,selectors:t,fromSubscriptions:n}),[s]),h=g((e,t,n,r,i,a=!1)=>{s({type:CTe.STYLE_ADD_SELECTOR_VARIABLE,displayMode:e,selector:t,category:n,name:r,value:i,fromSubscriptions:a})},[s]),p=g((e,t,n,r,i,a=!1)=>{s({type:CTe.STYLE_UPDATE_SELECTOR_VARIABLE,displayMode:e,selector:t,category:n,name:r,value:i,fromSubscriptions:a})},[s]),v=g((e,t,n,r,i=!1)=>{s({type:CTe.STYLE_REMOVE_SELECTOR_VARIABLE,displayMode:e,selector:t,category:n,name:r,fromSubscriptions:i})},[s]),b=g((e,t,n,r=!1)=>s({type:CTe.STYLE_ADD_VARIABLE,category:e,name:t,value:n,fromSubscriptions:r}),[s]),x=g((e,t,n,r=!1)=>s({type:CTe.STYLE_UPDATE_VARIABLE,category:e,name:t,value:n,fromSubscriptions:r}),[s]),w=g((e,t,n=!1)=>s({type:CTe.STYLE_REMOVE_VARIABLE,category:e,name:t,fromSubscriptions:n}),[s]),O=g((e,t=!1)=>s({type:CTe.STYLE_ADD_TEMPLATE,platform:e,fromSubscriptions:t}),[s]),S=g((e,t,n=!1)=>{s({type:CTe.STYLE_UPDATE_SETTINGS,path:e,value:t,fromSubscriptions:n})},[s]);y(()=>(n&&(i.subscribe("StyleUpdated",{},e=>{if(!e.data||e.error)return;let t=ne(e,"data.StyleUpdated",{});l(t,!0)}),i.subscribe("StyleAddSelector",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n,type:r,path:i,style:a,params:o}=ne(e,"data.StyleAddSelector",{});c(t,n,r,i,a,o,!0)}),i.subscribe("StyleUpdateSelector",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n,path:r,style:i,params:a}=ne(e,"data.StyleUpdateSelector",{});d(t,n,r,i,a,!0)}),i.subscribe("StyleRemoveSelector",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n}=ne(e,"data.StyleRemoveSelector",{});u(t,n,!0)}),i.subscribe("StyleRemoveSelectors",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selectors:n}=ne(e,"data.StyleRemoveSelectors",{});f(t,n,!0)}),i.subscribe("StyleAddSelectorVariable",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n,category:r,name:i,value:a}=ne(e,"data.StyleAddSelectorVariable",{});h(t,n,r,i,a,!0)}),i.subscribe("StyleUpdateSelectorVariable",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n,category:r,name:i,value:a}=ne(e,"data.StyleUpdateSelectorVariable",{});p(t,n,r,i,a,!0)}),i.subscribe("StyleRemoveSelectorVariable",{},e=>{if(!e.data||e.error)return;let{displayMode:t,selector:n,category:r,name:i}=ne(e,"data.StyleRemoveSelectorVariable",{});v(t,n,r,i,!0)}),i.subscribe("StyleAddVariable",{},e=>{if(!e.data||e.error)return;let{category:t,name:n,value:r}=ne(e,"data.StyleAddVariable",{});b(t,n,r,!0)}),i.subscribe("StyleUpdateVariable",{},e=>{if(!e.data||e.error)return;let{category:t,name:n,value:r}=ne(e,"data.StyleUpdateVariable",{});x(t,n,r,!0)}),i.subscribe("StyleRemoveVariable",{},e=>{if(!e.data||e.error)return;let{category:t,name:n}=ne(e,"data.StyleRemoveVariable",{});w(t,n,!0)}),i.subscribe("StyleUpdateSettings",{},e=>{if(!e.data||e.error)return;let{path:t,value:n}=ne(e,"data.StyleUpdateSettings",{});S(t,n,!0)})),()=>{n&&i.unsubscribe(["StyleUpdated","StyleAddSelector","StyleUpdateSelector","StyleRemoveSelector","StyleRemoveSelectors","StyleAddSelectorVariable","StyleUpdateSelectorVariable","StyleRemoveSelectorVariable","StyleAddVariable","StyleUpdateVariable","StyleRemoveVariable","StyleUpdateSettings"])}),[i,n,l,c,d,u,f,h,p,v,b,x,w,S]);let C=k(()=>({styleUpdate:l,styleAddSelector:c,styleUpdateSelector:d,styleRemoveSelector:u,styleRemoveSelectors:f,styleAddSelectorVariable:h,styleUpdateSelectorVariable:p,styleRemoveSelectorVariable:v,styleAddVariable:b,styleUpdateVariable:x,styleRemoveVariable:w,styleAddTemplate:O,styleUpdateSettings:S}),[l,c,d,u,f,h,p,v,b,x,w,O,S]);return $5("main",C),/* @__PURE__ */P(ITe,{value:C,children:e})},DTe=({children:e,includeSubscriptions:t=!0})=>{const{style:n}=m(T5),{enqueueMiddleware:r}=m(TTe),{undoableMiddleware:i}=m(Wde),a=k(()=>[r,i],[r,i]);/* @__PURE__ */
 return P(RTe,{style:n,middlewares:a,includeSubscriptions:t,children:e})},LTe={past:[],future:[],canUndo:!1,canRedo:!1},VTe=(e=LTe,t)=>{switch(t.type){case"undoableAddUndo":{const n=ce(t,["type"]),r=[...e.past,n];return{past:r,future:[],canUndo:r.length>0,canRedo:!1}}case"undoableUndo":case"undoableRedo":return{past:t.past,future:t.future,canUndo:t.past.length>0,canRedo:t.future.length>0};case"undoableClearHistory":return LTe;default:return e}},QTe=({children:e})=>{const[t,n]=S(VTe,LTe),r=C(t);r.current=t;const i=g((e,t=!0)=>{switch(e.action.type){case fTe[e.action.type]:{const n=e;return void n.dispatch({type:fTe.SCHEMA_UPDATE,schema:t?n.prevState:n.nextState})}case CTe[e.action.type]:{const n=e;return void n.dispatch({type:CTe.STYLE_UPDATE,style:t?n.prevState:n.nextState})}case NTe[e.action.type]:{const n=e,r=n.prevState.segmentId;return void n.dispatch({type:NTe.SEGMENTS_UPDATE,segment:t?n.prevState[r]:n.nextState[r],segmentId:r})}default:return}},[]),a=g((e,t,r,i)=>{n({type:"undoableAddUndo",prevState:e,action:t,nextState:r,dispatch:i})},[n]),o=g(()=>{const{canUndo:e,past:t,future:a}=r.current;if(e){const e=t.pop();if(!e)return;const r=[...a,e];i(e),n({type:"undoableUndo",past:t,future:r})}},[n,i]),s=g(()=>{const{canRedo:e,past:t,future:a}=r.current;if(e){const e=a.pop();if(!e)return;const r=[...t,e];i(e,!1),n({type:"undoableRedo",past:r,future:a})}},[n,i]),l=g(()=>{n({type:"undoableClearHistory"})},[n]),c=g((e,t,n,r)=>a(e,r,t,n),[a]),{canUndo:d,canRedo:u}=t,f=k(()=>({canUndo:d,canRedo:u,dispatchUndoable:n,undoableAddUndo:a,undoableUndo:o,undoableRedo:s,undoableClearHistory:l,undoableMiddleware:c}),[d,u,n,a,o,s,l,c]);/* @__PURE__ */
 return P(Wde,{value:f,children:e})},jTe=({children:e,instanceId:t,webKey:n="",webId:r,environment:i="main",userKey:a="",server:o,includeSubscriptions:s=!0,includeRealTime:l=!0,previewMode:c=!1,debugMode:d=!1})=>/* @__PURE__ */P(lTe,{instanceId:t,webKey:n,webId:r,environment:i,userKey:a,server:o,children:/* @__PURE__ */P(cTe,{includeSubscriptions:s,includeRealTime:l,children:/* @__PURE__ */P(ATe,{includeSubscriptions:s,children:/* @__PURE__ */P(QTe,{children:/* @__PURE__ */P($ce,{debugMode:d,children:/* @__PURE__ */P(MTe,{children:/* @__PURE__ */P(nTe,{children:/* @__PURE__ */P(uTe,{children:/* @__PURE__ */P(DJ,{children:/* @__PURE__ */P(PTe,{includeSubscriptions:s,children:/* @__PURE__ */P(DTe,{includeSubscriptions:s,children:/* @__PURE__ */P(lde,{previewMode:c,environment:i,server:o,children:/* @__PURE__ */P(rTe,{previewMode:c,children:e})})})})})})})})})})})})}),FTe=({webKey:e="",webId:t,userKey:n="",instanceId:r="",server:i,environment:a="main",includeSubscriptions:o=!0,includeRealTime:s=!0,externalStyle:l="",debugMode:c=!1})=>{const[d,u]=z(!1),[f,h]=i1("builder-state.app.displayBorderComponents","black"),[p,m]=z(1),[g,v]=z("desktop"),[b,y]=z(!1);oa("displayMode",g);const x=k(()=>({previewMode:d,debugMode:c,setPreviewMode:u,displayBorderComponents:f,setDisplayBorderComponents:h,zoom:p,setZoom:m,displayMode:g,setDisplayMode:v,mobilePreview:b,setMobilePreview:y}),[d,c,u,f,h,p,m,g,v,b,y]),w=k(()=>/* @__PURE__ */P(jTe,{instanceId:r,webKey:e,webId:t,environment:a,userKey:n,server:i,includeSubscriptions:o,includeRealTime:s,previewMode:d,debugMode:c,children:/* @__PURE__ */P(Hce,{environment:a,children:/* @__PURE__ */P(gde,{previewMode:d,children:/* @__PURE__ */P(o$,{renderLeftPopup:!1,renderRightPopup:!1,renderFloatingPopup:!d,children:/* @__PURE__ */P(dge,{innerClassName:"flex",enabled:c,instanceId:r,children:/* @__PURE__ */P(XEe,{externalStyle:l})})})})})}),[r,e,t,a,n,i,o,s,d,c,l]);/* @__PURE__ */
-return P(n7,{value:x,children:w})},BTe=e=>{const t=new Headers;return e.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(e=>{const n=e.split(":"),r=n.shift()?.trim();if(r){const e=n.join(":").trim();t.append(r,e)}}),t},qTe=(e,t)=>t?.customFetch?((e,t)=>new Promise((n,r)=>{const i=new XMLHttpRequest;i.onload=()=>{const e={url:"",status:i.status,statusText:i.statusText,headers:BTe(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL")??"";const t=i.response??i.responseText;n(new Response(t,e))},i.onerror=e=>{r(/* @__PURE__ */new TypeError("Network request failed")),t?.onError&&t.onError(e)},i.ontimeout=()=>{r(/* @__PURE__ */new TypeError("Network request failed"))},i.open(t?.method??"GET",e,!0),t?.headers&&Object.keys(t.headers).forEach(e=>{const n=t.headers;n[e]&&i.setRequestHeader(e,n[e])}),t?.onProgress&&(i.upload.onprogress=t.onProgress),t?.onAbortPossible&&t.onAbortPossible(()=>{i.abort()}),t?.body&&i.send(t.body)}))(e,t):fetch(e,t),ZTe={name:"@plitzi/plitzi-builder",version:"0.32.17",homepage:"./",license:"AGPL-3.0",files:["dist"],repository:{type:"https",url:"https://github.com/plitzi/plitzi-workspace.git"},type:"module",main:"dist/plitzi-builder.js",module:"dist/plitzi-builder.js",types:"dist/index.d.ts",exports:{".":{types:"./dist/index.d.ts",import:"./dist/plitzi-builder.js",default:"./dist/plitzi-builder.js"},"./plitzi-builder.css":"./dist/plitzi-builder.css","./plitzi-builder-vendor.js":"./dist/plitzi-builder-vendor.js","./plitzi-builder-dev-vendor.js":"./dist/plitzi-builder-dev-vendor.js","./plitzi-builder-dev-vendor.js.map":"./dist/plitzi-builder-dev-vendor.js.map"},dependencies:{"@apollo/client":"^4.2.9","@fortawesome/fontawesome-free":"^7.3.1","@plitzi/nexus":"^1.0.0","@plitzi/plitzi-sdk":"workspace:*","@plitzi/plitzi-ui":"^1.6.18","@plitzi/sdk-auth":"workspace:*","@plitzi/sdk-collections":"workspace:*","@plitzi/sdk-dev-tools":"workspace:*","@plitzi/sdk-elements":"workspace:*","@plitzi/sdk-event-bridge":"workspace:*","@plitzi/sdk-interactions":"workspace:*","@plitzi/sdk-navigation":"workspace:*","@plitzi/sdk-plugins":"workspace:*","@plitzi/sdk-schema":"workspace:*","@plitzi/sdk-shared":"workspace:*","@plitzi/sdk-style":"workspace:*","@plitzi/sdk-variables":"workspace:*","@tanstack/react-virtual":"^3.14.9","@xyflow/react":"^12.11.2","apollo-upload-client":"^20.0.0",clsx:"^2.1.1",graphql:"^17.0.2","graphql-ws":"^6.2.0",immer:"^11.1.15",jszip:"^3.10.1","react-hook-form":"^7.83.0","react-router-dom":"^7.18.2",swr:"^2.4.2",uuid:"^14.0.1",zod:"^4.4.3"},peerDependencies:{react:"^19","react-dom":"^19"},devDependencies:{"@babel/compat-data":"^8.0.0","@babel/core":"^8.0.1","@babel/helper-builder-react-jsx-experimental":"^7.12.11","@babel/helper-validator-identifier":"^8.0.4","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-transform-private-methods":"^8.0.1","@babel/plugin-transform-runtime":"^8.0.1","@babel/polyfill":"^7.12.1","@babel/preset-env":"^8.0.2","@babel/preset-react":"^8.0.1","@tailwindcss/postcss":"^4.3.3","css-loader":"^7.1.4",cypress:"15.19.0",eslint:"^9.39.5","eslint-plugin-import":"^2.32.0","flow-bin":"^0.325.0",postcss:"^8.5.25","postcss-loader":"^8.2.1","postcss-scss":"^4.0.9",prettier:"^3.9.6","prop-types":"^15.8.1",react:"^19.2.8","react-dom":"^19.2.8","react-refresh":"^0.18.0","react-test-renderer":"^19.2.8",sass:"^1.102.0","sass-embedded":"^1.100.0","sass-loader":"^17.0.0",stylelint:"^17.14.1","stylelint-order":"^8.1.1","stylelint-scss":"^7.2.0",terser:"^5.49.0",typescript:"^6.0.3",vite:"^8.2.0","vite-plugin-dts":"^5.0.3","vite-plugin-ejs":"^2.0.0","vite-plugin-mkcert":"^2.1.0","vite-plugin-react":"^4.0.1",vitest:"^4.1.10"},scripts:{start:"vite dev --mode development",test:"vitest run","test:coverage":"",lint:"TIMING=1 eslint ./src","lint-style":'stylelint "**/*.scss" --custom-syntax postcss-scss',"lint-style:fix":'stylelint "**/*.scss" --custom-syntax postcss-scss --fix',typecheck:"tsc -p tsconfig.app.json --noEmit","build:dev":"tsc -p tsconfig.app.json --noEmit && vite build --mode development","build:dev-watch":"tsc -p tsconfig.app.json --noEmit && vite build --mode development --watch","build:dev-gzip":"tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build --mode development","build:dev-analyze":"tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build --mode development","build:prod":"tsc -p tsconfig.app.json --noEmit && vite build","build:prod-watch":"tsc -p tsconfig.app.json --noEmit && vite build --watch","build:prod-gzip":"tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build","build:prod-analyze":"tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build","build-vendor:dev":"vite build --config vite.vendor.config.ts --mode development","build-vendor:prod":"vite build --config vite.vendor.config.ts"},eslintConfig:{extends:"react-app"},browserslist:{production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]}},UTe={Button:hb,FileUpload:wF,ContentEditable:bF,Card:gb,Form:iZ,Input:zq,Switch:qq,Checkbox:Ab,Select:Tq,Select2:Iq,Heading:wZ,Flex:Zv,ContainerResizable:Hj,ContainerCollapsable:Qj,Icon:Wv,IconGroup:kZ,Popup:n$,Sidebar:ZJ,Tree:n0,Accordion:Gv,QueryBuilder:q$,Alert:ob,Modal:MJ,Text:e0,Label:Nb,TextArea:Wq,ContainerFrame:nF,KVInput:TZ,Markdown:MZ,MenuList:vJ,ContainerDraggable:Gj,Breadcrumb:db,CodeMirror:KV,ErrorMessage:Cb,ColorPicker:lQ,MetricInput:CJ,ContainerTabs:mF,ContainerFloating:tQ,Badge:lb},WTe=e=>{const{children:t,server:r,webKey:i="",includeSubscriptions:a=!0,userKey:o="",className:s="min-h-screen",debugMode:l=!1}=e,c=k(()=>function(e){if(!e)return 0;let t={};try{let n=e.split(".")[1],r=typeof window<"u"?window.atob(n):Buffer.from(n,"base64").toString();t=JSON.parse(r)}catch{return 0}return ne(t,"data.spaceId",0)}(i),[i]),[d,u]=i1(`web_${c}_state.instanceId`,"","sessionStorage"),[h,p]=i1("builder-state.debugMode",!1,"localStorage",l),m=k(()=>(e=>{const t={apiServer:"https://api.plitzi.com",ssrServer:"https://ssr.plitzi.com",basePath:"",host:"https://plitzi.com",serverUrl:"https://server.plitzi.com",websocketServer:"wss://server.plitzi.com",subscriptionServer:"wss://server.plitzi.com/subscriptions",location:void 0,...e};return"/"===t.basePath?t.basePath="":t.basePath&&(t.basePath=t.basePath.replaceAll("//","/")),t})(r),[r]),v=g(e=>{e.shiftKey&&"F12"===e.key&&p(e=>!e)},[p]);y(()=>{l&&window.addEventListener("keydown",v)},[v,l]),y(()=>{},[]);let b=!1;try{H4(),b=!0}catch{b=!1}y(()=>{const e=K$();u(e)},[c,u]);const x=g((e,t,n,r)=>{if(!e)return;const i=new gm,a=new cue({uri:e.serverUrl,fetch:qTe}),s=new nue(e=>{const n={...e.headers??{},"plitzi-instance-id":r,"plitzi-access-token":o,"sdk-version":ZTe.version,"Apollo-Require-Preflight":"true"};return t&&(n.authorization=`Bearer ${t}`),{headers:n}}),l=Gh.from([og(),s,a]);if(!n||!e.subscriptionServer)return new Xm({link:l,cache:i});const c=function(e){const{url:t,connectionParams:n,lazy:r=!0,onNonLazyError:i=console.error,lazyCloseTimeout:a=0,keepAlive:o=0,disablePong:s,connectionAckWaitTimeout:l=0,retryAttempts:c=5,retryWait:d=async function(e){const t=Math.pow(2,e);await new Promise(e=>setTimeout(e,1e3*t+Math.floor(2700*Math.random()+300)))},shouldRetry:u=bue,on:f,webSocketImpl:h,generateID:p=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})},jsonMessageReplacer:m,jsonMessageReviver:g}=e;let v;if(h){if(!("function"==typeof(b=h)&&"constructor"in b&&"CLOSED"in b&&"CLOSING"in b&&"CONNECTING"in b&&"OPEN"in b))throw new Error("Invalid WebSocket implementation provided");v=h}else"undefined"!=typeof WebSocket?v=WebSocket:"undefined"!=typeof global?v=global.WebSocket||global.MozWebSocket:"undefined"!=typeof window&&(v=window.WebSocket||window.MozWebSocket);var b;if(!v)throw new Error("WebSocket implementation missing; on Node you can `import WebSocket from 'ws';` and pass `webSocketImpl: WebSocket` to `createClient`");const y=v,x=(()=>{const e=/* @__PURE__ */(()=>{const e={};return{on:(t,n)=>(e[t]=n,()=>{delete e[t]}),emit(t){"id"in t&&e[t.id]?.(t)}}})(),t={connecting:f?.connecting?[f.connecting]:[],opened:f?.opened?[f.opened]:[],connected:f?.connected?[f.connected]:[],ping:f?.ping?[f.ping]:[],pong:f?.pong?[f.pong]:[],message:f?.message?[e.emit,f.message]:[e.emit],closed:f?.closed?[f.closed]:[],error:f?.error?[f.error]:[]};return{onMessage:e.on,on(e,n){const r=t[e];return r.push(n),()=>{const e=r.indexOf(n);e>-1&&r.splice(e,1)}},emit(e,...n){for(const r of[...t[e]])r(...n)}}})();function w(e){const t=[x.on("error",n=>{t.forEach(e=>e()),e(n)}),x.on("closed",n=>{t.forEach(e=>e()),e(n)})]}let O,k,S=0,C=!1,z=0,N=!1;async function E(){clearTimeout(k);const[e,r]=await(O??(O=new Promise((e,r)=>(async()=>{if(C){if(await d(z),!S)return O=void 0,r({code:1e3,reason:"All Subscriptions Gone"});z++}x.emit("connecting",C);const i=new y("function"==typeof t?await t():t,"graphql-transport-ws");let a,c;function u(){isFinite(o)&&o>0&&(clearTimeout(c),c=setTimeout(()=>{i.readyState===y.OPEN&&(i.send(gue({type:pue.Ping})),x.emit("ping",!1,void 0))},o))}w(e=>{O=void 0,clearTimeout(a),clearTimeout(c),r(e),e instanceof vue&&(i.close(4499,"Terminated"),i.onerror=null,i.onclose=null)}),i.onerror=e=>x.emit("error",e),i.onclose=e=>x.emit("closed",e),i.onopen=async()=>{try{x.emit("opened",i);const e="function"==typeof n?await n():n;if(i.readyState!==y.OPEN)return;i.send(gue(e?{type:pue.ConnectionInit,payload:e}:{type:pue.ConnectionInit},m)),isFinite(l)&&l>0&&(a=setTimeout(()=>{i.close(hue.ConnectionAcknowledgementTimeout,"Connection acknowledgement timeout")},l)),u()}catch(e){x.emit("error",e),i.close(hue.InternalClientError,fue(e instanceof Error?e.message:String(e),"Internal client error"))}};let f=!1;i.onmessage=({data:t})=>{try{const n=function(e,t){return mue("string"==typeof e?JSON.parse(e,t):e)}(t,g);if(x.emit("message",n),"ping"===n.type||"pong"===n.type)return x.emit(n.type,!0,n.payload),void("pong"===n.type?u():s||(i.send(gue(n.payload?{type:pue.Pong,payload:n.payload}:{type:pue.Pong})),x.emit("pong",!1,n.payload)));if(f)return;if(n.type!==pue.ConnectionAck)throw new Error(`First message cannot be of type ${n.type}`);clearTimeout(a),f=!0,x.emit("connected",i,n.payload,C),C=!1,z=0,e([i,new Promise((e,t)=>w(t))])}catch(n){i.onmessage=null,x.emit("error",n),i.close(hue.BadResponse,fue(n instanceof Error?n.message:String(n),"Bad response"))}}})())));e.readyState===y.CLOSING&&await r;let i=()=>{};const c=new Promise(e=>i=e);return[e,i,Promise.race([c.then(()=>{if(!S){const t=()=>e.close(1e3,"Normal Closure");isFinite(a)&&a>0?k=setTimeout(()=>{e.readyState===y.OPEN&&t()},a):t()}}),r])]}function T(e){if(bue(e)&&(function(e){return![1e3,1001,1006,1005,1012,1013,1014].includes(e)&&e>=1e3&&e<=1999}(e.code)||[hue.InternalServerError,hue.InternalClientError,hue.BadRequest,hue.BadResponse,hue.Unauthorized,hue.SubprotocolNotAcceptable,hue.SubscriberAlreadyExists,hue.TooManyInitialisationRequests].includes(e.code)))throw e;if(N)return!1;if(bue(e)&&1e3===e.code)return S>0;if(!c||z>=c)throw e;if(!u(e))throw e;return C=!0}function A(e,t){const n=p(e);let r=!1,i=!1,a=()=>{S--,r=!0};return(async()=>{for(S++;;)try{const[o,s,l]=await E();if(r)return s();const c=x.onMessage(n,e=>{switch(e.type){case pue.Next:return void t.next(e.payload);case pue.Error:return i=!0,r=!0,t.error(e.payload),void a();case pue.Complete:return r=!0,void a()}});return o.send(gue({id:n,type:pue.Subscribe,payload:e},m)),a=()=>{r||o.readyState!==y.OPEN||o.send(gue({id:n,type:pue.Complete},m)),S--,r=!0,s()},void(await l.finally(c))}catch(o){if(!T(o))return}})().then(()=>{i||t.complete()}).catch(e=>{t.error(e)}),()=>{r||a()}}return r||(async()=>{for(S++;;)try{const[,,e]=await E();await e}catch(e){try{if(!T(e))return}catch(t){return i?.(t)}}})(),{on:x.on,subscribe:A,iterate(e){const t=[],n={done:!1,error:null,resolve:()=>{}},r=A(e,{next(e){t.push(e),n.resolve()},error(e){n.done=!0,n.error=e,n.resolve()},complete(){n.done=!0,n.resolve()}}),i=async function*(){for(;;){for(t.length||await new Promise(e=>n.resolve=e);t.length;)yield t.shift();if(n.error)throw n.error;if(n.done)return}}();return i.throw=async e=>(n.done||(n.done=!0,n.error=e,n.resolve()),{done:!0,value:void 0}),i.return=async()=>(r(),{done:!0,value:void 0}),i},async dispose(){if(N=!0,O){const[e]=await O;e.close(1e3,"Normal Closure")}},terminate(){O&&x.emit("closed",new vue)}}}({url:e.subscriptionServer,shouldRetry:()=>!0,retryAttempts:1/0,connectionParams:{authToken:t,instanceId:r,userToken:o},onNonLazyError:e=>{if(e instanceof Error){const{message:t}=e;"Space Not Allowed"!==t&&"Invalid Token"!==t&&"Missing auth token"!==t&&"Missing instanceId"!==t&&"Access Not Authorized"!==t&&"Token Invalid"!==t||c.dispose()}}}),d=new rue(c),u=Gh.split(({query:e})=>{const t=wf(e);return"OperationDefinition"===t.kind&&t.operation===Ls},Gh.from([og(),d]),l),f=new Xm({link:u,cache:i});return f.subscriptionClient=c,f},[o]),w=k(()=>x(m,i,a,d),[x,m,i,a,d]),O=k(()=>{const e={};return t?(n.forEach(t,t=>{if(!f(t))return;const{renderType:n,component:r,settings:i,definition:a,...o}=t.props;if(!n||!r)return;const s=r;s.type=n,s.pluginSettings=i,s.extraProps=o,a&&(s.content=a),e[n]=s}),e):e},[t]);y(()=>{if(w)return()=>{const e=w.subscriptionClient;e&&e.dispose()}},[w]);const S=k(()=>w&&/* @__PURE__ */P(oue,{client:w,children:/* @__PURE__ */P(t7,{localCustomComponents:O,localComponents:V,children:/* @__PURE__ */P(_0,{children:/* @__PURE__ */P(FTe,{...ce(e,["children","server"]),debugMode:h,server:m,instanceId:d,webId:c})})})}),[w,h,d,O,e,m,c]),C=k(()=>({styleSelector:"base"}),[]);/* @__PURE__ */
+return P(n7,{value:x,children:w})},BTe=e=>{const t=new Headers;return e.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(e=>{const n=e.split(":"),r=n.shift()?.trim();if(r){const e=n.join(":").trim();t.append(r,e)}}),t},qTe=(e,t)=>t?.customFetch?((e,t)=>new Promise((n,r)=>{const i=new XMLHttpRequest;i.onload=()=>{const e={url:"",status:i.status,statusText:i.statusText,headers:BTe(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL")??"";const t=i.response??i.responseText;n(new Response(t,e))},i.onerror=e=>{r(/* @__PURE__ */new TypeError("Network request failed")),t?.onError&&t.onError(e)},i.ontimeout=()=>{r(/* @__PURE__ */new TypeError("Network request failed"))},i.open(t?.method??"GET",e,!0),t?.headers&&Object.keys(t.headers).forEach(e=>{const n=t.headers;n[e]&&i.setRequestHeader(e,n[e])}),t?.onProgress&&(i.upload.onprogress=t.onProgress),t?.onAbortPossible&&t.onAbortPossible(()=>{i.abort()}),t?.body&&i.send(t.body)}))(e,t):fetch(e,t),ZTe={name:"@plitzi/plitzi-builder",version:"0.32.18",homepage:"./",license:"AGPL-3.0",files:["dist"],repository:{type:"https",url:"https://github.com/plitzi/plitzi-workspace.git"},type:"module",main:"dist/plitzi-builder.js",module:"dist/plitzi-builder.js",types:"dist/index.d.ts",exports:{".":{types:"./dist/index.d.ts",import:"./dist/plitzi-builder.js",default:"./dist/plitzi-builder.js"},"./plitzi-builder.css":"./dist/plitzi-builder.css","./plitzi-builder-vendor.js":"./dist/plitzi-builder-vendor.js","./plitzi-builder-dev-vendor.js":"./dist/plitzi-builder-dev-vendor.js","./plitzi-builder-dev-vendor.js.map":"./dist/plitzi-builder-dev-vendor.js.map"},dependencies:{"@apollo/client":"^4.2.9","@fortawesome/fontawesome-free":"^7.3.1","@plitzi/nexus":"^1.0.0","@plitzi/plitzi-sdk":"workspace:*","@plitzi/plitzi-ui":"^1.6.18","@plitzi/sdk-auth":"workspace:*","@plitzi/sdk-collections":"workspace:*","@plitzi/sdk-dev-tools":"workspace:*","@plitzi/sdk-elements":"workspace:*","@plitzi/sdk-event-bridge":"workspace:*","@plitzi/sdk-interactions":"workspace:*","@plitzi/sdk-navigation":"workspace:*","@plitzi/sdk-plugins":"workspace:*","@plitzi/sdk-schema":"workspace:*","@plitzi/sdk-shared":"workspace:*","@plitzi/sdk-style":"workspace:*","@plitzi/sdk-variables":"workspace:*","@tanstack/react-virtual":"^3.14.9","@xyflow/react":"^12.11.2","apollo-upload-client":"^20.0.0",clsx:"^2.1.1",graphql:"^17.0.2","graphql-ws":"^6.2.0",immer:"^11.1.15",jszip:"^3.10.1","react-hook-form":"^7.83.0","react-router-dom":"^7.18.2",swr:"^2.4.2",uuid:"^14.0.1",zod:"^4.4.3"},peerDependencies:{react:"^19","react-dom":"^19"},devDependencies:{"@babel/compat-data":"^8.0.0","@babel/core":"^8.0.1","@babel/helper-builder-react-jsx-experimental":"^7.12.11","@babel/helper-validator-identifier":"^8.0.4","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-transform-private-methods":"^8.0.1","@babel/plugin-transform-runtime":"^8.0.1","@babel/polyfill":"^7.12.1","@babel/preset-env":"^8.0.2","@babel/preset-react":"^8.0.1","@tailwindcss/postcss":"^4.3.3","css-loader":"^7.1.4",cypress:"15.19.0",eslint:"^9.39.5","eslint-plugin-import":"^2.32.0","flow-bin":"^0.325.0",postcss:"^8.5.25","postcss-loader":"^8.2.1","postcss-scss":"^4.0.9",prettier:"^3.9.6","prop-types":"^15.8.1",react:"^19.2.8","react-dom":"^19.2.8","react-refresh":"^0.18.0","react-test-renderer":"^19.2.8",sass:"^1.102.0","sass-embedded":"^1.100.0","sass-loader":"^17.0.0",stylelint:"^17.14.1","stylelint-order":"^8.1.1","stylelint-scss":"^7.2.0",terser:"^5.49.0",typescript:"^6.0.3",vite:"^8.2.0","vite-plugin-dts":"^5.0.3","vite-plugin-ejs":"^2.0.0","vite-plugin-mkcert":"^2.1.0","vite-plugin-react":"^4.0.1",vitest:"^4.1.10"},scripts:{start:"vite dev --mode development",test:"vitest run","test:coverage":"",lint:"TIMING=1 eslint ./src","lint-style":'stylelint "**/*.scss" --custom-syntax postcss-scss',"lint-style:fix":'stylelint "**/*.scss" --custom-syntax postcss-scss --fix',typecheck:"tsc -p tsconfig.app.json --noEmit","build:dev":"tsc -p tsconfig.app.json --noEmit && vite build --mode development","build:dev-watch":"tsc -p tsconfig.app.json --noEmit && vite build --mode development --watch","build:dev-gzip":"tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build --mode development","build:dev-analyze":"tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build --mode development","build:prod":"tsc -p tsconfig.app.json --noEmit && vite build","build:prod-watch":"tsc -p tsconfig.app.json --noEmit && vite build --watch","build:prod-gzip":"tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build","build:prod-analyze":"tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build","build-vendor:dev":"vite build --config vite.vendor.config.ts --mode development","build-vendor:prod":"vite build --config vite.vendor.config.ts"},eslintConfig:{extends:"react-app"},browserslist:{production:[">0.2%","not dead","not op_mini all"],development:["last 1 chrome version","last 1 firefox version","last 1 safari version"]}},UTe={Button:hb,FileUpload:wF,ContentEditable:bF,Card:gb,Form:iZ,Input:zq,Switch:qq,Checkbox:Ab,Select:Tq,Select2:Iq,Heading:wZ,Flex:Zv,ContainerResizable:Hj,ContainerCollapsable:Qj,Icon:Wv,IconGroup:kZ,Popup:n$,Sidebar:ZJ,Tree:n0,Accordion:Gv,QueryBuilder:q$,Alert:ob,Modal:MJ,Text:e0,Label:Nb,TextArea:Wq,ContainerFrame:nF,KVInput:TZ,Markdown:MZ,MenuList:vJ,ContainerDraggable:Gj,Breadcrumb:db,CodeMirror:KV,ErrorMessage:Cb,ColorPicker:lQ,MetricInput:CJ,ContainerTabs:mF,ContainerFloating:tQ,Badge:lb},WTe=e=>{const{children:t,server:r,webKey:i="",includeSubscriptions:a=!0,userKey:o="",className:s="min-h-screen",debugMode:l=!1}=e,c=k(()=>function(e){if(!e)return 0;let t={};try{let n=e.split(".")[1],r=typeof window<"u"?window.atob(n):Buffer.from(n,"base64").toString();t=JSON.parse(r)}catch{return 0}return ne(t,"data.spaceId",0)}(i),[i]),[d,u]=i1(`web_${c}_state.instanceId`,"","sessionStorage"),[h,p]=i1("builder-state.debugMode",!1,"localStorage",l),m=k(()=>(e=>{const t={apiServer:"https://api.plitzi.com",ssrServer:"https://ssr.plitzi.com",basePath:"",host:"https://plitzi.com",serverUrl:"https://server.plitzi.com",websocketServer:"wss://server.plitzi.com",subscriptionServer:"wss://server.plitzi.com/subscriptions",location:void 0,...e};return"/"===t.basePath?t.basePath="":t.basePath&&(t.basePath=t.basePath.replaceAll("//","/")),t})(r),[r]),v=g(e=>{e.shiftKey&&"F12"===e.key&&p(e=>!e)},[p]);y(()=>{l&&window.addEventListener("keydown",v)},[v,l]),y(()=>{},[]);let b=!1;try{H4(),b=!0}catch{b=!1}y(()=>{const e=K$();u(e)},[c,u]);const x=g((e,t,n,r)=>{if(!e)return;const i=new gm,a=new cue({uri:e.serverUrl,fetch:qTe}),s=new nue(e=>{const n={...e.headers??{},"plitzi-instance-id":r,"plitzi-access-token":o,"sdk-version":ZTe.version,"Apollo-Require-Preflight":"true"};return t&&(n.authorization=`Bearer ${t}`),{headers:n}}),l=Gh.from([og(),s,a]);if(!n||!e.subscriptionServer)return new Xm({link:l,cache:i});const c=function(e){const{url:t,connectionParams:n,lazy:r=!0,onNonLazyError:i=console.error,lazyCloseTimeout:a=0,keepAlive:o=0,disablePong:s,connectionAckWaitTimeout:l=0,retryAttempts:c=5,retryWait:d=async function(e){const t=Math.pow(2,e);await new Promise(e=>setTimeout(e,1e3*t+Math.floor(2700*Math.random()+300)))},shouldRetry:u=bue,on:f,webSocketImpl:h,generateID:p=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})},jsonMessageReplacer:m,jsonMessageReviver:g}=e;let v;if(h){if(!("function"==typeof(b=h)&&"constructor"in b&&"CLOSED"in b&&"CLOSING"in b&&"CONNECTING"in b&&"OPEN"in b))throw new Error("Invalid WebSocket implementation provided");v=h}else"undefined"!=typeof WebSocket?v=WebSocket:"undefined"!=typeof global?v=global.WebSocket||global.MozWebSocket:"undefined"!=typeof window&&(v=window.WebSocket||window.MozWebSocket);var b;if(!v)throw new Error("WebSocket implementation missing; on Node you can `import WebSocket from 'ws';` and pass `webSocketImpl: WebSocket` to `createClient`");const y=v,x=(()=>{const e=/* @__PURE__ */(()=>{const e={};return{on:(t,n)=>(e[t]=n,()=>{delete e[t]}),emit(t){"id"in t&&e[t.id]?.(t)}}})(),t={connecting:f?.connecting?[f.connecting]:[],opened:f?.opened?[f.opened]:[],connected:f?.connected?[f.connected]:[],ping:f?.ping?[f.ping]:[],pong:f?.pong?[f.pong]:[],message:f?.message?[e.emit,f.message]:[e.emit],closed:f?.closed?[f.closed]:[],error:f?.error?[f.error]:[]};return{onMessage:e.on,on(e,n){const r=t[e];return r.push(n),()=>{const e=r.indexOf(n);e>-1&&r.splice(e,1)}},emit(e,...n){for(const r of[...t[e]])r(...n)}}})();function w(e){const t=[x.on("error",n=>{t.forEach(e=>e()),e(n)}),x.on("closed",n=>{t.forEach(e=>e()),e(n)})]}let O,k,S=0,C=!1,z=0,N=!1;async function E(){clearTimeout(k);const[e,r]=await(O??(O=new Promise((e,r)=>(async()=>{if(C){if(await d(z),!S)return O=void 0,r({code:1e3,reason:"All Subscriptions Gone"});z++}x.emit("connecting",C);const i=new y("function"==typeof t?await t():t,"graphql-transport-ws");let a,c;function u(){isFinite(o)&&o>0&&(clearTimeout(c),c=setTimeout(()=>{i.readyState===y.OPEN&&(i.send(gue({type:pue.Ping})),x.emit("ping",!1,void 0))},o))}w(e=>{O=void 0,clearTimeout(a),clearTimeout(c),r(e),e instanceof vue&&(i.close(4499,"Terminated"),i.onerror=null,i.onclose=null)}),i.onerror=e=>x.emit("error",e),i.onclose=e=>x.emit("closed",e),i.onopen=async()=>{try{x.emit("opened",i);const e="function"==typeof n?await n():n;if(i.readyState!==y.OPEN)return;i.send(gue(e?{type:pue.ConnectionInit,payload:e}:{type:pue.ConnectionInit},m)),isFinite(l)&&l>0&&(a=setTimeout(()=>{i.close(hue.ConnectionAcknowledgementTimeout,"Connection acknowledgement timeout")},l)),u()}catch(e){x.emit("error",e),i.close(hue.InternalClientError,fue(e instanceof Error?e.message:String(e),"Internal client error"))}};let f=!1;i.onmessage=({data:t})=>{try{const n=function(e,t){return mue("string"==typeof e?JSON.parse(e,t):e)}(t,g);if(x.emit("message",n),"ping"===n.type||"pong"===n.type)return x.emit(n.type,!0,n.payload),void("pong"===n.type?u():s||(i.send(gue(n.payload?{type:pue.Pong,payload:n.payload}:{type:pue.Pong})),x.emit("pong",!1,n.payload)));if(f)return;if(n.type!==pue.ConnectionAck)throw new Error(`First message cannot be of type ${n.type}`);clearTimeout(a),f=!0,x.emit("connected",i,n.payload,C),C=!1,z=0,e([i,new Promise((e,t)=>w(t))])}catch(n){i.onmessage=null,x.emit("error",n),i.close(hue.BadResponse,fue(n instanceof Error?n.message:String(n),"Bad response"))}}})())));e.readyState===y.CLOSING&&await r;let i=()=>{};const c=new Promise(e=>i=e);return[e,i,Promise.race([c.then(()=>{if(!S){const t=()=>e.close(1e3,"Normal Closure");isFinite(a)&&a>0?k=setTimeout(()=>{e.readyState===y.OPEN&&t()},a):t()}}),r])]}function T(e){if(bue(e)&&(function(e){return![1e3,1001,1006,1005,1012,1013,1014].includes(e)&&e>=1e3&&e<=1999}(e.code)||[hue.InternalServerError,hue.InternalClientError,hue.BadRequest,hue.BadResponse,hue.Unauthorized,hue.SubprotocolNotAcceptable,hue.SubscriberAlreadyExists,hue.TooManyInitialisationRequests].includes(e.code)))throw e;if(N)return!1;if(bue(e)&&1e3===e.code)return S>0;if(!c||z>=c)throw e;if(!u(e))throw e;return C=!0}function A(e,t){const n=p(e);let r=!1,i=!1,a=()=>{S--,r=!0};return(async()=>{for(S++;;)try{const[o,s,l]=await E();if(r)return s();const c=x.onMessage(n,e=>{switch(e.type){case pue.Next:return void t.next(e.payload);case pue.Error:return i=!0,r=!0,t.error(e.payload),void a();case pue.Complete:return r=!0,void a()}});return o.send(gue({id:n,type:pue.Subscribe,payload:e},m)),a=()=>{r||o.readyState!==y.OPEN||o.send(gue({id:n,type:pue.Complete},m)),S--,r=!0,s()},void(await l.finally(c))}catch(o){if(!T(o))return}})().then(()=>{i||t.complete()}).catch(e=>{t.error(e)}),()=>{r||a()}}return r||(async()=>{for(S++;;)try{const[,,e]=await E();await e}catch(e){try{if(!T(e))return}catch(t){return i?.(t)}}})(),{on:x.on,subscribe:A,iterate(e){const t=[],n={done:!1,error:null,resolve:()=>{}},r=A(e,{next(e){t.push(e),n.resolve()},error(e){n.done=!0,n.error=e,n.resolve()},complete(){n.done=!0,n.resolve()}}),i=async function*(){for(;;){for(t.length||await new Promise(e=>n.resolve=e);t.length;)yield t.shift();if(n.error)throw n.error;if(n.done)return}}();return i.throw=async e=>(n.done||(n.done=!0,n.error=e,n.resolve()),{done:!0,value:void 0}),i.return=async()=>(r(),{done:!0,value:void 0}),i},async dispose(){if(N=!0,O){const[e]=await O;e.close(1e3,"Normal Closure")}},terminate(){O&&x.emit("closed",new vue)}}}({url:e.subscriptionServer,shouldRetry:()=>!0,retryAttempts:1/0,connectionParams:{authToken:t,instanceId:r,userToken:o},onNonLazyError:e=>{if(e instanceof Error){const{message:t}=e;"Space Not Allowed"!==t&&"Invalid Token"!==t&&"Missing auth token"!==t&&"Missing instanceId"!==t&&"Access Not Authorized"!==t&&"Token Invalid"!==t||c.dispose()}}}),d=new rue(c),u=Gh.split(({query:e})=>{const t=wf(e);return"OperationDefinition"===t.kind&&t.operation===Ls},Gh.from([og(),d]),l),f=new Xm({link:u,cache:i});return f.subscriptionClient=c,f},[o]),w=k(()=>x(m,i,a,d),[x,m,i,a,d]),O=k(()=>{const e={};return t?(n.forEach(t,t=>{if(!f(t))return;const{renderType:n,component:r,settings:i,definition:a,...o}=t.props;if(!n||!r)return;const s=r;s.type=n,s.pluginSettings=i,s.extraProps=o,a&&(s.content=a),e[n]=s}),e):e},[t]);y(()=>{if(w)return()=>{const e=w.subscriptionClient;e&&e.dispose()}},[w]);const S=k(()=>w&&/* @__PURE__ */P(oue,{client:w,children:/* @__PURE__ */P(t7,{localCustomComponents:O,localComponents:V,children:/* @__PURE__ */P(_0,{children:/* @__PURE__ */P(FTe,{...ce(e,["children","server"]),debugMode:h,server:m,instanceId:d,webId:c})})})}),[w,h,d,O,e,m,c]),C=k(()=>({styleSelector:"base"}),[]);/* @__PURE__ */
 return P(ji,{value:C,middlewares:[B5(to("builder")),Z5(c),...h?[()=>({onChange:e=>w3.recordStoreChange(e)}),Xi({shouldRecord:e=>!e?.startsWith("runtime.elements")})]:[]],children:/* @__PURE__ */P(Q5,{storageKey:"builder-state.theme",children:/* @__PURE__ */P(s$,{components:UTe,children:/* @__PURE__ */M(aF,{className:ge("plitzi-builder flex items-stretch",s),children:[!b&&/* @__PURE__ */P(P6,{basename:m.basePath??"",children:S}),b&&S]})})})})};function XTe(e,t={},n={},r=!1){const i=()=>(r||bs(),/* @__PURE__ */P(WTe,{...t,debugMode:r,children:Object.keys(n).map(e=>/* @__PURE__ */P(tue.Plugin,{renderType:e,settings:n[e].pluginSettings,definition:n[e].content,component:n[e]},e))}));"undefined"!=typeof document&&E.createRoot(document.getElementById(e)).render(/* @__PURE__ */P(i,{}))}var HTe=e=>{const{debugMode:t=!1,children:n}=e;return y(()=>{t||bs()},[t]),/* @__PURE__ */P(WTe,{...e,children:n})};HTe.Plugin=tue.Plugin;var{version:YTe}=ZTe;export{co as ComponentContext,t7 as ComponentProvider,S3 as JsxManager,ao as PlitziServiceProvider,I3 as PluginManager,bo as PluginRemote,I9 as ReplicaProvider,oo as RootElement,HTe as default,XTe as render,G as useElement,io as usePlitziServiceContext,J as useRscData,YTe as version,O3 as withElement};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.32.17",
+  "version": "0.32.18",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -29,20 +29,20 @@
     "@apollo/client": "^4.2.9",
     "@fortawesome/fontawesome-free": "^7.3.1",
     "@plitzi/nexus": "^1.0.0",
-    "@plitzi/plitzi-sdk": "0.32.17",
+    "@plitzi/plitzi-sdk": "0.32.18",
     "@plitzi/plitzi-ui": "^1.6.18",
-    "@plitzi/sdk-auth": "0.32.17",
-    "@plitzi/sdk-collections": "0.32.17",
-    "@plitzi/sdk-dev-tools": "0.32.17",
-    "@plitzi/sdk-elements": "0.32.17",
-    "@plitzi/sdk-event-bridge": "0.32.17",
-    "@plitzi/sdk-interactions": "0.32.17",
-    "@plitzi/sdk-navigation": "0.32.17",
-    "@plitzi/sdk-plugins": "0.32.17",
-    "@plitzi/sdk-schema": "0.32.17",
-    "@plitzi/sdk-shared": "0.32.17",
-    "@plitzi/sdk-style": "0.32.17",
-    "@plitzi/sdk-variables": "0.32.17",
+    "@plitzi/sdk-auth": "0.32.18",
+    "@plitzi/sdk-collections": "0.32.18",
+    "@plitzi/sdk-dev-tools": "0.32.18",
+    "@plitzi/sdk-elements": "0.32.18",
+    "@plitzi/sdk-event-bridge": "0.32.18",
+    "@plitzi/sdk-interactions": "0.32.18",
+    "@plitzi/sdk-navigation": "0.32.18",
+    "@plitzi/sdk-plugins": "0.32.18",
+    "@plitzi/sdk-schema": "0.32.18",
+    "@plitzi/sdk-shared": "0.32.18",
+    "@plitzi/sdk-style": "0.32.18",
+    "@plitzi/sdk-variables": "0.32.18",
     "@tanstack/react-virtual": "^3.14.9",
     "@xyflow/react": "^12.11.2",
     "apollo-upload-client": "^20.0.0",