@fastybird/smart-panel-admin 1.1.0-alpha.15 → 1.1.0-alpha.16

package/dist/assets/{keys-DghNVBR5.js → keys-DMEIfK2a.js}

@@ -1 +1 @@
-var e=Symbol(`FB-Module-Devices-DevicesStore`),t=Symbol(`FB-Module-Devices-DevicesControlsStore`),n=Symbol(`FB-Module-Devices-ChannelsStore`),r=Symbol(`FB-Module-Devices-ChannelsControlsStore`),i=Symbol(`FB-Module-Devices-ChannelsPropertiesStore`),a=Symbol(`FB-Module-Devices-DevicesValidationStore`);export{e as a,t as i,i as n,a as o,n as r,r as t};
+var e=Symbol(`FB-Module-Devices-DevicesStore`),t=Symbol(`FB-Module-Devices-DevicesControlsStore`),n=Symbol(`FB-Module-Devices-ChannelsStore`),r=Symbol(`FB-Module-Devices-ChannelsControlsStore`),i=Symbol(`FB-Module-Devices-ChannelsPropertiesStore`),a=Symbol(`FB-Module-Devices-DevicesValidationStore`),o=Symbol(`FB-Module-Devices-ChannelInputOccurrencesStore`);export{t as a,n as i,r as n,e as o,i as r,a as s,o as t};

package/dist/assets/{page-configure-DNI83REl.js → page-configure-Dn69RQ5P.js}

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

package/dist/assets/{page-configure-B_5W0yDK.js → page-configure-Dz17Sp3H.js}

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

package/dist/assets/{scene-add-form-B5GZmYBe.js → scene-add-form-telggkNn.js}

