@mxtommy/kip 4.5.2 → 4.6.0

package/public/{chunk-R36UY4Q4.js → chunk-CYTLQDGF.js}

@@ -1 +1 @@
-import{a as G,b as J,c as X,d as Y,e as Z,f as ee}from"./chunk-WH5CIUSB.js";import{a as Q}from"./chunk-TBNKOU7M.js";import{c as U,f as z,h as H,j as K}from"./chunk-VPF5756E.js";import{a as W}from"./chunk-OPTBDYBL.js";import{r as F}from"./chunk-SJFJEOSG.js";import"./chunk-FZFDGAQO.js";import"./chunk-YI3MZWRZ.js";import{m as V}from"./chunk-P7JKENHI.js";import{Aa as T,Ab as I,Ac as $,Bb as M,Cb as D,Db as l,Eb as d,Fa as c,Fb as N,Ga as S,Mb as w,Ob as R,Oe as g,Qb as p,Re as B,Se as j,Va as f,a as y,ac as A,b as v,dc as m,ec as L,fb as P,je as q,pa as u,ua as b,va as C,wb as E,xb as O,yb as k}from"./chunk-BTFZS2TW.js";var te=(n,a)=>a.id;function ie(n,a){if(n&1){let e=w();l(0,"button",9),R("click",function(){let t=b(e).$implicit,o=p();return C(o.displayDashboards(t.displayId))}),m(1),d()}if(n&2){let e=a.$implicit,i=p();A("selected",i.selectedDisplayButtonId()===e.displayId),f(),L(e.displayName)}}function ne(n,a){n&1&&(l(0,"button",5)(1,"i"),m(2,'"No Remote"'),d()())}function se(n,a){n&1&&(l(0,"div",7),N(1,"mat-progress-spinner",10),d())}function oe(n,a){if(n&1){let e=w();l(0,"tile-large-icon",12,0),R("click",function(){let t=b(e).$index,o=p(2);return C(o.setActiveScreen(t))}),d()}if(n&2){let e=a.$implicit,i=a.$index,t=p(2);D("active",t.activeScreenIdx()===i)("svgIcon",e.icon)("iconSize",72)("label",e.name)}}function ae(n,a){if(n&1&&I(0,oe,2,4,"tile-large-icon",11,te),n&2){let e=p();M(e.screens())}}function re(n,a){n&1&&(l(0,"div",8)(1,"mat-icon",13),m(2,"cast"),d(),l(3,"div",14)(4,"p"),m(5,"Select an available remote KIP in the menu."),d(),l(6,"p"),m(7,"To allow remote control of a dashboard, on that KIP device open Options \u2192 Display \u2192 Remote Control and enable it."),d()()())}var De=(()=>{class n{COMMAND_REQUEST_ACTIVE_SCREEN_PATH="self.kip.remote.requestActiveScreen";_settings=u(V);_data=u(F);_requests=u(U);_destroyRef=u(T);pageTitle="Remote Control";appID=this._settings.KipUUID;displayId=c(null);selectedDisplayButtonId=c(null);screensLoading=c(!1);displaysMap=c({});selectedDisplaySub=null;selectedScreenIndexSub=null;displays=$(()=>Object.values(this.displaysMap()).filter(i=>i.displayId!==this.appID).sort((i,t)=>{let o=(i.displayName??"").toLowerCase(),s=(t.displayName??"").toLowerCase();return o&&s?o.localeCompare(s):o?-1:s?1:i.displayId.localeCompare(t.displayId)}));screens=c([]);activeScreenIdx=c(null);constructor(){this._data.subscribePathTree("self.displays.*").pipe(g(this._destroyRef)).subscribe(({path:e,update:i})=>{this.updateDisplayCatalog(e,i.data.value)}),S(()=>{let e=this.displays(),i=this.selectedDisplayButtonId();if(!e.length){this.displayDashboards(null);return}(!i||!e.some(t=>t.displayId===i))&&this.displayDashboards(e[0].displayId)}),S(()=>{this.rebindSelectedDisplaySubscriptions(this.displayId())})}updateDisplayCatalog(e,i){let t=this.extractDisplayId(e);if(!t||t===this.appID)return;let o=`self.displays.${t}`;this.displaysMap.update(s=>{let r=y({},s);if(e===o&&(i===null||typeof i>"u"))return delete r[t],r;let _=(r[t]??{displayId:t,displayName:null}).displayName;if(e===o&&i&&typeof i=="object"){let x=i;typeof x.displayName=="string"?_=x.displayName:x.displayName===null&&(_=null)}return r[t]={displayId:t,displayName:_},r})}rebindSelectedDisplaySubscriptions(e){if(this.selectedDisplaySub?.unsubscribe(),this.selectedDisplaySub=null,this.selectedScreenIndexSub?.unsubscribe(),this.selectedScreenIndexSub=null,!e){this.screensLoading.set(!1),this.screens.set([]),this.activeScreenIdx.set(null);return}this.screensLoading.set(!0),this.selectedDisplaySub=this._data.subscribePath(`self.displays.${e}`,"default").pipe(g(this._destroyRef)).subscribe(i=>{this.screensLoading.set(!1);let t=i.data.value,o=Array.isArray(t?.screens)?t.screens.filter(s=>!!s&&typeof s=="object"&&typeof s.id=="string"&&typeof s.name=="string"&&typeof s.icon=="string"):[];this.screens.set(o),t&&Object.prototype.hasOwnProperty.call(t,"displayName")&&this.displaysMap.update(s=>{let r=s[e];if(!r)return s;let h=typeof t.displayName=="string"?t.displayName:t.displayName===null?null:r.displayName;return h===r.displayName?s:v(y({},s),{[e]:v(y({},r),{displayName:h})})})}),this.selectedScreenIndexSub=this._data.subscribePath(`self.displays.${e}.screenIndex`,"default").pipe(g(this._destroyRef)).subscribe(i=>{let t=i.data.value;this.activeScreenIdx.set(typeof t=="number"?t:null)})}extractDisplayId(e){return e.match(/^self\.displays\.([^.]+)(?:\.|$)/)?.[1]??null}displayDashboards(e){this.displayId.set(e),this.selectedDisplayButtonId.set(e)}setActiveScreen(e){let i=this.activeScreenIdx(),t=this.displayId();if(!t)return;this.activeScreenIdx.set(e),this._requests.putRequest(this.COMMAND_REQUEST_ACTIVE_SCREEN_PATH,{displayId:t,screenIdx:e},this.appID)||(console.error("Failed to set active screen: request was not accepted"),this.activeScreenIdx.set(i))}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=P({type:n,selectors:[["remote-control"]],decls:11,vars:3,consts:[["tile",""],["svgIconId","remote-control",3,"pageTitle"],[1,"sidenav-remote-control-container"],["mode","side","opened",""],["mat-list-item","","tabindex","0",3,"selected"],["mat-list-item","","tabindex","0","disabled","true",2,"text-align","center"],[1,"sidenav-remote-control-content"],["aria-label","Loading screens",1,"loading-container"],["role","status","aria-live","polite",1,"empty-state-msg"],["mat-list-item","","tabindex","0",3,"click"],["mode","indeterminate","diameter","64","strokeWidth","5"],[3,"active","svgIcon","iconSize","label"],[3,"click","active","svgIcon","iconSize","label"],["aria-hidden","true","color","primary",1,"empty-state-icon"],[1,"copy"]],template:function(i,t){i&1&&(N(0,"page-header",1),l(1,"mat-sidenav-container",2)(2,"mat-sidenav",3)(3,"mat-action-list"),I(4,ie,2,3,"button",4,k,!1,ne,3,0,"button",5),d()(),l(7,"mat-sidenav-content",6),E(8,se,2,0,"div",7)(9,ae,2,0)(10,re,8,0,"div",8),d()()),i&2&&(D("pageTitle",t.pageTitle),f(4),M(t.displays()),f(4),O(t.screensLoading()?8:t.screens().length?9:10))},dependencies:[W,Y,J,X,G,K,z,H,q,ee,Z,Q,j,B],styles:[".sidenav-remote-control-container[_ngcontent-%COMP%]{height:calc(100% - 87px);width:calc(100% - 48px);margin:0 24px 24px;border:1px solid var(--mat-sys-outline-variant)}mat-sidenav[_ngcontent-%COMP%]{width:150px;--mat-sidenav-container-shape: square}.selected[_ngcontent-%COMP%]{background-color:var(--mat-sys-inverse-on-surface)}.loading-container[_ngcontent-%COMP%]{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.sidenav-remote-control-content[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;height:100%;width:100%;padding:5px;gap:5px;overflow-y:auto;scrollbar-width:none;overflow-x:hidden;scroll-behavior:smooth;flex:1 1 auto;min-height:0}tile-large-icon[_ngcontent-%COMP%]{width:190px}.empty-state-msg[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;height:100%;width:calc(100% - 150px);min-height:70vh;padding:2rem;text-align:center;color:var(--mat-sys-outline-variant);font-style:italic}.empty-state-icon[_ngcontent-%COMP%]{font-size:4rem;width:4rem;height:4rem;color:var(--mat-sys-outline-variant);margin-bottom:1rem}"]})}return n})();export{De as RemoteControlComponent};
+import{a as G,b as J,c as X,d as Y,e as Z,f as ee}from"./chunk-BGGO4PGD.js";import{a as Q}from"./chunk-B4NYOD6L.js";import{c as U,f as z,h as H,j as K}from"./chunk-MGLD6QDJ.js";import{a as W}from"./chunk-PUPM3HUQ.js";import{r as F}from"./chunk-PPF5S5CV.js";import"./chunk-WJFXI5PQ.js";import"./chunk-HSKVTFFQ.js";import{m as V}from"./chunk-AC6VD2FN.js";import{Aa as T,Ab as I,Ac as $,Bb as M,Cb as D,Db as l,Eb as d,Fa as c,Fb as N,Ga as S,Mb as w,Ob as R,Oe as g,Qb as p,Re as B,Se as j,Va as f,a as y,ac as A,b as v,dc as m,ec as L,fb as P,je as q,pa as u,ua as b,va as C,wb as E,xb as O,yb as k}from"./chunk-PZ6I6W3H.js";var te=(n,a)=>a.id;function ie(n,a){if(n&1){let e=w();l(0,"button",9),R("click",function(){let t=b(e).$implicit,o=p();return C(o.displayDashboards(t.displayId))}),m(1),d()}if(n&2){let e=a.$implicit,i=p();A("selected",i.selectedDisplayButtonId()===e.displayId),f(),L(e.displayName)}}function ne(n,a){n&1&&(l(0,"button",5)(1,"i"),m(2,'"No Remote"'),d()())}function se(n,a){n&1&&(l(0,"div",7),N(1,"mat-progress-spinner",10),d())}function oe(n,a){if(n&1){let e=w();l(0,"tile-large-icon",12,0),R("click",function(){let t=b(e).$index,o=p(2);return C(o.setActiveScreen(t))}),d()}if(n&2){let e=a.$implicit,i=a.$index,t=p(2);D("active",t.activeScreenIdx()===i)("svgIcon",e.icon)("iconSize",72)("label",e.name)}}function ae(n,a){if(n&1&&I(0,oe,2,4,"tile-large-icon",11,te),n&2){let e=p();M(e.screens())}}function re(n,a){n&1&&(l(0,"div",8)(1,"mat-icon",13),m(2,"cast"),d(),l(3,"div",14)(4,"p"),m(5,"Select an available remote KIP in the menu."),d(),l(6,"p"),m(7,"To allow remote control of a dashboard, on that KIP device open Options \u2192 Display \u2192 Remote Control and enable it."),d()()())}var De=(()=>{class n{COMMAND_REQUEST_ACTIVE_SCREEN_PATH="self.kip.remote.requestActiveScreen";_settings=u(V);_data=u(F);_requests=u(U);_destroyRef=u(T);pageTitle="Remote Control";appID=this._settings.KipUUID;displayId=c(null);selectedDisplayButtonId=c(null);screensLoading=c(!1);displaysMap=c({});selectedDisplaySub=null;selectedScreenIndexSub=null;displays=$(()=>Object.values(this.displaysMap()).filter(i=>i.displayId!==this.appID).sort((i,t)=>{let o=(i.displayName??"").toLowerCase(),s=(t.displayName??"").toLowerCase();return o&&s?o.localeCompare(s):o?-1:s?1:i.displayId.localeCompare(t.displayId)}));screens=c([]);activeScreenIdx=c(null);constructor(){this._data.subscribePathTree("self.displays.*").pipe(g(this._destroyRef)).subscribe(({path:e,update:i})=>{this.updateDisplayCatalog(e,i.data.value)}),S(()=>{let e=this.displays(),i=this.selectedDisplayButtonId();if(!e.length){this.displayDashboards(null);return}(!i||!e.some(t=>t.displayId===i))&&this.displayDashboards(e[0].displayId)}),S(()=>{this.rebindSelectedDisplaySubscriptions(this.displayId())})}updateDisplayCatalog(e,i){let t=this.extractDisplayId(e);if(!t||t===this.appID)return;let o=`self.displays.${t}`;this.displaysMap.update(s=>{let r=y({},s);if(e===o&&(i===null||typeof i>"u"))return delete r[t],r;let _=(r[t]??{displayId:t,displayName:null}).displayName;if(e===o&&i&&typeof i=="object"){let x=i;typeof x.displayName=="string"?_=x.displayName:x.displayName===null&&(_=null)}return r[t]={displayId:t,displayName:_},r})}rebindSelectedDisplaySubscriptions(e){if(this.selectedDisplaySub?.unsubscribe(),this.selectedDisplaySub=null,this.selectedScreenIndexSub?.unsubscribe(),this.selectedScreenIndexSub=null,!e){this.screensLoading.set(!1),this.screens.set([]),this.activeScreenIdx.set(null);return}this.screensLoading.set(!0),this.selectedDisplaySub=this._data.subscribePath(`self.displays.${e}`,"default").pipe(g(this._destroyRef)).subscribe(i=>{this.screensLoading.set(!1);let t=i.data.value,o=Array.isArray(t?.screens)?t.screens.filter(s=>!!s&&typeof s=="object"&&typeof s.id=="string"&&typeof s.name=="string"&&typeof s.icon=="string"):[];this.screens.set(o),t&&Object.prototype.hasOwnProperty.call(t,"displayName")&&this.displaysMap.update(s=>{let r=s[e];if(!r)return s;let h=typeof t.displayName=="string"?t.displayName:t.displayName===null?null:r.displayName;return h===r.displayName?s:v(y({},s),{[e]:v(y({},r),{displayName:h})})})}),this.selectedScreenIndexSub=this._data.subscribePath(`self.displays.${e}.screenIndex`,"default").pipe(g(this._destroyRef)).subscribe(i=>{let t=i.data.value;this.activeScreenIdx.set(typeof t=="number"?t:null)})}extractDisplayId(e){return e.match(/^self\.displays\.([^.]+)(?:\.|$)/)?.[1]??null}displayDashboards(e){this.displayId.set(e),this.selectedDisplayButtonId.set(e)}setActiveScreen(e){let i=this.activeScreenIdx(),t=this.displayId();if(!t)return;this.activeScreenIdx.set(e),this._requests.putRequest(this.COMMAND_REQUEST_ACTIVE_SCREEN_PATH,{displayId:t,screenIdx:e},this.appID)||(console.error("Failed to set active screen: request was not accepted"),this.activeScreenIdx.set(i))}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=P({type:n,selectors:[["remote-control"]],decls:11,vars:3,consts:[["tile",""],["svgIconId","remote-control",3,"pageTitle"],[1,"sidenav-remote-control-container"],["mode","side","opened",""],["mat-list-item","","tabindex","0",3,"selected"],["mat-list-item","","tabindex","0","disabled","true",2,"text-align","center"],[1,"sidenav-remote-control-content"],["aria-label","Loading screens",1,"loading-container"],["role","status","aria-live","polite",1,"empty-state-msg"],["mat-list-item","","tabindex","0",3,"click"],["mode","indeterminate","diameter","64","strokeWidth","5"],[3,"active","svgIcon","iconSize","label"],[3,"click","active","svgIcon","iconSize","label"],["aria-hidden","true","color","primary",1,"empty-state-icon"],[1,"copy"]],template:function(i,t){i&1&&(N(0,"page-header",1),l(1,"mat-sidenav-container",2)(2,"mat-sidenav",3)(3,"mat-action-list"),I(4,ie,2,3,"button",4,k,!1,ne,3,0,"button",5),d()(),l(7,"mat-sidenav-content",6),E(8,se,2,0,"div",7)(9,ae,2,0)(10,re,8,0,"div",8),d()()),i&2&&(D("pageTitle",t.pageTitle),f(4),M(t.displays()),f(4),O(t.screensLoading()?8:t.screens().length?9:10))},dependencies:[W,Y,J,X,G,K,z,H,q,ee,Z,Q,j,B],styles:[".sidenav-remote-control-container[_ngcontent-%COMP%]{height:calc(100% - 87px);width:calc(100% - 48px);margin:0 24px 24px;border:1px solid var(--mat-sys-outline-variant)}mat-sidenav[_ngcontent-%COMP%]{width:150px;--mat-sidenav-container-shape: square}.selected[_ngcontent-%COMP%]{background-color:var(--mat-sys-inverse-on-surface)}.loading-container[_ngcontent-%COMP%]{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.sidenav-remote-control-content[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;height:100%;width:100%;padding:5px;gap:5px;overflow-y:auto;scrollbar-width:none;overflow-x:hidden;scroll-behavior:smooth;flex:1 1 auto;min-height:0}tile-large-icon[_ngcontent-%COMP%]{width:190px}.empty-state-msg[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;height:100%;width:calc(100% - 150px);min-height:70vh;padding:2rem;text-align:center;color:var(--mat-sys-outline-variant);font-style:italic}.empty-state-icon[_ngcontent-%COMP%]{font-size:4rem;width:4rem;height:4rem;color:var(--mat-sys-outline-variant);margin-bottom:1rem}"]})}return n})();export{De as RemoteControlComponent};

