@fastybird/smart-panel-admin 0.4.0-alpha.0 → 0.5.0-alpha.0

package/dist/assets/layout-profile-BWxuYUGu.js

@@ -1 +0,0 @@
-import"./icon-with-child-DmQ_XhQy.js";import"./common-cN85xDKw.js";import{t as e}from"./layout-profile-Ds29vrBb.js";export{e as default};

package/dist/assets/layout-sign-DXHWLWm8.js

@@ -1 +0,0 @@
-import"./icon-with-child-DmQ_XhQy.js";import"./common-cN85xDKw.js";import{t as e}from"./layout-sign-D-kN8DK1.js";export{e as default};

package/dist/assets/page-configure-B9xgkt0n.js

@@ -1 +0,0 @@
-import"./chunk-DECur_0Z.js";import{Ai as e,Ar as t,Br as n,Cr as r,Hr as i,Kr as a,Lr as o,Mr as s,Nr as ee,O as c,Oi as l,Qr as u,Sr as d,Tr as te,Xr as f,_i as p,_r as m,br as h,d as ne,f as g,gr as _,h as v,hr as y,ji as b,lr as x,mr as S,p as C,pt as re,tr as w,ui as T,vr as E,xr as D}from"./icon-with-child-DmQ_XhQy.js";import{Gr as O,Si as k,T as ie,ba as ae,hi as oe,mi as se,vi as A,xi as ce,yi as le}from"./common-cN85xDKw.js";import{t as ue}from"./empty-C13Ke09q.js";import{p as de}from"./components-CXgzOYZ_.js";import{a as j,d as M,r as fe}from"./keys-BrCp8xLt.js";import{f as pe,n as me}from"./types-PhBYs4jt.js";import{i as N,t as he}from"./useDataSources-Xo2JI-j1.js";import{t as ge}from"./gridstack.min-Df4k2Mbm.js";var P={class:`tile-preview b-1 b-solid rounded-2 grow-1 relative overflow-hidden`},F={key:1,class:`flex flex-col items-center justify-center h-full w-full p-2`},_e={class:`tile-preview__overlay`},ve=g(d({name:`CardTilePreview`,__name:`tile-preview`,props:{tile:{}},emits:[`detail`,`edit`,`remove`],setup(e,{emit:t}){let r=e,i=t,{getElement:o}=N(),s=S(()=>o(r.tile.type)?.components?.tilePreview);return(e,t)=>(n(),E(`div`,P,[s.value?(n(),_(a(s.value),{key:0,tile:r.tile},null,8,[`tile`])):(n(),E(`div`,F,[D(p(c),{size:20,color:`var(--el-text-color-secondary)`},{default:u(()=>[D(p(C),{icon:`mdi:puzzle-outline`})]),_:1}),D(p(O),{type:`info`,size:`small`,class:`mt-1 truncate max-w-full text-center`},{default:u(()=>[h(b(r.tile.type),1)]),_:1})])),y(`div`,_e,[D(p(v),{size:`small`,circle:``,onClick:t[0]||=e=>i(`detail`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:file-search-outline`})]),_:1}),D(p(v),{size:`small`,type:`primary`,circle:``,class:`ml-1!`,onClick:t[1]||=e=>i(`edit`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:pencil`})]),_:1}),D(p(v),{size:`small`,type:`danger`,circle:``,class:`ml-1!`,onClick:t[2]||=e=>i(`remove`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:trash-can-outline`})]),_:1})])]))}}),[[`__scopeId`,`data-v-ef47b603`]]),ye={class:`h-full box-border overflow-hidden p-2`},be={class:`flex items-center gap-1 min-w-0 max-w-48`},xe={class:`flex items-center gap-1 flex-1 min-w-0 flex-wrap justify-end`},Se=[`onClick`],Ce={class:`truncate`},we={class:`flex flex-col gap-1`},Te=[`onClick`],Ee={class:`flex items-center flex-shrink-0 gap-0.5`},De={class:`flex-1 overflow-auto min-h-0`},Oe={key:0,class:`p-4 text-center`},ke={class:`flex items-center gap-1 min-w-0`},Ae={class:`flex items-center gap-1`},je={class:`p-2`},Me={class:`flex flex-col gap-2`},Ne={class:`flex items-center justify-between w-full`},Pe={key:1,class:`flex flex-col`},Fe={class:`flex flex-col gap-1`},Ie=[`onClick`],Le={class:`flex items-center gap-1 min-w-0`},Re=3,ze=d({name:`CardsPageConfigure`,__name:`page-configure`,props:{page:{},cards:{},gridLayout:{},gridCardStyle:{},displays:{},selectedDisplay:{},remotePageSubmit:{type:Boolean},remotePageResult:{default:M.NONE},remotePageChanged:{type:Boolean,default:!1}},emits:[`selectDisplay`,`addPageDataSource`,`editPageDataSource`,`addCard`,`editCard`,`removeCard`,`addTile`,`editTile`,`tileDetail`,`update:remote-page-submit`,`update:remote-page-result`,`update:remote-page-changed`],setup(a,{emit:d}){let{t:g}=ne(),N=re(`cards-page-configure`),P=a,F=d,{dataSources:_e,fetchDataSources:ze}=he({parent:`page`,parentId:P.page.id}),{remove:Be}=me({parent:`page`,parentId:P.page.id}),{getElement:Ve}=pe(),He=S(()=>_e.value.filter(e=>!e.draft)),Ue=S(()=>He.value.slice(0,Re)),I=S(()=>He.value.slice(Re)),We=e=>{let t=e;return typeof t.icon==`string`&&t.icon?t.icon:null},L=(e,t)=>e?e.includes(`:`)?e:`mdi:${e}`:t,Ge=e=>{let t=Ve(e.type);return t?.name?.trim()?t.name:e.type},Ke=e=>{Be(e)},qe=r()?.appContext??null,R=S(()=>[...P.cards].sort((e,t)=>e.order-t.order)),z=new Map,B=new Map,V=new Map,H=new Set,Je=T(!1),U=T(!1),W=T(!1),G,Ye,K=ie().getStore(fe),{firstLoad:Xe,semaphore:Ze}=ae(K),q=new Map,J=new Map,Y=e=>{if(q.has(e))return;let t=S(()=>K.findForParent(`card`,e)),n=S(()=>Ze.value.fetching.items.includes(e));q.set(e,{tiles:t,areLoading:n,fetchTiles:async()=>{await K.fetch({parent:{type:`card`,id:e}})}}),J.set(e,{findById:(e,t)=>K.findById(e,t),edit:e=>K.edit(e),save:e=>K.save(e),removeDirectly:e=>K.remove(e)})},X=e=>(Y(e),q.get(e)?.tiles.value??[]),Qe=(e,t)=>{t?B.set(e,t):B.delete(e)},$e=(e,t)=>{H.add(e);let n=z.get(t);if(!n)return;let r=n.getGridItems().find(t=>t.gridstackNode?.id===e);r&&n.removeWidget(r)},et=e=>{for(let t of e.getGridItems()){let e=t.querySelector(`.grid-stack-item-content`);e&&w(null,e)}},Z=()=>{for(let[,e]of z)et(e),e.removeAll(!0),e.destroy(!1);z.clear(),V.clear()},tt=e=>{let t=z.get(e);t&&(et(t),t.removeAll(!0),t.destroy(!1),z.delete(e),V.delete(e))},nt=(e,t,n)=>{let r=te(ve,{tile:t,onDetail:e=>{F(`tileDetail`,e)},onEdit:e=>{F(`editTile`,e,n)},onRemove:e=>{$e(e,n)}});qe&&(r.appContext=qe),w(r,e)},Q=()=>{!Je.value||U.value||(clearTimeout(G),G=setTimeout(()=>{W.value=!0},50))},rt=e=>{let t=B.get(e.id);if(!t||!P.gridLayout)return;let n=e.cols??P.gridLayout.cols,r=e.rows??P.gridLayout.rows,i=ge.init({column:n,row:r,cellHeight:`auto`,margin:4,float:!0,acceptWidgets:!0},t);z.set(e.id,i),V.has(e.id)||V.set(e.id,new Set);let a=V.get(e.id);i.on(`dragstop`,(t,n)=>{let r=n.gridstackNode,i=r?.id;if(!i)return;let a=X(e.id).find(e=>e.id===i);a&&(a.row-1!==r?.y||a.col-1!==r?.x)&&Q()}),i.on(`resizestop`,(t,n)=>{let r=n.gridstackNode,i=r?.id;if(!i)return;let a=X(e.id).find(e=>e.id===i);a&&(a.rowSpan!==r?.h||a.colSpan!==r?.w)&&Q()}),i.on(`added`,function(t,n){Q();for(let t of n){let n=t.el;if(!n)continue;let r=n.querySelector(`.grid-stack-item-content`);if(!r)continue;let i=t.id,o;for(let[,e]of q)if(o=e.tiles.value.find(e=>e.id===i),o)break;o&&(nt(r,o,e.id),a.add(o.id))}}),i.on(`removed`,function(e,t){for(let e of t){let t=e.el?.querySelector(`.grid-stack-item-content`);t&&w(null,t),e.id&&(a.delete(e.id),Q())}});let o=t.clientWidth/i.getColumn();i.cellHeight(o);let s=X(e.id);for(let e of s)H.has(e.id)||a.has(e.id)||i.addWidget({id:e.id,x:e.col-1,y:e.row-1,w:e.colSpan,h:e.rowSpan})},$=()=>{if(P.gridLayout===null){U.value=!0,Z(),U.value=!1;return}U.value=!0,Z();for(let e of R.value)rt(e);U.value=!1},it=()=>{for(let e of R.value){let t=X(e.id),n=z.get(e.id);if(!n&&(U.value=!0,rt(e),U.value=!1,n=z.get(e.id),!n)||t.length===0)continue;let r=V.get(e.id);if(r)for(let e of t)H.has(e.id)||r.has(e.id)||(e.draft||(U.value=!0),n.addWidget({id:e.id,x:e.col-1,y:e.row-1,w:e.colSpan,h:e.rowSpan}),e.draft||(U.value=!1))}};s(()=>{for(let e of P.cards){Y(e.id);let t=q.get(e.id);t.areLoading.value||t.fetchTiles().catch(e=>{throw new j(`Something went wrong`,e)})}ze().catch(e=>{throw new j(`Something went wrong`,e)})});let at=()=>{for(let[,e]of z){let t=e.el;if(t){let n=t.clientWidth/e.getColumn();e.cellHeight(n)}}},ot=()=>{t(()=>{at()})};o(()=>{t(()=>{$()}),window.addEventListener(`resize`,ot),Ye=setTimeout(()=>{Je.value=!0},500)}),ee(()=>{window.removeEventListener(`resize`,ot),clearTimeout(G),clearTimeout(Ye),Z()});let st=S(()=>{let e=new Map;for(let t of R.value)e.set(t.id,`${t.rows??``}:${t.cols??``}`);return e}),ct=new Map;return f(()=>R.value,()=>{for(let e of R.value){Y(e.id);let t=q.get(e.id);t&&!t.areLoading.value&&t.tiles.value.length===0&&t.fetchTiles().catch(e=>{throw new j(`Something went wrong`,e)})}for(let[e]of z)R.value.some(t=>t.id===e)||(U.value=!0,tt(e),U.value=!1);it()},{flush:`post`}),f(st,e=>{let n=!1;for(let[t,r]of e){let e=ct.get(t);if(e!==void 0&&e!==r){n=!0;break}}ct=new Map(e),n&&t(()=>{$()})},{flush:`post`}),f(S(()=>{let e=[];for(let t of R.value){Y(t.id);let n=q.get(t.id);if(n){let r=n.tiles.value.map(e=>e.id).sort().join(`,`);e.push(`${t.id}:${r}`)}}return e.sort().join(`|`)}),()=>{it()},{flush:`post`}),f(()=>Xe.value,()=>{it()},{flush:`post`}),f(()=>P.remotePageSubmit,async e=>{if(e){F(`update:remote-page-submit`,!1),F(`update:remote-page-result`,M.WORKING);try{let e=[];for(let[t,n]of z){let r=[];for(let e of n.getGridItems()){let t=e.gridstackNode;t?.id&&r.push({id:t.id,x:t.x??0,y:t.y??0,w:t.w??1,h:t.h??1})}e.push({cardId:t,gridItems:r})}for(let{cardId:t,gridItems:n}of e){let e=J.get(t);if(e)for(let r of n){let n=null;for(let[,e]of J)if(n=e.findById(`card`,r.id),n)break;n&&(n=await e.edit({id:n.id,parent:{type:`card`,id:t},data:{type:n.type,row:r.y+1,col:r.x+1,rowSpan:r.h,colSpan:r.w,hidden:!1}}),n.draft&&await e.save({id:n.id,parent:{type:`card`,id:t}}))}}for(let e of H)for(let[,t]of J){let n=t.findById(`card`,e);if(n){await t.removeDirectly({id:e,parent:{type:`card`,id:n.parent.id}});break}}H.clear(),F(`update:remote-page-result`,M.OK),W.value=!1}catch{F(`update:remote-page-result`,M.ERROR)}}}),f(()=>W.value,e=>{F(`update:remote-page-changed`,e)}),f(()=>P.gridLayout,(e,n)=>{e&&n&&e.rows===n.rows&&e.cols===n.cols||t(()=>{$()})}),f(()=>P.gridCardStyle,()=>{t(()=>{at()})}),(t,r)=>(n(),E(`div`,ye,[D(p(oe),{gutter:10,justify:`center`,class:`h-full`},{default:u(()=>[D(p(se),{span:16,class:`h-full overflow-hidden p-2`},{default:u(()=>[D(p(A),{"body-class":`p-0! flex flex-col overflow-hidden h-full`,class:l([p(N).b(),`mx-auto overflow-hidden h-full`]),style:e(P.gridCardStyle)},{default:u(()=>[y(`div`,{class:l([p(N).e(`header`),`flex items-center px-2 flex-shrink-0 min-h-9 py-1 b-b b-b-solid gap-1.5`])},[y(`div`,be,[D(p(c),{size:14,class:`flex-shrink-0`,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:L(P.page.icon,`mdi:view-dashboard-variant`)},null,8,[`icon`])]),_:1}),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(P.page.title),1)]),_:1})]),y(`div`,xe,[(n(!0),E(x,null,i(Ue.value,e=>(n(),_(p(k),{key:e.id,size:`small`,closable:``,class:l(p(N).e(`data-source-tag`)),onClose:t=>Ke(e.id)},{default:u(()=>[y(`span`,{class:`inline-flex items-center gap-0.5`,onClick:t=>F(`editPageDataSource`,e.id)},[D(p(c),{size:12},{default:u(()=>[D(p(C),{icon:We(e)||`mdi:database`},null,8,[`icon`])]),_:2},1024),y(`span`,Ce,b(Ge(e)),1)],8,Se)]),_:2},1032,[`class`,`onClose`]))),128)),I.value.length>0?(n(),_(p(de),{key:0,width:280,trigger:`click`,placement:`bottom`},{reference:u(()=>[D(p(k),{size:`small`,type:`info`,class:`cursor-pointer flex-shrink-0`},{default:u(()=>[h(` +`+b(I.value.length),1)]),_:1})]),default:u(()=>[y(`div`,we,[(n(!0),E(x,null,i(I.value,e=>(n(),E(`div`,{key:e.id,class:l([p(N).e(`overflow-item`),`flex items-center gap-1 py-1 px-1 rounded`])},[y(`div`,{class:`flex items-center gap-1 min-w-0 flex-1 cursor-pointer`,onClick:t=>F(`editPageDataSource`,e.id)},[D(p(c),{size:14,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:We(e)||`mdi:database`},null,8,[`icon`])]),_:2},1024),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(Ge(e)),1)]),_:2},1024)],8,Te),y(`div`,Ee,[D(p(v),{size:`small`,text:``,circle:``,onClick:t=>F(`editPageDataSource`,e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:pencil`,width:14})]),_:1},8,[`onClick`]),D(p(v),{size:`small`,text:``,type:`danger`,circle:``,onClick:t=>Ke(e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:trash-can-outline`,width:14})]),_:1},8,[`onClick`])])],2))),128))])]),_:1})):m(``,!0)]),D(p(v),{size:`small`,plain:``,class:`flex-shrink-0`,onClick:r[0]||=e=>F(`addPageDataSource`)},{icon:u(()=>[D(p(C),{icon:`mdi:plus`})]),_:1})],2),y(`div`,De,[R.value.length===0?(n(),E(`div`,Oe,[D(p(ue),{description:p(g)(`pagesCardsPlugin.texts.cards.noCards`)},null,8,[`description`])])):m(``,!0),(n(!0),E(x,null,i(R.value,e=>(n(),E(`div`,{key:e.id,class:`b-b b-b-solid`,style:{"border-color":`var(--el-border-color-lighter)`}},[y(`div`,{class:l([p(N).e(`card-header`),`flex items-center justify-between px-2 h-8 min-h-8 b-b b-b-solid`])},[y(`div`,ke,[e.icon?(n(),_(p(c),{key:0,size:14,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:L(e.icon,``)},null,8,[`icon`])]),_:2},1024)):m(``,!0),D(p(O),{size:`small`,class:`truncate font-medium`},{default:u(()=>[h(b(e.title),1)]),_:2},1024),D(p(k),{size:`small`,type:`info`,class:`ml-1`},{default:u(()=>[h(` #`+b(e.order),1)]),_:2},1024)]),y(`div`,Ae,[D(p(v),{size:`small`,plain:``,onClick:t=>F(`addTile`,e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:plus`})]),_:1},8,[`onClick`]),D(p(v),{size:`small`,plain:``,onClick:t=>F(`editCard`,e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:pencil`})]),_:1},8,[`onClick`]),D(p(v),{size:`small`,plain:``,type:`danger`,onClick:t=>F(`removeCard`,e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:trash-can-outline`})]),_:1},8,[`onClick`])])],2),y(`div`,je,[y(`div`,{ref_for:!0,ref:t=>Qe(e.id,t),class:`card-grid-container`},null,512)])]))),128))])]),_:1},8,[`class`,`style`])]),_:1}),D(p(se),{span:8,class:`h-full overflow-auto p-2`},{default:u(()=>[y(`div`,Me,[P.displays.length>0?(n(),_(p(A),{key:0,"body-class":`p-2!`},{header:u(()=>[h(b(p(g)(`pagesCardsPlugin.headings.configure.display`)),1)]),default:u(()=>[P.displays.length>1?(n(),_(p(ce),{key:0,"model-value":P.selectedDisplay?.id,size:`small`,class:`w-full`,onChange:r[1]||=e=>F(`selectDisplay`,e)},{default:u(()=>[(n(!0),E(x,null,i(P.displays,e=>(n(),_(p(le),{key:e.id,value:e.id,label:e.name||e.macAddress},{default:u(()=>[y(`div`,Ne,[y(`span`,null,b(e.name||e.macAddress),1),e.screenWidth&&e.screenHeight?(n(),_(p(O),{key:0,type:`info`,size:`small`},{default:u(()=>[h(b(e.screenWidth)+`x`+b(e.screenHeight),1)]),_:2},1024)):m(``,!0)])]),_:2},1032,[`value`,`label`]))),128))]),_:1},8,[`model-value`])):P.selectedDisplay?(n(),E(`div`,Pe,[D(p(O),{size:`small`},{default:u(()=>[h(b(P.selectedDisplay.name||P.selectedDisplay.macAddress),1)]),_:1}),P.selectedDisplay.screenWidth&&P.selectedDisplay.screenHeight?(n(),_(p(O),{key:0,type:`info`,size:`small`},{default:u(()=>[h(b(P.selectedDisplay.screenWidth)+`x`+b(P.selectedDisplay.screenHeight)+` · `+b(P.gridLayout?.cols??`?`)+`x`+b(P.gridLayout?.rows??`?`),1)]),_:1})):m(``,!0)])):m(``,!0)]),_:1})):m(``,!0),D(p(A),{"body-class":`p-2!`},{header:u(()=>[h(b(p(g)(`pagesCardsPlugin.headings.configure.cards`)),1)]),default:u(()=>[y(`div`,Fe,[(n(!0),E(x,null,i(R.value,e=>(n(),E(`div`,{key:e.id,class:`flex items-center justify-between p-1 rounded hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer`,onClick:t=>F(`editCard`,e.id)},[y(`div`,Le,[e.icon?(n(),_(p(c),{key:0,size:14},{default:u(()=>[D(p(C),{icon:L(e.icon,``)},null,8,[`icon`])]),_:2},1024)):m(``,!0),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(e.title),1)]),_:2},1024)]),D(p(O),{type:`info`,size:`small`},{default:u(()=>[h(b(X(e.id).length)+` `+b(p(g)(`pagesCardsPlugin.texts.cards.tilesCount`)),1)]),_:2},1024)],8,Ie))),128)),D(p(v),{size:`small`,class:`w-full mt-1`,onClick:r[2]||=e=>F(`addCard`)},{icon:u(()=>[D(p(C),{icon:`mdi:plus`})]),default:u(()=>[h(` `+b(p(g)(`pagesCardsPlugin.buttons.addCard.title`)),1)]),_:1})])]),_:1})])]),_:1})]),_:1})]))}});export{ze as t};

package/dist/assets/page-configure-IJzKV_zn.js

@@ -1 +0,0 @@
-import"./chunk-DECur_0Z.js";import{Ai as e,Ar as t,Br as n,Cr as r,Hr as i,Kr as a,Lr as o,Mr as s,Nr as ee,O as c,Oi as l,Qr as u,Sr as d,Tr as te,Xr as f,_i as p,_r as m,br as h,d as ne,f as g,gr as _,h as v,hr as y,ji as b,lr as x,mr as S,p as C,pt as re,tr as w,ui as T,vr as E,xr as D}from"./icon-with-child-DmQ_XhQy.js";import{Gr as O,Si as ie,hi as ae,mi as k,vi as A,xi as oe,yi as se}from"./common-cN85xDKw.js";import{p as ce}from"./components-CXgzOYZ_.js";import{a as le,d as j}from"./keys-BrCp8xLt.js";import{f as ue,n as de}from"./types-PhBYs4jt.js";import{d as fe,u as pe}from"./composables-drOusMF7.js";import{i as me,t as he}from"./useDataSources-Xo2JI-j1.js";import{t as M}from"./gridstack.min-Df4k2Mbm.js";var N={class:`tile-preview b-1 b-solid rounded-2 grow-1 relative overflow-hidden`},P={key:1,class:`flex flex-col items-center justify-center h-full w-full p-2`},F={class:`tile-preview__overlay`},ge=g(d({name:`TilePreview`,__name:`tile-preview`,props:{tile:{}},emits:[`detail`,`edit`,`remove`],setup(e,{emit:t}){let r=e,i=t,{getElement:o}=me(),s=S(()=>o(r.tile.type)?.components?.tilePreview);return(e,t)=>(n(),E(`div`,N,[s.value?(n(),_(a(s.value),{key:0,tile:r.tile},null,8,[`tile`])):(n(),E(`div`,P,[D(p(c),{size:20,color:`var(--el-text-color-secondary)`},{default:u(()=>[D(p(C),{icon:`mdi:puzzle-outline`})]),_:1}),D(p(O),{type:`info`,size:`small`,class:`mt-1 truncate max-w-full text-center`},{default:u(()=>[h(b(r.tile.type),1)]),_:1})])),y(`div`,F,[D(p(v),{size:`small`,circle:``,onClick:t[0]||=e=>i(`detail`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:file-search-outline`})]),_:1}),D(p(v),{size:`small`,type:`primary`,circle:``,class:`ml-1!`,onClick:t[1]||=e=>i(`edit`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:pencil`})]),_:1}),D(p(v),{size:`small`,type:`danger`,circle:``,class:`ml-1!`,onClick:t[2]||=e=>i(`remove`,r.tile.id)},{icon:u(()=>[D(p(C),{icon:`mdi:trash-can-outline`})]),_:1})])]))}}),[[`__scopeId`,`data-v-88d29727`]]),_e={class:`h-full box-border overflow-hidden p-2`},ve={class:`flex items-center gap-1 min-w-0 max-w-48`},ye={class:`flex items-center gap-1 flex-1 min-w-0 flex-wrap justify-end`},be=[`onClick`],xe={class:`truncate`},Se={class:`flex flex-col gap-1`},Ce=[`onClick`],we={class:`flex items-center flex-shrink-0 gap-0.5`},Te={class:`flex items-center gap-1 min-w-0`},Ee={class:`flex flex-col gap-2`},De={class:`flex items-center justify-between w-full`},Oe={key:1,class:`flex flex-col`},ke={class:`flex flex-col gap-2`},Ae=3,je=d({name:`PageConfigure`,__name:`page-configure`,props:{page:{},gridLayout:{},gridCardStyle:{},displays:{},selectedDisplay:{},remotePageSubmit:{type:Boolean},remotePageResult:{default:j.NONE},remotePageChanged:{type:Boolean,default:!1}},emits:[`selectDisplay`,`addPageDataSource`,`editPageDataSource`,`addTileOfType`,`editTile`,`tileDetail`,`update:remote-page-submit`,`update:remote-page-result`,`update:remote-page-changed`],setup(a,{emit:d}){let{t:g}=ne(),N=re(`page-configure`),P=a,F=d,{options:je}=me(),Me=S(()=>je.value.filter(e=>!e.disabled)),{tiles:I,fetchTiles:Ne,areLoading:Pe}=fe({parent:`page`,parentId:P.page.id}),{findById:L,edit:Fe,save:Ie,removeDirectly:Le}=pe({parent:`page`,parentId:P.page.id}),{dataSources:Re,fetchDataSources:ze}=he({parent:`page`,parentId:P.page.id}),{remove:Be}=de({parent:`page`,parentId:P.page.id}),{getElement:Ve}=ue(),R=S(()=>Re.value.filter(e=>!e.draft)),He=S(()=>R.value.slice(0,Ae)),z=S(()=>R.value.slice(Ae)),Ue=e=>{let t=e;return typeof t.icon==`string`&&t.icon?t.icon:null},We=(e,t)=>e?e.includes(`:`)?e:`mdi:${e}`:t,Ge=e=>{let t=Ve(e.type);return t?.name?.trim()?t.name:e.type},Ke=e=>{Be(e)},qe=r()?.appContext??null,B,V,H=T(null),U=T(null),W=new Set,G=new Set,K=new Set,Je=T(!1),q=T(!1),J=T(!1),Y,Ye=e=>{let t=document.querySelector(`.grid-stack-item[gs-id="${e}"]`);B?.getGridItems().some(t=>t.gridstackNode?.id===e)?B.removeWidget(t):V?.getGridItems().some(t=>t.gridstackNode?.id===e)&&V.removeWidget(t)},X=()=>{let e=H.value?.closest(`.${N.b()}`),t=U.value?.closest(`.${N.b()}`);if(e&&(e.style.maxHeight=``),t&&(t.style.maxHeight=``),H.value&&B){let t=H.value.clientWidth,n=B.getColumn(),r=P.gridLayout?.rows??12,i=t/n,a=H.value.clientHeight,o=r>0?a/r:i,s=Math.min(i,o);if(B.cellHeight(s),e){let t=e.querySelector(`.${N.e(`header`)}`)?.offsetHeight??0,n=getComputedStyle(H.value),i=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom);e.style.maxHeight=`${t+r*s+i+2}px`}}if(U.value&&V){let e=U.value.clientWidth,n=V.getColumn(),r=P.gridLayout?.rows??12,i=e/n,a=U.value.clientHeight,o=r>0?a/r:i,s=Math.min(i,o);if(V.cellHeight(s),t){let e=t.querySelector(`.${N.e(`header`)}`)?.offsetHeight??0,n=getComputedStyle(U.value),i=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom);t.style.maxHeight=`${e+r*s+i+2}px`}}},Xe=e=>{for(let t of e.getGridItems()){let e=t.querySelector(`.grid-stack-item-content`);e&&w(null,e)}},Z=()=>{B&&=(Xe(B),B.removeAll(!0),B.destroy(!1),void 0),V&&=(Xe(V),V.removeAll(!0),V.destroy(!1),void 0),W.clear(),G.clear()},Ze=(e,t)=>{let n=te(ge,{tile:t,onDetail:e=>{F(`tileDetail`,e)},onEdit:e=>{F(`editTile`,e)},onRemove:e=>{Ye(e)}});qe&&(n.appContext=qe),w(n,e)},Qe=()=>{if(P.gridLayout===null){q.value=!0,Z(),q.value=!1;return}q.value=!0,Z(),B=M.init({column:P.gridLayout.cols,row:P.gridLayout.rows,cellHeight:`auto`,margin:4,float:!0,acceptWidgets:!0},H.value),V=M.init({column:P.gridLayout.cols,minRow:P.gridLayout.rows,cellHeight:`auto`,margin:4,float:!0,acceptWidgets:!0},U.value),M.setupDragIn(`.newWidget`,void 0,[{h:1,w:1,content:`new item`}]),B.on(`dragstop`,(e,t)=>{let n=t.gridstackNode,r=n?.id,i=n?.x,a=n?.y;if(!r)return;let o=I.value.find(e=>e.id===r);o&&(o.row-1!==a||o.col-1!==i)&&$()}),B.on(`resizestop`,(e,t)=>{let n=t.gridstackNode,r=n?.id,i=n?.w,a=n?.h;if(!r)return;let o=I.value.find(e=>e.id===r);o&&(o.rowSpan!==a||o.colSpan!==i)&&$()}),B.on(`added`,function(e,t){$();for(let e of t){let t=e.el;if(!t)return;let n=t.querySelector(`.grid-stack-item-content`);if(!n)return;let r=e.id,i=I.value.find(e=>e.id===r);if(!i)return;Ze(n,i),W.add(i.id),W.forEach(e=>{K.has(e)&&K.delete(e)})}}),B.on(`removed`,function(e,t){for(let e of t){let t=e.el?.querySelector(`.grid-stack-item-content`);if(!t)return;w(null,t),e.id&&(W.delete(e.id),!G.has(e.id)&&!q.value&&K.add(e.id),$())}}),V.on(`added`,function(e,n){$();for(let e of n){let n=e.el;if(!n)return;let r=n.querySelector(`.grid-stack-item-content`);if(!r)return;let i=e.id,a=I.value.find(e=>e.id===i);if(!a)return;V?.update(n,{w:2,h:1}),G.add(a.id),G.forEach(e=>{K.has(e)&&K.delete(e)}),V?.compact(),t(()=>{Ze(r,a)})}}),V.on(`removed`,function(e,t){for(let e of t){let t=e.el?.querySelector(`.grid-stack-item-content`);if(!t)return;w(null,t),e.id&&(G.delete(e.id),!W.has(e.id)&&!q.value&&K.add(e.id),$()),V?.compact()}}),X(),Q(),q.value=!1},Q=()=>{for(let e of I.value){if(K.has(e.id)||W.has(e.id)||G.has(e.id))continue;let t=e.col+e.colSpan-1<=(P.gridLayout?.cols??0),n=e.row+e.rowSpan-1<=(P.gridLayout?.rows??0);t&&n&&!e.hidden&&!e.draft?B?.addWidget({id:e.id,x:e.col-1,y:e.row-1,w:e.colSpan,h:e.rowSpan}):V?.addWidget({id:e.id,x:0,y:2,w:1,h:1})}V?.compact()},$=()=>{!Je.value||q.value||(clearTimeout(Y),Y=setTimeout(()=>{J.value=!0},50))};return s(()=>{Pe.value||Ne().catch(e=>{throw new le(`Something went wrong`,e)}),ze().catch(e=>{throw new le(`Something went wrong`,e)})}),o(()=>{t(()=>{Qe()}),window.addEventListener(`resize`,X),setTimeout(()=>{Je.value=!0},500)}),ee(()=>{window.removeEventListener(`resize`,X),Z()}),f(()=>I.value,e=>{Q(),e.some(e=>e.draft)&&$()}),f(()=>P.remotePageSubmit,async e=>{if(e){F(`update:remote-page-submit`,!1),F(`update:remote-page-result`,j.WORKING),B?.save(!1,!1,async e=>{if(!e.id)return;let t=L(`page`,e.id);t&&(t=await Fe({id:t.id,parent:t.parent,data:{type:t.type,row:e.y+1,col:e.x+1,rowSpan:e.h||1,colSpan:e.w||1,hidden:!1}}),t.draft&&await Ie({id:t.id,parent:t.parent}))}),V?.save(!1,!1,async e=>{if(!e.id)return;let t=L(`page`,e.id);t&&(t=await Fe({id:t.id,parent:t.parent,data:{type:t.type,hidden:!0}}),t.draft&&await Ie({id:t.id,parent:t.parent}))});for(let e of K){let t=L(`page`,e);t&&await Le({id:e,parent:t.parent})}F(`update:remote-page-result`,j.OK),J.value=!1}}),f(()=>J.value,e=>{F(`update:remote-page-changed`,e)}),f(()=>P.gridLayout,(e,n)=>{e&&n&&e.rows===n.rows&&e.cols===n.cols||t(()=>{Qe()})}),f(()=>P.gridCardStyle,()=>{t(()=>{X()})}),f(()=>R.value.length,()=>{t(()=>{X()})}),(t,r)=>(n(),E(`div`,_e,[D(p(ae),{gutter:10,justify:`center`,class:`h-full`},{default:u(()=>[D(p(k),{span:10,class:`h-full overflow-hidden p-2`},{default:u(()=>[D(p(A),{"body-class":`p-0! flex flex-col overflow-hidden h-full`,class:l([p(N).b(),`mx-auto h-full overflow-hidden`]),style:e(P.gridCardStyle)},{default:u(()=>[y(`div`,{class:l([p(N).e(`header`),`flex items-center px-2 flex-shrink-0 min-h-9 py-1 b-b b-b-solid gap-1.5`])},[y(`div`,ve,[D(p(c),{size:14,class:`flex-shrink-0`,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:We(P.page.icon,`mdi:view-dashboard`)},null,8,[`icon`])]),_:1}),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(P.page.title),1)]),_:1})]),y(`div`,ye,[(n(!0),E(x,null,i(He.value,e=>(n(),_(p(ie),{key:e.id,size:`small`,closable:``,class:l(p(N).e(`data-source-tag`)),onClose:t=>Ke(e.id)},{default:u(()=>[y(`span`,{class:`inline-flex items-center gap-0.5`,onClick:t=>F(`editPageDataSource`,e.id)},[D(p(c),{size:12},{default:u(()=>[D(p(C),{icon:Ue(e)||`mdi:database`},null,8,[`icon`])]),_:2},1024),y(`span`,xe,b(Ge(e)),1)],8,be)]),_:2},1032,[`class`,`onClose`]))),128)),z.value.length>0?(n(),_(p(ce),{key:0,width:280,trigger:`click`,placement:`bottom`},{reference:u(()=>[D(p(ie),{size:`small`,type:`info`,class:`cursor-pointer flex-shrink-0`},{default:u(()=>[h(` +`+b(z.value.length),1)]),_:1})]),default:u(()=>[y(`div`,Se,[(n(!0),E(x,null,i(z.value,e=>(n(),E(`div`,{key:e.id,class:l([p(N).e(`overflow-item`),`flex items-center gap-1 py-1 px-1 rounded`])},[y(`div`,{class:`flex items-center gap-1 min-w-0 flex-1 cursor-pointer`,onClick:t=>F(`editPageDataSource`,e.id)},[D(p(c),{size:14,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:Ue(e)||`mdi:database`},null,8,[`icon`])]),_:2},1024),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(Ge(e)),1)]),_:2},1024)],8,Ce),y(`div`,we,[D(p(v),{size:`small`,text:``,circle:``,onClick:t=>F(`editPageDataSource`,e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:pencil`,width:14})]),_:1},8,[`onClick`]),D(p(v),{size:`small`,text:``,type:`danger`,circle:``,onClick:t=>Ke(e.id)},{icon:u(()=>[D(p(C),{icon:`mdi:trash-can-outline`,width:14})]),_:1},8,[`onClick`])])],2))),128))])]),_:1})):m(``,!0)]),D(p(v),{size:`small`,plain:``,class:`flex-shrink-0`,onClick:r[0]||=e=>F(`addPageDataSource`)},{icon:u(()=>[D(p(C),{icon:`mdi:plus`})]),_:1})],2),y(`div`,{ref_key:`pageGridContainer`,ref:H,class:`flex-1 min-h-0 p-1`},null,512)]),_:1},8,[`class`,`style`])]),_:1}),D(p(k),{span:10,class:`h-full overflow-hidden p-2`},{default:u(()=>[D(p(A),{"body-class":`p-0! flex flex-col overflow-hidden h-full`,class:l([p(N).b(),`mx-auto h-full overflow-hidden`]),style:e(P.gridCardStyle)},{default:u(()=>[y(`div`,{class:l([p(N).e(`header`),`flex items-center justify-between px-2 flex-shrink-0 h-9 min-h-9 b-b b-b-solid`])},[y(`div`,Te,[D(p(c),{size:14,color:`var(--el-text-color-regular)`},{default:u(()=>[D(p(C),{icon:`mdi:pencil-ruler`})]),_:1}),D(p(O),{size:`small`,class:`truncate`},{default:u(()=>[h(b(p(g)(`pagesTilesPlugin.headings.configure.draft`)),1)]),_:1})])],2),y(`div`,{ref_key:`draftGridContainer`,ref:U,class:`flex-1 min-h-0 overflow-hidden p-1`},null,512)]),_:1},8,[`class`,`style`])]),_:1}),D(p(k),{span:4,class:`p-2`},{default:u(()=>[y(`div`,Ee,[P.displays.length>0?(n(),_(p(A),{key:0,"body-class":`p-2!`},{header:u(()=>[h(b(p(g)(`pagesTilesPlugin.headings.configure.display`)),1)]),default:u(()=>[P.displays.length>1?(n(),_(p(oe),{key:0,"model-value":P.selectedDisplay?.id,size:`small`,class:`w-full`,onChange:r[1]||=e=>F(`selectDisplay`,e)},{default:u(()=>[(n(!0),E(x,null,i(P.displays,e=>(n(),_(p(se),{key:e.id,value:e.id,label:e.name||e.macAddress},{default:u(()=>[y(`div`,De,[y(`span`,null,b(e.name||e.macAddress),1),e.screenWidth&&e.screenHeight?(n(),_(p(O),{key:0,type:`info`,size:`small`},{default:u(()=>[h(b(e.screenWidth)+`x`+b(e.screenHeight),1)]),_:2},1024)):m(``,!0)])]),_:2},1032,[`value`,`label`]))),128))]),_:1},8,[`model-value`])):P.selectedDisplay?(n(),E(`div`,Oe,[D(p(O),{size:`small`},{default:u(()=>[h(b(P.selectedDisplay.name||P.selectedDisplay.macAddress),1)]),_:1}),P.selectedDisplay.screenWidth&&P.selectedDisplay.screenHeight?(n(),_(p(O),{key:0,type:`info`,size:`small`},{default:u(()=>[h(b(P.selectedDisplay.screenWidth)+`x`+b(P.selectedDisplay.screenHeight)+` · `+b(P.gridLayout?.cols??`?`)+`x`+b(P.gridLayout?.rows??`?`),1)]),_:1})):m(``,!0)])):m(``,!0)]),_:1})):m(``,!0),Me.value.length?(n(),_(p(A),{key:1,"body-class":`p-2!`},{header:u(()=>[h(b(p(g)(`pagesTilesPlugin.headings.configure.quickAddTile`)),1)]),default:u(()=>[y(`div`,ke,[(n(!0),E(x,null,i(Me.value,e=>(n(),_(p(v),{key:e.value,size:`small`,class:`w-full ml-0!`,onClick:t=>F(`addTileOfType`,e.value)},{icon:u(()=>[D(p(C),{icon:`mdi:plus`})]),default:u(()=>[h(` `+b(e.label),1)]),_:2},1032,[`onClick`]))),128))])]),_:1})):m(``,!0)])]),_:1})]),_:1})]))}});export{je as t};

package/dist/assets/view-space-Doiu9Fxd.js

@@ -1 +0,0 @@
-import"./chunk-DECur_0Z.js";import{$r as e,Br as t,Kr as n,Lr as ee,Mr as r,O as i,Oi as te,Qr as a,Sr as o,Wr as ne,Xr as s,_i as c,_r as l,br as u,c as re,d as ie,gr as d,h as f,hr as p,ji as m,lr as h,mr as g,p as _,pt as ae,s as oe,ui as v,ur as se,vr as y,xr as b}from"./icon-with-child-DmQ_XhQy.js";import{t as ce}from"./vue-meta.esm-browser.min-3_YV25pX.js";import{Br as x,Ei as S,Ht as C,Kr as w,Mr as le,Nr as ue,Pt as T,Rr as de,Ur as fe,V as pe,Vr as me,Wr as he,_ as ge,b as _e,qr as ve,vi as ye,x as be,zr as E}from"./common-cN85xDKw.js";import"./table-D0cG6bxj.js";import{t as xe}from"./drawer-Bd7mWPmH.js";import{a as Se,c as Ce,i as we,n as Te,o as Ee,r as De,s as Oe}from"./components-CXgzOYZ_.js";import{i as ke}from"./composables-C-sW1sdO.js";import{a as Ae}from"./useSpaces-BLX5dcRn.js";import{g as je}from"./composables-Z6_f_-h6.js";import{r as Me}from"./composables-giB9ZLTn.js";import"./composables-UhwwO7oA.js";import{t as Ne}from"./useDevices-C4I_mc6g.js";import"./logs-entries.transformers-BnRxEggq.js";var Pe={class:`flex items-center`},Fe={class:`flex items-center gap-2 px-4`},Ie={class:`flex items-center gap-2 px-4`},Le={class:`flex items-center gap-2 px-4`},Re={class:`flex flex-col h-full`},D=o({name:`ViewSpace`,__name:`view-space`,props:{id:{default:void 0}},setup(o){let D=o,O=oe(),k=re(),{t:A}=ie(),{meta:ze}=ce({}),j=ge(),{isMDDevice:M,isLGDevice:N}=ue(),Be=ae(`view-space`),P=g(()=>D.id||O.params.id),{space:F,fetching:Ve,fetchSpace:I}=je(P),{fetchDevices:He,loaded:Ue}=Ne(),{fetchScenes:We,loaded:Ge}=Me(),{fetchDisplays:Ke,isLoaded:qe}=ke(),L=g(()=>Ve.value),R=v(!1),z=v(!1),B=v(!1),V=v(!1),H=v(`devices`),U=v(!1),W=v(!1),G=v(!1),Je=v(null),Ye=v(null),K=v(null),q=g(()=>O.name===T.SPACE),J=g(()=>F.value?.icon?F.value.icon:F.value?.type===C.ROOM?`mdi:door`:`mdi:home-floor-1`),Xe=g(()=>[{label:A(`spacesModule.breadcrumbs.spaces.list`),route:k.resolve({name:T.SPACES})},{label:A(`spacesModule.breadcrumbs.spaces.detail`,{space:F.value?.name}),route:k.resolve({name:T.SPACE,params:{id:P.value}})}]),Y=e=>{V.value?fe.confirm(A(`spacesModule.texts.confirmDiscard`),A(`spacesModule.headings.discard`),{confirmButtonText:A(`spacesModule.buttons.yes.title`),cancelButtonText:A(`spacesModule.buttons.no.title`),type:`warning`}).then(()=>{N.value?k.replace({name:T.SPACE,params:{id:P.value}}):k.push({name:T.SPACE,params:{id:P.value}}),e?.()}).catch(()=>{}):(N.value?k.replace({name:T.SPACE,params:{id:P.value}}):k.push({name:T.SPACE,params:{id:P.value}}),e?.())},X=()=>{U.value=!0},Z=()=>{W.value=!0},Q=()=>{G.value=!0},Ze=()=>{},Qe=()=>{},$e=()=>{K.value?.fetchDisplays()},$=()=>{N.value?k.replace({name:T.SPACES}):k.push({name:T.SPACES})},et=()=>{N.value?k.replace({name:T.SPACE_EDIT,params:{id:P.value}}):k.push({name:T.SPACE_EDIT,params:{id:P.value}})};return r(async()=>{Ue.value||He(),Ge.value||We(),qe.value||Ke();try{await I()}catch(e){e instanceof Ae&&e.code===404||j.error(A(`spacesModule.messages.notLoaded`)),z.value=!0;return}!L.value&&F.value===null&&!R.value&&(z.value=!0),F.value!==null&&(R.value=!0),B.value=O.matched.find(e=>e.name===T.SPACE_EDIT)!==void 0}),ee(()=>{}),s(()=>O.path,()=>{B.value=O.matched.find(e=>e.name===T.SPACE_EDIT)!==void 0}),s(()=>L.value,e=>{!e&&F.value===null&&!R.value&&(z.value=!0)}),s(()=>F.value,e=>{e===null?R.value&&!L.value?(j.warning(A(`spacesModule.messages.deletedWhileEditing`),{duration:0}),N.value?k.replace({name:T.SPACES}):k.push({name:T.SPACES})):!L.value&&e===null&&!R.value&&(z.value=!0):(R.value=!0,ze.title=A(`spacesModule.meta.spaces.detail.title`,{space:F.value?.name}))}),(ee,r)=>{let o=ne(`router-view`);return t(),y(h,null,[z.value?l(``,!0):(t(),y(h,{key:0},[b(c(le),{items:Xe.value},null,8,[`items`]),!c(M)&&q.value?(t(),d(c(de),{key:0,teleport:``},{icon:a(()=>[b(c(_),{icon:J.value,class:`w[20px] h[20px]`},null,8,[`icon`])]),title:a(()=>[u(m(c(A)(`spacesModule.headings.detail`,{space:c(F)?.name})),1)]),subtitle:a(()=>[u(m(c(A)(`spacesModule.subHeadings.detail`,{space:c(F)?.name})),1)]),_:1})):l(``,!0),c(M)?l(``,!0):(t(),d(c(E),{key:1,align:c(x).LEFT,teleport:``,small:``,onClick:$},{icon:a(()=>[b(c(i),{size:24},{default:a(()=>[b(c(_),{icon:`mdi:chevron-left`})]),_:1})]),_:1},8,[`align`])),b(c(_e),{heading:c(A)(`spacesModule.headings.detail`,{space:c(F)?.name}),"sub-heading":c(A)(`spacesModule.subHeadings.detail`,{space:c(F)?.name}),icon:J.value},{extra:a(()=>[p(`div`,Pe,[b(c(f),{type:`primary`,plain:``,class:`px-4! ml-2!`,onClick:X},{icon:a(()=>[b(c(_),{icon:`mdi:plus`})]),default:a(()=>[u(` `+m(c(A)(`spacesModule.detail.devices.add`)),1)]),_:1}),b(c(f),{type:`primary`,plain:``,class:`px-4! ml-2!`,onClick:Z},{icon:a(()=>[b(c(_),{icon:`mdi:plus`})]),default:a(()=>[u(` `+m(c(A)(`spacesModule.detail.scenes.add`)),1)]),_:1}),c(F)?.type===c(C).ROOM?(t(),d(c(f),{key:0,type:`primary`,plain:``,class:`px-4! ml-2!`,onClick:Q},{icon:a(()=>[b(c(_),{icon:`mdi:plus`})]),default:a(()=>[u(` `+m(c(A)(`spacesModule.detail.displays.add`)),1)]),_:1})):l(``,!0),b(c(f),{plain:``,class:`px-4! ml-2!`,onClick:et},{icon:a(()=>[b(c(_),{icon:`mdi:pencil`})]),_:1})])]),_:1},8,[`heading`,`sub-heading`,`icon`])],64)),z.value?(t(),d(c(pe),{key:1,icon:`mdi:home-group`,message:c(A)(`spacesModule.messages.notFound`),"button-label":c(A)(`spacesModule.buttons.back.title`),onBack:$},null,8,[`message`,`button-label`])):q.value||c(N)?e((t(),d(c(S),{key:2,"element-loading-text":c(A)(`spacesModule.texts.loadingSpace`),class:`grow-1 flex flex-col lt-sm:mx-1 sm:mx-2`},{default:a(()=>[c(F)?(t(),y(h,{key:0},[b(c(Ce),{space:c(F)},null,8,[`space`]),b(c(ye),{shadow:`never`,class:`flex-1 min-h-0 flex flex-col mt-4`,"body-class":`p-0! flex-1 min-h-0 flex flex-col`},{default:a(()=>[b(c(ve),{modelValue:H.value,"onUpdate:modelValue":r[0]||=e=>H.value=e,class:te([`flex-1 min-h-0 flex flex-col`,c(Be).e(`tabs`)])},{default:a(()=>[b(c(w),{name:`devices`,class:`h-full overflow-hidden`},{label:a(()=>[p(`div`,Fe,[b(c(_),{icon:`mdi:devices`}),u(` `+m(c(A)(`spacesModule.detail.devices.title`)),1)])]),default:a(()=>[b(c(S),{class:`h-full`},{default:a(()=>[b(c(Oe),{ref_key:`devicesSectionRef`,ref:Je,"space-id":c(F).id,"space-type":c(F).type,onOpenAddDialog:X},null,8,[`space-id`,`space-type`])]),_:1})]),_:1}),b(c(w),{name:`scenes`,class:`h-full overflow-hidden`},{label:a(()=>[p(`div`,Ie,[b(c(_),{icon:`mdi:play-box-multiple`}),u(` `+m(c(A)(`spacesModule.detail.scenes.title`)),1)])]),default:a(()=>[b(c(S),{class:`h-full`},{default:a(()=>[b(c(Ee),{ref_key:`scenesSectionRef`,ref:Ye,"space-id":c(F).id,onOpenAddDialog:Z},null,8,[`space-id`])]),_:1})]),_:1}),c(F)?.type===c(C).ROOM?(t(),d(c(w),{key:0,name:`displays`,class:`h-full overflow-hidden`},{label:a(()=>[p(`div`,Le,[b(c(_),{icon:`mdi:monitor`}),u(` `+m(c(A)(`spacesModule.detail.displays.title`)),1)])]),default:a(()=>[b(c(S),{class:`h-full`},{default:a(()=>[b(c(Se),{ref_key:`displaysSectionRef`,ref:K,"space-id":c(F).id,onOpenAddDialog:Q},null,8,[`space-id`])]),_:1})]),_:1})):l(``,!0)]),_:1},8,[`modelValue`,`class`])]),_:1})],64)):l(``,!0)]),_:1},8,[`element-loading-text`])),[[c(he),L.value||c(F)===null]]):(t(),d(o,{key:D.id},{default:a(({Component:e})=>[(t(),d(n(e)))]),_:1})),c(F)?(t(),d(c(we),{key:4,visible:U.value,"onUpdate:visible":r[1]||=e=>U.value=e,"space-id":c(F).id,"space-type":c(F).type,onDeviceAdded:Ze},null,8,[`visible`,`space-id`,`space-type`])):l(``,!0),c(F)?(t(),d(c(De),{key:5,visible:W.value,"onUpdate:visible":r[2]||=e=>W.value=e,"space-id":c(F).id,onSceneAdded:Qe},null,8,[`visible`,`space-id`])):l(``,!0),c(F)&&c(F).type===c(C).ROOM?(t(),d(c(Te),{key:6,visible:G.value,"onUpdate:visible":r[3]||=e=>G.value=e,"space-id":c(F).id,onDisplayAdded:$e},null,8,[`visible`,`space-id`])):l(``,!0),c(N)?(t(),d(c(xe),{key:7,modelValue:B.value,"onUpdate:modelValue":r[6]||=e=>B.value=e,"show-close":!1,size:`40%`,"with-header":!1,"before-close":Y},{default:a(()=>[p(`div`,Re,[b(c(me),{"menu-button-hidden":``},{"button-right":a(()=>[b(c(E),{align:c(x).RIGHT,class:`mr-2`,onClick:r[4]||=()=>Y()},{icon:a(()=>[b(c(i),null,{default:a(()=>[b(c(_),{icon:`mdi:close`})]),_:1})]),_:1},8,[`align`])]),_:1}),B.value?(t(),d(c(be),{key:0},{icon:a(()=>[b(c(_),{icon:`mdi:home-group`})]),message:a(()=>[u(m(c(A)(`spacesModule.messages.loadError`)),1)]),default:a(()=>[(t(),d(se,null,{default:a(()=>[(t(),d(o,{key:D.id},{default:a(({Component:e})=>[(t(),d(n(e),{"remote-form-changed":V.value,"onUpdate:remoteFormChanged":r[5]||=e=>V.value=e},null,40,[`remote-form-changed`]))]),_:1}))]),_:1}))]),_:1})):l(``,!0)])]),_:1},8,[`modelValue`])):l(``,!0)],64)}}});export{D as default};