@@ -1 +1 @@
-import"./rolldown-runtime-QTnfLwEv.js";import{Ar as e,D as t,Dr as n,E as r,Er as i,H as a,Mr as o,Nr as s,Or as c,Pr as l,Qr as u,Si as d,T as ee,Yr as te,bi as ne,ci as f,ei as p,ii as m,ji as h,k as g,kr as _,qi as v,ui as y,xr as b}from"./icon-with-child-CgZMNB3F.js";import{A as re,Fr as ie,Ir as ae,Lr as oe,ei as x,o as S,p as se,qr as ce}from"./common-D4Z2wgrj.js";import{n as C,t as le}from"./form-Wa6uIXea.js";import{t as ue}from"./alert-I-oSc4A8.js";import{n as de,r as w,t as T}from"./select-CTZp3DyT.js";import{t as fe}from"./card-C50YgvLJ.js";import{n as E,t as pe}from"./collapse-hdC45R5w.js";import{t as D}from"./dialog-4clb5GeY.js";import{g as O,o as me}from"./composables-DDdN4T8e.js";var he={class:`flex items-center gap-2`},ge={class:`font-medium`},_e={class:`px-2`},ve=[`innerHTML`],ye={class:`flex items-center gap-2`},be={class:`flex items-center gap-2`},xe={class:`flex items-center gap-2`},Se={class:`font-medium`},Ce={class:`px-2`},k={key:0,class:`empty-actions-state`},A={class:`text-gray-600 font-medium mb-1`},we={class:`text-gray-400 text-sm mb-4`},Te={class:`flex justify-between items-center`},Ee={class:`text-sm font-medium`},De={class:`flex gap-1`},Oe={class:`flex items-center gap-2`},ke={class:`text-gray-400 text-xs mt-2 text-center`},j=r(l({name:`SceneAddForm`,__name:`scene-add-form`,props:{id:{},remoteFormSubmit:{type:Boolean},remoteFormResult:{default:O.NONE},remoteFormReset:{type:Boolean,default:!1},remoteFormChanged:{type:Boolean,default:!1}},emits:[`update:remote-form-submit`,`update:remote-form-result`,`update:remote-form-reset`,`update:remote-form-changed`],setup(r,{emit:l}){let j=r,M=l,{t:N}=ee(),Ae=se(),{categoriesOptions:P,spacesOptionsGrouped:F,model:I,formEl:L,formChanged:je,submit:Me,formResult:R,loadingSpaces:Ne,fetchSpaces:z,actionPluginOptions:Pe,addAction:Fe,removeAction:Ie,updateAction:Le,getActionCardComponent:Re,getActionFormComponent:ze,getActionEditFormComponent:Be,getPluginLabel:Ve}=me({id:j.id}),B=d([`general`,`actions`]),V=d(null),H=d(!1),U=d(!1),W=d(S()),G=d(!1),K=d(!1),q=d(null),J=d(null),Y=i(()=>V.value?ze(V.value):null),X=i(()=>J.value?Be(J.value.type):null),Z=i({get:()=>I.icon?.replace(`mdi:`,``)??null,set:e=>{I.icon=e?`mdi:${e}`:null}}),He=()=>{for(let e of F.value){let t=e.options.find(e=>e.value===I.primarySpaceId);if(t)return t.icon}return`mdi:map-marker`},Ue=ne({name:[{required:!0,message:N(`scenes.form.nameRequired`),trigger:`change`}],category:[{required:!0,message:N(`scenes.form.categoryRequired`),trigger:`change`}]}),We=e=>{V.value=e,W.value=S(),H.value=!0},Ge=e=>{Fe({...e,type:V.value})&&(H.value=!1,V.value=null)},Q=()=>{H.value=!1,V.value=null},Ke=e=>{Ie(e)},qe=e=>{let t=I.actions[e];t&&(q.value=e,J.value={...t},G.value=!0)},Je=e=>{q.value!==null&&Le(q.value,e),G.value=!1,q.value=null,J.value=null},$=()=>{G.value=!1,q.value=null,J.value=null},Ye=async()=>{if(I.actions.length===0)throw R.value=O.ERROR,Ae.error(N(`scenes.form.actionsRequired`)),Error(`No actions`);await Me()};return f(()=>R.value,async e=>{M(`update:remote-form-result`,e)}),f(()=>j.remoteFormSubmit,async e=>{e&&(M(`update:remote-form-submit`,!1),Ye().catch(()=>{}))}),f(()=>j.remoteFormReset,e=>{if(M(`update:remote-form-reset`,!1),e){if(!L.value)return;L.value.resetFields()}}),f(()=>je.value,e=>{M(`update:remote-form-changed`,e)}),te(async()=>{await z()}),(r,i)=>(u(),e(b,null,[s(h(le),{ref_key:`formEl`,ref:L,model:h(I),rules:Ue,"label-position":`top`,"status-icon":``},{default:y(()=>[s(h(pe),{modelValue:B.value,"onUpdate:modelValue":i[5]||=e=>B.value=e},{default:y(()=>[s(h(E),{name:`general`},{title:y(()=>[n(`div`,he,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:information`})]),_:1}),n(`span`,ge,v(h(N)(`scenes.edit.sections.general.title`)),1)])]),default:y(()=>[n(`div`,_e,[s(h(ue),{type:`info`,closable:!1,"show-icon":``,class:`!mb-4`},{title:y(()=>[n(`span`,{innerHTML:h(N)(`scenes.edit.sections.general.hint`)},null,8,ve)]),_:1}),s(h(C),{label:h(N)(`scenes.form.name`),prop:`name`},{default:y(()=>[s(h(x),{modelValue:h(I).name,"onUpdate:modelValue":i[0]||=e=>h(I).name=e,placeholder:h(N)(`scenes.form.namePlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.category`),prop:`category`},{default:y(()=>[s(h(w),{modelValue:h(I).category,"onUpdate:modelValue":i[1]||=e=>h(I).category=e,class:`w-full`},{prefix:y(()=>[h(I).category?(u(),c(h(t),{key:0,icon:h(P).find(e=>e.value===h(I).category)?.icon||`mdi:playlist-play`,class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(P),e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,ye,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.space`),prop:`primarySpaceId`},{default:y(()=>[s(h(w),{modelValue:h(I).primarySpaceId,"onUpdate:modelValue":i[2]||=e=>h(I).primarySpaceId=e,placeholder:h(N)(`scenes.form.selectSpace`),loading:h(Ne),clearable:``,filterable:``,class:`w-full`},{prefix:y(()=>[h(I).primarySpaceId?(u(),c(h(t),{key:0,icon:He(),class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(F),r=>(u(),c(h(de),{key:r.type,label:r.label},{default:y(()=>[(u(!0),e(b,null,p(r.options,e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,be,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.description`)},{default:y(()=>[s(h(x),{modelValue:h(I).description,"onUpdate:modelValue":i[3]||=e=>h(I).description=e,type:`textarea`,rows:2,placeholder:h(N)(`scenes.form.descriptionPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.icon`),prop:`icon`},{default:y(()=>[s(h(re),{modelValue:Z.value,"onUpdate:modelValue":i[4]||=e=>Z.value=e,placeholder:h(N)(`scenes.form.iconPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`])])]),_:1}),s(h(E),{name:`actions`},{title:y(()=>[n(`div`,xe,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:play-box-multiple`})]),_:1}),n(`span`,Se,v(h(N)(`scenes.edit.sections.actions.title`)),1),h(I).actions.length>0?(u(),c(h(ce),{key:0,size:`small`,type:`info`},{default:y(()=>[o(v(h(I).actions.length),1)]),_:1})):_(``,!0)])]),default:y(()=>[n(`div`,Ce,[h(I).actions.length===0?(u(),e(`div`,k,[s(h(a),{size:48,class:`text-gray-300 mb-3`},{default:y(()=>[s(h(t),{icon:`mdi:playlist-plus`})]),_:1}),n(`div`,A,v(h(N)(`scenes.edit.sections.actions.emptyTitle`)),1),n(`div`,we,v(h(N)(`scenes.edit.sections.actions.emptyDescription`)),1)])):_(``,!0),(u(!0),e(b,null,p(h(I).actions,(e,r)=>(u(),c(h(fe),{key:e.id||r,class:`action-card mb-3`,"header-class":`p-2!`,"body-class":`p-2!`,shadow:`never`},{header:y(()=>[n(`div`,Te,[n(`span`,Ee,v(h(Ve)(e.type)),1),n(`div`,De,[s(h(g),{size:`small`,plain:``,onClick:e=>qe(r)},{icon:y(()=>[s(h(t),{icon:`mdi:pencil`})]),_:1},8,[`onClick`]),s(h(g),{type:`warning`,size:`small`,plain:``,onClick:e=>Ke(r)},{icon:y(()=>[s(h(t),{icon:`mdi:trash`})]),_:1},8,[`onClick`])])])]),default:y(()=>[(u(),c(m(h(Re)(e.type)),{action:e},null,8,[`action`]))]),_:2},1024))),128)),s(h(ie),{trigger:`click`,class:`w-full`,onCommand:We},{dropdown:y(()=>[s(h(oe),null,{default:y(()=>[(u(!0),e(b,null,p(h(Pe),e=>(u(),c(h(ae),{key:e.value,command:e.value,disabled:e.disabled},{default:y(()=>[n(`div`,Oe,[s(h(a),{size:18},{default:y(()=>[s(h(t),{icon:`mdi:cog`})]),_:1}),n(`span`,null,v(e.label),1)])]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:y(()=>[s(h(g),{type:`primary`,plain:``,class:`w-full`},{icon:y(()=>[s(h(t),{icon:`mdi:plus`})]),default:y(()=>[o(` `+v(h(N)(`scenes.form.addAction`))+` `,1),s(h(a),{class:`el-icon--right`},{default:y(()=>[s(h(t),{icon:`mdi:chevron-down`})]),_:1})]),_:1})]),_:1}),n(`div`,ke,v(h(N)(`scenes.edit.sections.actions.helperText`)),1)])]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`model`,`rules`]),s(h(D),{modelValue:H.value,"onUpdate:modelValue":i[8]||=e=>H.value=e,title:h(N)(`scenes.form.addAction`),width:`500px`,"close-on-click-modal":!1,onClose:Q},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:Q},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[7]||=e=>U.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.add.title`)),1)]),_:1})]),default:y(()=>[Y.value?(u(),c(m(Y.value),{key:0,id:W.value,"scene-id":``,"scene-category":h(I).category,"remote-form-submit":U.value,"onUpdate:remoteFormSubmit":i[6]||=e=>U.value=e,onSubmit:Ge},null,40,[`id`,`scene-category`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`]),s(h(D),{modelValue:G.value,"onUpdate:modelValue":i[11]||=e=>G.value=e,title:h(N)(`scenes.form.editAction`),width:`500px`,"close-on-click-modal":!1,onClose:$},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:$},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[10]||=e=>K.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.save.title`)),1)]),_:1})]),default:y(()=>[X.value&&J.value?(u(),c(m(X.value),{key:0,action:J.value,"scene-id":``,"remote-form-submit":K.value,"onUpdate:remoteFormSubmit":i[9]||=e=>K.value=e,onSubmit:Je},null,40,[`action`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`])],64))}}),[[`__scopeId`,`data-v-c6e267c7`]]);export{j as t};
+import"./rolldown-runtime-QTnfLwEv.js";import{Ar as e,D as t,Dr as n,E as r,Er as i,H as a,Mr as o,Nr as s,Or as c,Pr as l,Qr as u,Si as d,T as ee,Yr as te,bi as ne,ci as f,ei as p,ii as m,ji as h,k as g,kr as _,qi as v,ui as y,xr as b}from"./icon-with-child-CgZMNB3F.js";import{A as re,Fr as ie,Ir as ae,Lr as oe,ei as x,o as S,p as se,qr as ce}from"./common-D4Z2wgrj.js";import{n as C,t as le}from"./form-Wa6uIXea.js";import{t as ue}from"./alert-I-oSc4A8.js";import{n as de,r as w,t as T}from"./select-CTZp3DyT.js";import{t as fe}from"./card-C50YgvLJ.js";import{n as E,t as pe}from"./collapse-hdC45R5w.js";import{t as D}from"./dialog-4clb5GeY.js";import{g as O,o as me}from"./composables-DeXiqZuU.js";var he={class:`flex items-center gap-2`},ge={class:`font-medium`},_e={class:`px-2`},ve=[`innerHTML`],ye={class:`flex items-center gap-2`},be={class:`flex items-center gap-2`},xe={class:`flex items-center gap-2`},Se={class:`font-medium`},Ce={class:`px-2`},k={key:0,class:`empty-actions-state`},A={class:`text-gray-600 font-medium mb-1`},we={class:`text-gray-400 text-sm mb-4`},Te={class:`flex justify-between items-center`},Ee={class:`text-sm font-medium`},De={class:`flex gap-1`},Oe={class:`flex items-center gap-2`},ke={class:`text-gray-400 text-xs mt-2 text-center`},j=r(l({name:`SceneAddForm`,__name:`scene-add-form`,props:{id:{},remoteFormSubmit:{type:Boolean},remoteFormResult:{default:O.NONE},remoteFormReset:{type:Boolean,default:!1},remoteFormChanged:{type:Boolean,default:!1}},emits:[`update:remote-form-submit`,`update:remote-form-result`,`update:remote-form-reset`,`update:remote-form-changed`],setup(r,{emit:l}){let j=r,M=l,{t:N}=ee(),Ae=se(),{categoriesOptions:P,spacesOptionsGrouped:F,model:I,formEl:L,formChanged:je,submit:Me,formResult:R,loadingSpaces:Ne,fetchSpaces:z,actionPluginOptions:Pe,addAction:Fe,removeAction:Ie,updateAction:Le,getActionCardComponent:Re,getActionFormComponent:ze,getActionEditFormComponent:Be,getPluginLabel:Ve}=me({id:j.id}),B=d([`general`,`actions`]),V=d(null),H=d(!1),U=d(!1),W=d(S()),G=d(!1),K=d(!1),q=d(null),J=d(null),Y=i(()=>V.value?ze(V.value):null),X=i(()=>J.value?Be(J.value.type):null),Z=i({get:()=>I.icon?.replace(`mdi:`,``)??null,set:e=>{I.icon=e?`mdi:${e}`:null}}),He=()=>{for(let e of F.value){let t=e.options.find(e=>e.value===I.primarySpaceId);if(t)return t.icon}return`mdi:map-marker`},Ue=ne({name:[{required:!0,message:N(`scenes.form.nameRequired`),trigger:`change`}],category:[{required:!0,message:N(`scenes.form.categoryRequired`),trigger:`change`}]}),We=e=>{V.value=e,W.value=S(),H.value=!0},Ge=e=>{Fe({...e,type:V.value})&&(H.value=!1,V.value=null)},Q=()=>{H.value=!1,V.value=null},Ke=e=>{Ie(e)},qe=e=>{let t=I.actions[e];t&&(q.value=e,J.value={...t},G.value=!0)},Je=e=>{q.value!==null&&Le(q.value,e),G.value=!1,q.value=null,J.value=null},$=()=>{G.value=!1,q.value=null,J.value=null},Ye=async()=>{if(I.actions.length===0)throw R.value=O.ERROR,Ae.error(N(`scenes.form.actionsRequired`)),Error(`No actions`);await Me()};return f(()=>R.value,async e=>{M(`update:remote-form-result`,e)}),f(()=>j.remoteFormSubmit,async e=>{e&&(M(`update:remote-form-submit`,!1),Ye().catch(()=>{}))}),f(()=>j.remoteFormReset,e=>{if(M(`update:remote-form-reset`,!1),e){if(!L.value)return;L.value.resetFields()}}),f(()=>je.value,e=>{M(`update:remote-form-changed`,e)}),te(async()=>{await z()}),(r,i)=>(u(),e(b,null,[s(h(le),{ref_key:`formEl`,ref:L,model:h(I),rules:Ue,"label-position":`top`,"status-icon":``},{default:y(()=>[s(h(pe),{modelValue:B.value,"onUpdate:modelValue":i[5]||=e=>B.value=e},{default:y(()=>[s(h(E),{name:`general`},{title:y(()=>[n(`div`,he,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:information`})]),_:1}),n(`span`,ge,v(h(N)(`scenes.edit.sections.general.title`)),1)])]),default:y(()=>[n(`div`,_e,[s(h(ue),{type:`info`,closable:!1,"show-icon":``,class:`!mb-4`},{title:y(()=>[n(`span`,{innerHTML:h(N)(`scenes.edit.sections.general.hint`)},null,8,ve)]),_:1}),s(h(C),{label:h(N)(`scenes.form.name`),prop:`name`},{default:y(()=>[s(h(x),{modelValue:h(I).name,"onUpdate:modelValue":i[0]||=e=>h(I).name=e,placeholder:h(N)(`scenes.form.namePlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.category`),prop:`category`},{default:y(()=>[s(h(w),{modelValue:h(I).category,"onUpdate:modelValue":i[1]||=e=>h(I).category=e,class:`w-full`},{prefix:y(()=>[h(I).category?(u(),c(h(t),{key:0,icon:h(P).find(e=>e.value===h(I).category)?.icon||`mdi:playlist-play`,class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(P),e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,ye,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.space`),prop:`primarySpaceId`},{default:y(()=>[s(h(w),{modelValue:h(I).primarySpaceId,"onUpdate:modelValue":i[2]||=e=>h(I).primarySpaceId=e,placeholder:h(N)(`scenes.form.selectSpace`),loading:h(Ne),clearable:``,filterable:``,class:`w-full`},{prefix:y(()=>[h(I).primarySpaceId?(u(),c(h(t),{key:0,icon:He(),class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(F),r=>(u(),c(h(de),{key:r.type,label:r.label},{default:y(()=>[(u(!0),e(b,null,p(r.options,e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,be,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.description`)},{default:y(()=>[s(h(x),{modelValue:h(I).description,"onUpdate:modelValue":i[3]||=e=>h(I).description=e,type:`textarea`,rows:2,placeholder:h(N)(`scenes.form.descriptionPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.icon`),prop:`icon`},{default:y(()=>[s(h(re),{modelValue:Z.value,"onUpdate:modelValue":i[4]||=e=>Z.value=e,placeholder:h(N)(`scenes.form.iconPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`])])]),_:1}),s(h(E),{name:`actions`},{title:y(()=>[n(`div`,xe,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:play-box-multiple`})]),_:1}),n(`span`,Se,v(h(N)(`scenes.edit.sections.actions.title`)),1),h(I).actions.length>0?(u(),c(h(ce),{key:0,size:`small`,type:`info`},{default:y(()=>[o(v(h(I).actions.length),1)]),_:1})):_(``,!0)])]),default:y(()=>[n(`div`,Ce,[h(I).actions.length===0?(u(),e(`div`,k,[s(h(a),{size:48,class:`text-gray-300 mb-3`},{default:y(()=>[s(h(t),{icon:`mdi:playlist-plus`})]),_:1}),n(`div`,A,v(h(N)(`scenes.edit.sections.actions.emptyTitle`)),1),n(`div`,we,v(h(N)(`scenes.edit.sections.actions.emptyDescription`)),1)])):_(``,!0),(u(!0),e(b,null,p(h(I).actions,(e,r)=>(u(),c(h(fe),{key:e.id||r,class:`action-card mb-3`,"header-class":`p-2!`,"body-class":`p-2!`,shadow:`never`},{header:y(()=>[n(`div`,Te,[n(`span`,Ee,v(h(Ve)(e.type)),1),n(`div`,De,[s(h(g),{size:`small`,plain:``,onClick:e=>qe(r)},{icon:y(()=>[s(h(t),{icon:`mdi:pencil`})]),_:1},8,[`onClick`]),s(h(g),{type:`warning`,size:`small`,plain:``,onClick:e=>Ke(r)},{icon:y(()=>[s(h(t),{icon:`mdi:trash`})]),_:1},8,[`onClick`])])])]),default:y(()=>[(u(),c(m(h(Re)(e.type)),{action:e},null,8,[`action`]))]),_:2},1024))),128)),s(h(ie),{trigger:`click`,class:`w-full`,onCommand:We},{dropdown:y(()=>[s(h(oe),null,{default:y(()=>[(u(!0),e(b,null,p(h(Pe),e=>(u(),c(h(ae),{key:e.value,command:e.value,disabled:e.disabled},{default:y(()=>[n(`div`,Oe,[s(h(a),{size:18},{default:y(()=>[s(h(t),{icon:`mdi:cog`})]),_:1}),n(`span`,null,v(e.label),1)])]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:y(()=>[s(h(g),{type:`primary`,plain:``,class:`w-full`},{icon:y(()=>[s(h(t),{icon:`mdi:plus`})]),default:y(()=>[o(` `+v(h(N)(`scenes.form.addAction`))+` `,1),s(h(a),{class:`el-icon--right`},{default:y(()=>[s(h(t),{icon:`mdi:chevron-down`})]),_:1})]),_:1})]),_:1}),n(`div`,ke,v(h(N)(`scenes.edit.sections.actions.helperText`)),1)])]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`model`,`rules`]),s(h(D),{modelValue:H.value,"onUpdate:modelValue":i[8]||=e=>H.value=e,title:h(N)(`scenes.form.addAction`),width:`500px`,"close-on-click-modal":!1,onClose:Q},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:Q},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[7]||=e=>U.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.add.title`)),1)]),_:1})]),default:y(()=>[Y.value?(u(),c(m(Y.value),{key:0,id:W.value,"scene-id":``,"scene-category":h(I).category,"remote-form-submit":U.value,"onUpdate:remoteFormSubmit":i[6]||=e=>U.value=e,onSubmit:Ge},null,40,[`id`,`scene-category`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`]),s(h(D),{modelValue:G.value,"onUpdate:modelValue":i[11]||=e=>G.value=e,title:h(N)(`scenes.form.editAction`),width:`500px`,"close-on-click-modal":!1,onClose:$},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:$},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[10]||=e=>K.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.save.title`)),1)]),_:1})]),default:y(()=>[X.value&&J.value?(u(),c(m(X.value),{key:0,action:J.value,"scene-id":``,"remote-form-submit":K.value,"onUpdate:remoteFormSubmit":i[9]||=e=>K.value=e,onSubmit:Je},null,40,[`action`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`])],64))}}),[[`__scopeId`,`data-v-c6e267c7`]]);export{j as t};

package/dist/assets/{scene-edit-form-BpyqxJsJ.js → scene-edit-form-D6fUKT6Q.js}

@@ -1 +1 @@
-import"./rolldown-runtime-QTnfLwEv.js";import{Ar as e,D as t,Dr as n,E as r,Er as i,H as a,Mr as o,Nr as s,Or as c,Pr as l,Qr as u,Si as d,T as ee,Yr as te,bi as ne,ci as f,ei as p,ii as m,ji as h,k as g,kr as _,qi as v,ui as y,xr as b}from"./icon-with-child-CgZMNB3F.js";import{A as re,Fr as ie,Ir as ae,Lr as oe,Nr as se,ei as x,o as S,p as ce,qr as le}from"./common-D4Z2wgrj.js";import{n as C,t as ue}from"./form-Wa6uIXea.js";import{t as de}from"./alert-I-oSc4A8.js";import{n as fe,r as w,t as T}from"./select-CTZp3DyT.js";import{t as pe}from"./card-C50YgvLJ.js";import{n as E,t as me}from"./collapse-hdC45R5w.js";import{t as D}from"./dialog-4clb5GeY.js";import{a as he,g as O}from"./composables-DDdN4T8e.js";var ge={class:`flex items-center gap-2`},_e={class:`font-medium`},ve={class:`px-2`},ye=[`innerHTML`],be={class:`flex items-center gap-2`},xe={class:`flex items-center gap-2`},Se={class:`flex items-center gap-2`},Ce={class:`font-medium`},k={class:`px-2`},A={key:0,class:`empty-actions-state`},we={class:`text-gray-600 font-medium mb-1`},Te={class:`text-gray-400 text-sm mb-4`},Ee={class:`flex justify-between items-center`},De={class:`text-sm font-medium`},Oe={class:`flex gap-1`},ke={class:`flex items-center gap-2`},Ae={class:`text-gray-400 text-xs mt-2 text-center`},j=r(l({name:`SceneEditForm`,__name:`scene-edit-form`,props:{scene:{},remoteFormSubmit:{type:Boolean},remoteFormResult:{default:O.NONE},remoteFormReset:{type:Boolean,default:!1},remoteFormChanged:{type:Boolean,default:!1}},emits:[`update:remote-form-submit`,`update:remote-form-result`,`update:remote-form-reset`,`update:remote-form-changed`],setup(r,{emit:l}){let j=r,M=l,{t:N}=ee(),je=ce(),{categoriesOptions:P,spacesOptionsGrouped:F,model:I,formEl:L,formChanged:Me,submit:Ne,formResult:R,loadingSpaces:Pe,fetchSpaces:Fe,actionPluginOptions:Ie,addAction:Le,removeAction:Re,updateAction:ze,getActionCardComponent:Be,getActionFormComponent:Ve,getActionEditFormComponent:He,getPluginLabel:Ue}=he({scene:j.scene}),z=d([`general`,`actions`]),B=d(null),V=d(!1),H=d(!1),U=d(S()),W=d(!1),G=d(!1),K=d(null),q=d(null),J=i(()=>B.value?Ve(B.value):null),Y=i(()=>q.value?He(q.value.type):null),X=i({get:()=>I.icon?.replace(`mdi:`,``)??null,set:e=>{I.icon=e?`mdi:${e}`:null}}),We=()=>{for(let e of F.value){let t=e.options.find(e=>e.value===I.primarySpaceId);if(t)return t.icon}return`mdi:map-marker`},Ge=ne({name:[{required:!0,message:N(`scenes.form.nameRequired`),trigger:`change`}],category:[{required:!0,message:N(`scenes.form.categoryRequired`),trigger:`change`}]}),Ke=e=>{B.value=e,U.value=S(),V.value=!0},Z=e=>{Le({...e,type:B.value})&&(V.value=!1,B.value=null)},Q=()=>{V.value=!1,B.value=null},qe=e=>{Re(e)},Je=e=>{let t=I.actions[e];t&&(K.value=e,q.value={...t},W.value=!0)},Ye=e=>{K.value!==null&&ze(K.value,e),W.value=!1,K.value=null,q.value=null},$=()=>{W.value=!1,K.value=null,q.value=null},Xe=async()=>{if(I.actions.length===0)throw R.value=O.ERROR,je.error(N(`scenes.form.actionsRequired`)),Error(`No actions`);await Ne()};return f(()=>R.value,e=>{M(`update:remote-form-result`,e)}),f(()=>j.remoteFormSubmit,e=>{e&&(M(`update:remote-form-submit`,!1),Xe().catch(e=>{R.value===O.WORKING&&(R.value=O.ERROR),console.error(`Scene edit form submission error:`,e)}))}),f(()=>j.remoteFormReset,e=>{if(M(`update:remote-form-reset`,!1),e){if(!L.value)return;L.value.resetFields()}}),f(()=>Me.value,e=>{M(`update:remote-form-changed`,e)}),te(async()=>{await Fe()}),(r,i)=>(u(),e(b,null,[s(h(ue),{ref_key:`formEl`,ref:L,model:h(I),rules:Ge,"label-position":`top`,"status-icon":``},{default:y(()=>[s(h(me),{modelValue:z.value,"onUpdate:modelValue":i[6]||=e=>z.value=e},{default:y(()=>[s(h(E),{name:`general`},{title:y(()=>[n(`div`,ge,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:information`})]),_:1}),n(`span`,_e,v(h(N)(`scenes.edit.sections.general.title`)),1)])]),default:y(()=>[n(`div`,ve,[s(h(de),{type:`info`,closable:!1,"show-icon":``,class:`!mb-4`},{title:y(()=>[n(`span`,{innerHTML:h(N)(`scenes.edit.sections.general.hint`)},null,8,ye)]),_:1}),s(h(C),{label:h(N)(`scenes.form.name`),prop:`name`},{default:y(()=>[s(h(x),{modelValue:h(I).name,"onUpdate:modelValue":i[0]||=e=>h(I).name=e,placeholder:h(N)(`scenes.form.namePlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.category`),prop:`category`},{default:y(()=>[s(h(w),{modelValue:h(I).category,"onUpdate:modelValue":i[1]||=e=>h(I).category=e,class:`w-full`},{prefix:y(()=>[h(I).category?(u(),c(h(t),{key:0,icon:h(P).find(e=>e.value===h(I).category)?.icon||`mdi:playlist-play`,class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(P),e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,be,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.space`),prop:`primarySpaceId`},{default:y(()=>[s(h(w),{modelValue:h(I).primarySpaceId,"onUpdate:modelValue":i[2]||=e=>h(I).primarySpaceId=e,placeholder:h(N)(`scenes.form.selectSpace`),loading:h(Pe),clearable:``,filterable:``,class:`w-full`},{prefix:y(()=>[h(I).primarySpaceId?(u(),c(h(t),{key:0,icon:We(),class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(F),r=>(u(),c(h(fe),{key:r.type,label:r.label},{default:y(()=>[(u(!0),e(b,null,p(r.options,e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,xe,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.description`)},{default:y(()=>[s(h(x),{modelValue:h(I).description,"onUpdate:modelValue":i[3]||=e=>h(I).description=e,type:`textarea`,rows:2,placeholder:h(N)(`scenes.form.descriptionPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.icon`),prop:`icon`},{default:y(()=>[s(h(re),{modelValue:X.value,"onUpdate:modelValue":i[4]||=e=>X.value=e,placeholder:h(N)(`scenes.form.iconPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{"label-position":`left`},{label:y(()=>[o(v(h(N)(`scenes.fields.enabled`)),1)]),default:y(()=>[s(h(se),{modelValue:h(I).enabled,"onUpdate:modelValue":i[5]||=e=>h(I).enabled=e},null,8,[`modelValue`])]),_:1})])]),_:1}),s(h(E),{name:`actions`},{title:y(()=>[n(`div`,Se,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:play-box-multiple`})]),_:1}),n(`span`,Ce,v(h(N)(`scenes.edit.sections.actions.title`)),1),h(I).actions.length>0?(u(),c(h(le),{key:0,size:`small`,type:`info`},{default:y(()=>[o(v(h(I).actions.length),1)]),_:1})):_(``,!0)])]),default:y(()=>[n(`div`,k,[h(I).actions.length===0?(u(),e(`div`,A,[s(h(a),{size:48,class:`text-gray-300 mb-3`},{default:y(()=>[s(h(t),{icon:`mdi:playlist-plus`})]),_:1}),n(`div`,we,v(h(N)(`scenes.edit.sections.actions.emptyTitle`)),1),n(`div`,Te,v(h(N)(`scenes.edit.sections.actions.emptyDescription`)),1)])):_(``,!0),(u(!0),e(b,null,p(h(I).actions,(e,r)=>(u(),c(h(pe),{key:e.id||r,class:`action-card mb-3`,"header-class":`p-2!`,"body-class":`p-2!`,shadow:`never`},{header:y(()=>[n(`div`,Ee,[n(`span`,De,v(h(Ue)(e.type)),1),n(`div`,Oe,[s(h(g),{size:`small`,plain:``,onClick:e=>Je(r)},{icon:y(()=>[s(h(t),{icon:`mdi:pencil`})]),_:1},8,[`onClick`]),s(h(g),{type:`warning`,size:`small`,plain:``,onClick:e=>qe(r)},{icon:y(()=>[s(h(t),{icon:`mdi:trash`})]),_:1},8,[`onClick`])])])]),default:y(()=>[(u(),c(m(h(Be)(e.type)),{action:e},null,8,[`action`]))]),_:2},1024))),128)),s(h(ie),{trigger:`click`,class:`w-full`,onCommand:Ke},{dropdown:y(()=>[s(h(oe),null,{default:y(()=>[(u(!0),e(b,null,p(h(Ie),e=>(u(),c(h(ae),{key:e.value,command:e.value,disabled:e.disabled},{default:y(()=>[n(`div`,ke,[s(h(a),{size:18},{default:y(()=>[s(h(t),{icon:`mdi:cog`})]),_:1}),n(`span`,null,v(e.label),1)])]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:y(()=>[s(h(g),{type:`primary`,plain:``,class:`w-full`},{icon:y(()=>[s(h(t),{icon:`mdi:plus`})]),default:y(()=>[o(` `+v(h(N)(`scenes.form.addAction`))+` `,1),s(h(a),{class:`el-icon--right`},{default:y(()=>[s(h(t),{icon:`mdi:chevron-down`})]),_:1})]),_:1})]),_:1}),n(`div`,Ae,v(h(N)(`scenes.edit.sections.actions.helperText`)),1)])]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`model`,`rules`]),s(h(D),{modelValue:V.value,"onUpdate:modelValue":i[9]||=e=>V.value=e,title:h(N)(`scenes.form.addAction`),width:`500px`,"close-on-click-modal":!1,onClose:Q},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:Q},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[8]||=e=>H.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.add.title`)),1)]),_:1})]),default:y(()=>[J.value?(u(),c(m(J.value),{key:0,id:U.value,"scene-id":h(I).id,"scene-category":h(I).category,"remote-form-submit":H.value,"onUpdate:remoteFormSubmit":i[7]||=e=>H.value=e,onSubmit:Z},null,40,[`id`,`scene-id`,`scene-category`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`]),s(h(D),{modelValue:W.value,"onUpdate:modelValue":i[12]||=e=>W.value=e,title:h(N)(`scenes.form.editAction`),width:`500px`,"close-on-click-modal":!1,onClose:$},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:$},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[11]||=e=>G.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.save.title`)),1)]),_:1})]),default:y(()=>[Y.value&&q.value?(u(),c(m(Y.value),{key:0,action:q.value,"scene-id":h(I).id,"remote-form-submit":G.value,"onUpdate:remoteFormSubmit":i[10]||=e=>G.value=e,onSubmit:Ye},null,40,[`action`,`scene-id`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`])],64))}}),[[`__scopeId`,`data-v-2d94d92b`]]);export{j as t};
+import"./rolldown-runtime-QTnfLwEv.js";import{Ar as e,D as t,Dr as n,E as r,Er as i,H as a,Mr as o,Nr as s,Or as c,Pr as l,Qr as u,Si as d,T as ee,Yr as te,bi as ne,ci as f,ei as p,ii as m,ji as h,k as g,kr as _,qi as v,ui as y,xr as b}from"./icon-with-child-CgZMNB3F.js";import{A as re,Fr as ie,Ir as ae,Lr as oe,Nr as se,ei as x,o as S,p as ce,qr as le}from"./common-D4Z2wgrj.js";import{n as C,t as ue}from"./form-Wa6uIXea.js";import{t as de}from"./alert-I-oSc4A8.js";import{n as fe,r as w,t as T}from"./select-CTZp3DyT.js";import{t as pe}from"./card-C50YgvLJ.js";import{n as E,t as me}from"./collapse-hdC45R5w.js";import{t as D}from"./dialog-4clb5GeY.js";import{a as he,g as O}from"./composables-DeXiqZuU.js";var ge={class:`flex items-center gap-2`},_e={class:`font-medium`},ve={class:`px-2`},ye=[`innerHTML`],be={class:`flex items-center gap-2`},xe={class:`flex items-center gap-2`},Se={class:`flex items-center gap-2`},Ce={class:`font-medium`},k={class:`px-2`},A={key:0,class:`empty-actions-state`},we={class:`text-gray-600 font-medium mb-1`},Te={class:`text-gray-400 text-sm mb-4`},Ee={class:`flex justify-between items-center`},De={class:`text-sm font-medium`},Oe={class:`flex gap-1`},ke={class:`flex items-center gap-2`},Ae={class:`text-gray-400 text-xs mt-2 text-center`},j=r(l({name:`SceneEditForm`,__name:`scene-edit-form`,props:{scene:{},remoteFormSubmit:{type:Boolean},remoteFormResult:{default:O.NONE},remoteFormReset:{type:Boolean,default:!1},remoteFormChanged:{type:Boolean,default:!1}},emits:[`update:remote-form-submit`,`update:remote-form-result`,`update:remote-form-reset`,`update:remote-form-changed`],setup(r,{emit:l}){let j=r,M=l,{t:N}=ee(),je=ce(),{categoriesOptions:P,spacesOptionsGrouped:F,model:I,formEl:L,formChanged:Me,submit:Ne,formResult:R,loadingSpaces:Pe,fetchSpaces:Fe,actionPluginOptions:Ie,addAction:Le,removeAction:Re,updateAction:ze,getActionCardComponent:Be,getActionFormComponent:Ve,getActionEditFormComponent:He,getPluginLabel:Ue}=he({scene:j.scene}),z=d([`general`,`actions`]),B=d(null),V=d(!1),H=d(!1),U=d(S()),W=d(!1),G=d(!1),K=d(null),q=d(null),J=i(()=>B.value?Ve(B.value):null),Y=i(()=>q.value?He(q.value.type):null),X=i({get:()=>I.icon?.replace(`mdi:`,``)??null,set:e=>{I.icon=e?`mdi:${e}`:null}}),We=()=>{for(let e of F.value){let t=e.options.find(e=>e.value===I.primarySpaceId);if(t)return t.icon}return`mdi:map-marker`},Ge=ne({name:[{required:!0,message:N(`scenes.form.nameRequired`),trigger:`change`}],category:[{required:!0,message:N(`scenes.form.categoryRequired`),trigger:`change`}]}),Ke=e=>{B.value=e,U.value=S(),V.value=!0},Z=e=>{Le({...e,type:B.value})&&(V.value=!1,B.value=null)},Q=()=>{V.value=!1,B.value=null},qe=e=>{Re(e)},Je=e=>{let t=I.actions[e];t&&(K.value=e,q.value={...t},W.value=!0)},Ye=e=>{K.value!==null&&ze(K.value,e),W.value=!1,K.value=null,q.value=null},$=()=>{W.value=!1,K.value=null,q.value=null},Xe=async()=>{if(I.actions.length===0)throw R.value=O.ERROR,je.error(N(`scenes.form.actionsRequired`)),Error(`No actions`);await Ne()};return f(()=>R.value,e=>{M(`update:remote-form-result`,e)}),f(()=>j.remoteFormSubmit,e=>{e&&(M(`update:remote-form-submit`,!1),Xe().catch(e=>{R.value===O.WORKING&&(R.value=O.ERROR),console.error(`Scene edit form submission error:`,e)}))}),f(()=>j.remoteFormReset,e=>{if(M(`update:remote-form-reset`,!1),e){if(!L.value)return;L.value.resetFields()}}),f(()=>Me.value,e=>{M(`update:remote-form-changed`,e)}),te(async()=>{await Fe()}),(r,i)=>(u(),e(b,null,[s(h(ue),{ref_key:`formEl`,ref:L,model:h(I),rules:Ge,"label-position":`top`,"status-icon":``},{default:y(()=>[s(h(me),{modelValue:z.value,"onUpdate:modelValue":i[6]||=e=>z.value=e},{default:y(()=>[s(h(E),{name:`general`},{title:y(()=>[n(`div`,ge,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:information`})]),_:1}),n(`span`,_e,v(h(N)(`scenes.edit.sections.general.title`)),1)])]),default:y(()=>[n(`div`,ve,[s(h(de),{type:`info`,closable:!1,"show-icon":``,class:`!mb-4`},{title:y(()=>[n(`span`,{innerHTML:h(N)(`scenes.edit.sections.general.hint`)},null,8,ye)]),_:1}),s(h(C),{label:h(N)(`scenes.form.name`),prop:`name`},{default:y(()=>[s(h(x),{modelValue:h(I).name,"onUpdate:modelValue":i[0]||=e=>h(I).name=e,placeholder:h(N)(`scenes.form.namePlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.category`),prop:`category`},{default:y(()=>[s(h(w),{modelValue:h(I).category,"onUpdate:modelValue":i[1]||=e=>h(I).category=e,class:`w-full`},{prefix:y(()=>[h(I).category?(u(),c(h(t),{key:0,icon:h(P).find(e=>e.value===h(I).category)?.icon||`mdi:playlist-play`,class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(P),e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,be,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.space`),prop:`primarySpaceId`},{default:y(()=>[s(h(w),{modelValue:h(I).primarySpaceId,"onUpdate:modelValue":i[2]||=e=>h(I).primarySpaceId=e,placeholder:h(N)(`scenes.form.selectSpace`),loading:h(Pe),clearable:``,filterable:``,class:`w-full`},{prefix:y(()=>[h(I).primarySpaceId?(u(),c(h(t),{key:0,icon:We(),class:`text-lg`},null,8,[`icon`])):_(``,!0)]),default:y(()=>[(u(!0),e(b,null,p(h(F),r=>(u(),c(h(fe),{key:r.type,label:r.label},{default:y(()=>[(u(!0),e(b,null,p(r.options,e=>(u(),c(h(T),{key:e.value,label:e.label,value:e.value},{default:y(()=>[n(`div`,xe,[s(h(t),{icon:e.icon,class:`text-lg`},null,8,[`icon`]),n(`span`,null,v(e.label),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.description`)},{default:y(()=>[s(h(x),{modelValue:h(I).description,"onUpdate:modelValue":i[3]||=e=>h(I).description=e,type:`textarea`,rows:2,placeholder:h(N)(`scenes.form.descriptionPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{label:h(N)(`scenes.form.icon`),prop:`icon`},{default:y(()=>[s(h(re),{modelValue:X.value,"onUpdate:modelValue":i[4]||=e=>X.value=e,placeholder:h(N)(`scenes.form.iconPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(h(C),{"label-position":`left`},{label:y(()=>[o(v(h(N)(`scenes.fields.enabled`)),1)]),default:y(()=>[s(h(se),{modelValue:h(I).enabled,"onUpdate:modelValue":i[5]||=e=>h(I).enabled=e},null,8,[`modelValue`])]),_:1})])]),_:1}),s(h(E),{name:`actions`},{title:y(()=>[n(`div`,Se,[s(h(a),{size:20},{default:y(()=>[s(h(t),{icon:`mdi:play-box-multiple`})]),_:1}),n(`span`,Ce,v(h(N)(`scenes.edit.sections.actions.title`)),1),h(I).actions.length>0?(u(),c(h(le),{key:0,size:`small`,type:`info`},{default:y(()=>[o(v(h(I).actions.length),1)]),_:1})):_(``,!0)])]),default:y(()=>[n(`div`,k,[h(I).actions.length===0?(u(),e(`div`,A,[s(h(a),{size:48,class:`text-gray-300 mb-3`},{default:y(()=>[s(h(t),{icon:`mdi:playlist-plus`})]),_:1}),n(`div`,we,v(h(N)(`scenes.edit.sections.actions.emptyTitle`)),1),n(`div`,Te,v(h(N)(`scenes.edit.sections.actions.emptyDescription`)),1)])):_(``,!0),(u(!0),e(b,null,p(h(I).actions,(e,r)=>(u(),c(h(pe),{key:e.id||r,class:`action-card mb-3`,"header-class":`p-2!`,"body-class":`p-2!`,shadow:`never`},{header:y(()=>[n(`div`,Ee,[n(`span`,De,v(h(Ue)(e.type)),1),n(`div`,Oe,[s(h(g),{size:`small`,plain:``,onClick:e=>Je(r)},{icon:y(()=>[s(h(t),{icon:`mdi:pencil`})]),_:1},8,[`onClick`]),s(h(g),{type:`warning`,size:`small`,plain:``,onClick:e=>qe(r)},{icon:y(()=>[s(h(t),{icon:`mdi:trash`})]),_:1},8,[`onClick`])])])]),default:y(()=>[(u(),c(m(h(Be)(e.type)),{action:e},null,8,[`action`]))]),_:2},1024))),128)),s(h(ie),{trigger:`click`,class:`w-full`,onCommand:Ke},{dropdown:y(()=>[s(h(oe),null,{default:y(()=>[(u(!0),e(b,null,p(h(Ie),e=>(u(),c(h(ae),{key:e.value,command:e.value,disabled:e.disabled},{default:y(()=>[n(`div`,ke,[s(h(a),{size:18},{default:y(()=>[s(h(t),{icon:`mdi:cog`})]),_:1}),n(`span`,null,v(e.label),1)])]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:y(()=>[s(h(g),{type:`primary`,plain:``,class:`w-full`},{icon:y(()=>[s(h(t),{icon:`mdi:plus`})]),default:y(()=>[o(` `+v(h(N)(`scenes.form.addAction`))+` `,1),s(h(a),{class:`el-icon--right`},{default:y(()=>[s(h(t),{icon:`mdi:chevron-down`})]),_:1})]),_:1})]),_:1}),n(`div`,Ae,v(h(N)(`scenes.edit.sections.actions.helperText`)),1)])]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`model`,`rules`]),s(h(D),{modelValue:V.value,"onUpdate:modelValue":i[9]||=e=>V.value=e,title:h(N)(`scenes.form.addAction`),width:`500px`,"close-on-click-modal":!1,onClose:Q},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:Q},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[8]||=e=>H.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.add.title`)),1)]),_:1})]),default:y(()=>[J.value?(u(),c(m(J.value),{key:0,id:U.value,"scene-id":h(I).id,"scene-category":h(I).category,"remote-form-submit":H.value,"onUpdate:remoteFormSubmit":i[7]||=e=>H.value=e,onSubmit:Z},null,40,[`id`,`scene-id`,`scene-category`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`]),s(h(D),{modelValue:W.value,"onUpdate:modelValue":i[12]||=e=>W.value=e,title:h(N)(`scenes.form.editAction`),width:`500px`,"close-on-click-modal":!1,onClose:$},{footer:y(()=>[s(h(g),{link:``,class:`mr-2`,onClick:$},{default:y(()=>[o(v(h(N)(`scenes.buttons.close.title`)),1)]),_:1}),s(h(g),{type:`primary`,onClick:i[11]||=e=>G.value=!0},{default:y(()=>[o(v(h(N)(`scenes.buttons.save.title`)),1)]),_:1})]),default:y(()=>[Y.value&&q.value?(u(),c(m(Y.value),{key:0,action:q.value,"scene-id":h(I).id,"remote-form-submit":G.value,"onUpdate:remoteFormSubmit":i[10]||=e=>G.value=e,onSubmit:Ye},null,40,[`action`,`scene-id`,`remote-form-submit`])):_(``,!0)]),_:1},8,[`modelValue`,`title`])],64))}}),[[`__scopeId`,`data-v-2d94d92b`]]);export{j as t};