package/public/{chunk-YI3MZWRZ.js → chunk-HSKVTFFQ.js}

@@ -1,2 +1,2 @@
-import{Yd as a,ac as l,ee as v,fb as d,gb as n,la as o,ub as s}from"./chunk-BTFZS2TW.js";var u=(()=>{class t{get vertical(){return this._vertical}set vertical(i){this._vertical=a(i)}_vertical=!1;get inset(){return this._inset}set inset(i){this._inset=a(i)}_inset=!1;static \u0275fac=function(e){return new(e||t)};static \u0275cmp=d({type:t,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(e,r){e&2&&(s("aria-orientation",r.vertical?"vertical":"horizontal"),l("mat-divider-vertical",r.vertical)("mat-divider-horizontal",!r.vertical)("mat-divider-inset",r.inset))},inputs:{vertical:"vertical",inset:"inset"},decls:0,vars:0,template:function(e,r){},styles:[`.mat-divider{display:block;margin:0;border-top-style:solid;border-top-color:var(--mat-divider-color, var(--mat-sys-outline-variant));border-top-width:var(--mat-divider-width, 1px)}.mat-divider.mat-divider-vertical{border-top:0;border-right-style:solid;border-right-color:var(--mat-divider-color, var(--mat-sys-outline-variant));border-right-width:var(--mat-divider-width, 1px)}.mat-divider.mat-divider-inset{margin-left:80px}[dir=rtl] .mat-divider.mat-divider-inset{margin-left:auto;margin-right:80px}
+import{Yd as a,ac as l,ee as v,fb as d,gb as n,la as o,ub as s}from"./chunk-PZ6I6W3H.js";var u=(()=>{class t{get vertical(){return this._vertical}set vertical(i){this._vertical=a(i)}_vertical=!1;get inset(){return this._inset}set inset(i){this._inset=a(i)}_inset=!1;static \u0275fac=function(e){return new(e||t)};static \u0275cmp=d({type:t,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(e,r){e&2&&(s("aria-orientation",r.vertical?"vertical":"horizontal"),l("mat-divider-vertical",r.vertical)("mat-divider-horizontal",!r.vertical)("mat-divider-inset",r.inset))},inputs:{vertical:"vertical",inset:"inset"},decls:0,vars:0,template:function(e,r){},styles:[`.mat-divider{display:block;margin:0;border-top-style:solid;border-top-color:var(--mat-divider-color, var(--mat-sys-outline-variant));border-top-width:var(--mat-divider-width, 1px)}.mat-divider.mat-divider-vertical{border-top:0;border-right-style:solid;border-right-color:var(--mat-divider-color, var(--mat-sys-outline-variant));border-right-width:var(--mat-divider-width, 1px)}.mat-divider.mat-divider-inset{margin-left:80px}[dir=rtl] .mat-divider.mat-divider-inset{margin-left:auto;margin-right:80px}
 `],encapsulation:2,changeDetection:0})}return t})(),f=(()=>{class t{static \u0275fac=function(e){return new(e||t)};static \u0275mod=n({type:t});static \u0275inj=o({imports:[v]})}return t})();export{u as a,f as b};