homebridge-config-ui-x 5.0.0-beta.111 → 5.0.0-beta.112

package/public/chunk-ZVUGVJDR.js

@@ -1 +0,0 @@
-import{a as ne}from"./chunk-ZDJGHFIU.js";import{a as X,b as Y,c as Z}from"./chunk-J6YDFLQQ.js";import{c as ie}from"./chunk-RMY3PS3V.js";import"./chunk-L3KYADWL.js";import{a as oe}from"./chunk-NGNQPAAK.js";import{m as I,n as Q,t as U}from"./chunk-CF2ZN7LY.js";import{c as W,e as j,f as z,i as q,l as G,m as J,z as K}from"./chunk-T252YJXA.js";import"./chunk-XBWIDIPO.js";import{b as te}from"./chunk-FFFA4Z4P.js";import"./chunk-X7PVYZAE.js";import{b as ee}from"./chunk-FNE4UWIK.js";import"./chunk-ABBL3RO7.js";import{b as h}from"./chunk-LXXELGX4.js";import"./chunk-SRP6QX5M.js";import{Bc as s,Cc as l,Dc as O,Hb as v,Ib as M,Jb as w,Lb as $,Mb as F,Nb as V,Ob as _,Pb as a,Qb as r,Rb as p,Vb as E,Xa as N,Yb as b,Zb as m,ab as o,cd as R,kc as c,la as g,lc as u,mb as y,mc as S,ra as x,rc as k,sa as C,sc as A,tc as T,wc as L,xc as B,yc as H}from"./chunk-SKZUTSHE.js";var ae=(()=>{class t{$activeModal=g(I);dismissModal(){this.$activeModal.dismiss("Dismiss")}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=y({type:t,selectors:[["ng-component"]],decls:39,vars:24,consts:[[1,"modal-content"],[1,"modal-header"],[1,"modal-title"],["type","button","data-bs-dismiss","modal",1,"btn-close",3,"click"],[1,"modal-body"],[1,"text-center","mb-3"],[1,"fa","fa-fw","fa-question-circle-o","primary-text",2,"font-size","75px"],[1,"ms-2"],[1,"mb-0"],[1,"ms-2","mt-2"],[1,"modal-footer","justify-content-between"],[1,"text-start"],[1,"text-center"],["type","button","data-bs-dismiss","modal",1,"btn","btn-elegant",3,"click"],[1,"text-end"]],template:function(i,n){i&1&&(a(0,"div",0)(1,"form")(2,"div",1)(3,"h5",2),c(4),s(5,"translate"),r(),a(6,"button",3),s(7,"translate"),b("click",function(){return n.dismissModal()}),r()(),a(8,"div",4)(9,"div",5),p(10,"i",6),r(),a(11,"h5",7),c(12,"Accessories"),r(),a(13,"ul",8)(14,"li"),c(15),s(16,"translate"),r(),a(17,"li"),c(18),s(19,"translate"),r()(),a(20,"h5",9),c(21,"Rooms"),r(),a(22,"ul",8)(23,"li"),c(24),s(25,"translate"),r(),a(26,"li"),c(27),s(28,"translate"),r(),a(29,"li"),c(30),s(31,"translate"),r()()(),a(32,"div",10),p(33,"div",11),a(34,"div",12)(35,"button",13),b("click",function(){return n.dismissModal()}),c(36),s(37,"translate"),r()(),p(38,"div",14),r()()()),i&2&&(o(4),u(l(5,8,"support.title")),o(2),v("aria-label",l(7,10,"form.button_close")),o(9),u(l(16,12,"accessories.support.acc_1")),o(3),u(l(19,14,"accessories.support.acc_2")),o(6),u(l(25,16,"accessories.support.rooms_1")),o(3),u(l(28,18,"accessories.support.rooms_2")),o(3),u(l(31,20,"accessories.support.rooms_3")),o(6),S(" ",l(37,22,"form.button_close")," "))},dependencies:[h],encapsulation:2})}return t})();var le=()=>({standalone:!0}),re=(()=>{class t{$activeModal=g(I);roomName;dismissModal(){this.$activeModal.dismiss("Dismiss")}closeModal(e){this.$activeModal.close(e)}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=y({type:t,selectors:[["ng-component"]],inputs:{roomName:"roomName"},decls:28,vars:19,consts:[[1,"modal-content"],[1,"modal-header"],[1,"modal-title"],["type","button","data-bs-dismiss","modal",1,"btn-close",3,"click"],[1,"modal-body"],[1,"text-center","mb-3"],[1,"fas","fa-fw","fa-folder-plus","primary-text",2,"font-size","75px"],[1,"list-group","list-group-box","mb-0"],[1,"list-group-item","d-flex","flex-column","flex-md-row","align-items-center"],["for","form-name",1,"mb-2","mb-md-0","w-100","w-md-50"],[1,"text-start","text-md-end","w-100","w-md-50"],["autocomplete","off","type","text","id","form-name","autofocus","",1,"form-control","custom-input",3,"ngModelChange","keyup.enter","ngModel","ngModelOptions"],[1,"modal-footer","justify-content-between"],[1,"text-start"],["type","button","data-bs-dismiss","modal",1,"btn","btn-elegant",3,"click"],[1,"text-center"],[1,"text-end"],["type","button","data-bs-dismiss","modal",1,"btn","btn-primary",3,"click","disabled"]],template:function(i,n){i&1&&(a(0,"div",0)(1,"form")(2,"div",1)(3,"h5",2),c(4),s(5,"translate"),r(),a(6,"button",3),s(7,"translate"),b("click",function(){return n.dismissModal()}),r()(),a(8,"div",4)(9,"div",5),p(10,"i",6),r(),a(11,"ul",7)(12,"li",8)(13,"label",9),c(14),s(15,"translate"),r(),a(16,"div",10)(17,"input",11),T("ngModelChange",function(D){return A(n.roomName,D)||(n.roomName=D),D}),b("keyup.enter",function(){return n.closeModal(n.roomName)}),r()()()()(),a(18,"div",12)(19,"div",13)(20,"button",14),b("click",function(){return n.dismissModal()}),c(21),s(22,"translate"),r()(),p(23,"div",15),a(24,"div",16)(25,"button",17),b("click",function(){return n.closeModal(n.roomName)}),c(26),s(27,"translate"),r()()()()()),i&2&&(o(4),u(l(5,8,"accessories.button_add_room")),o(2),v("aria-label",l(7,10,"form.button_close")),o(8),u(l(15,12,"accessories.room_name")),o(3),k("ngModel",n.roomName),_("ngModelOptions",L(18,le)),o(4),S(" ",l(22,14,"form.button_close")," "),o(4),_("disabled",!n.roomName),o(),S(" ",l(27,16,"form.button_save")," "))},dependencies:[K,J,W,j,z,G,q,h],encapsulation:2})}return t})();var se=(()=>{class t{static \u0275fac=function(i){return new(i||t)};static \u0275cmp=y({type:t,selectors:[["app-drag-here-placeholder"]],decls:5,vars:3,consts:[[1,"accessory-box"],[1,"fas","fa-fw","fa-arrow-alt-circle-down","accessory-icon"],[1,"accessory-label"]],template:function(i,n){i&1&&(a(0,"div",0),p(1,"i",1),a(2,"div",2),c(3),s(4,"translate"),r()()),i&2&&(o(3),u(l(4,1,"accessories.control.drag_here")))},dependencies:[h],styles:[".accessory-box[_ngcontent-%COMP%]{opacity:.2}"]})}return t})();var ce=(t,f)=>({"fa-eye":t,"fa-eye-slash":f}),de=t=>({"cursor-move":t}),pe=t=>({"justify-content-between":t}),me=t=>({link:t});function ue(t,f){if(t&1&&(a(0,"div",0)(1,"div",18)(2,"h5",19),c(3),s(4,"translate"),r()()()),t&2){let e=m().$implicit,i=m(2);o(2),_("ngClass",B(4,de,!i.isMobile)),o(),S(" ",e.name==="Default Room"?l(4,2,"accessories.control.default_room"):e.name," ")}}function _e(t,f){if(t&1&&(a(0,"div",22),p(1,"app-accessory-tile",23),r()),t&2){let e=m().$implicit;o(),_("service",e)}}function be(t,f){if(t&1&&M(0,_e,2,1,"div",22),t&2){let e=f.$implicit,i=m(4);w(!i.hideHidden||!e.hidden?0:-1)}}function fe(t,f){if(t&1){let e=E();a(0,"div",20),T("dragulaModelChange",function(n){x(e);let d=m().$implicit;return A(d.services,n)||(d.services=n),C(n)}),F(1,be,1,1,null,null,$),p(3,"div",21)(4,"div",21)(5,"div",21)(6,"div",21)(7,"div",21)(8,"div",21)(9,"div",21)(10,"div",21)(11,"div",21)(12,"div",21),r()}if(t&2){let e=m().$implicit,i=m(2);_("ngClass",B(3,pe,i.isMobile))("dragula","services-bag"),k("dragulaModel",e.services),o(),V(e.services)}}function ge(t,f){if(t&1){let e=E();a(0,"div",24),T("dragulaModelChange",function(n){x(e);let d=m().$implicit;return A(d.services,n)||(d.services=n),C(n)}),p(1,"app-drag-here-placeholder",25),r()}if(t&2){let e=m().$implicit;_("dragula","services-bag"),k("dragulaModel",e.services)}}function ve(t,f){if(t&1&&(a(0,"div"),M(1,ue,5,6,"div",0),a(2,"div",15),M(3,fe,13,5,"div",16),M(4,ge,2,2,"div",17),r()()),t&2){let e=f.$implicit,i=m(2);o(),w(!i.isMobile||e.services.length?1:-1),o(2),w(e.services.length?3:-1),o(),w(!e.services.length&&!i.isMobile?4:-1)}}function xe(t,f){if(t&1){let e=E();a(0,"div",1)(1,"div",2)(2,"h3",3),c(3),s(4,"translate"),r()(),a(5,"div",4)(6,"button",5),s(7,"translate"),s(8,"translate"),b("click",function(){x(e);let n=m();return C(n.addRoom())}),p(9,"i",6),r(),a(10,"button",5),s(11,"translate"),s(12,"translate"),s(13,"translate"),s(14,"translate"),b("click",function(){x(e);let n=m();return C(n.hideHidden=!n.hideHidden)}),p(15,"i",7),r(),a(16,"div",8)(17,"button",9),s(18,"translate"),s(19,"translate"),b("click",function(){x(e);let n=m();return C(n.toggleLayoutLock())}),p(20,"i",10),r(),a(21,"button",9),s(22,"translate"),s(23,"translate"),b("click",function(){x(e);let n=m();return C(n.toggleLayoutLock())}),p(24,"i",11),r()(),a(25,"button",12),s(26,"translate"),b("click",function(){x(e);let n=m();return C(n.openSupport())}),p(27,"i",13),r()()(),a(28,"div",14),T("dragulaModelChange",function(n){x(e);let d=m();return A(d.$accessories.rooms,n)||(d.$accessories.rooms=n),C(n)}),F(29,ve,5,3,"div",null,$),r()}if(t&2){let e=m();o(3),u(l(4,17,"accessories.title_accessories")),o(3),_("hidden",e.isMobile)("ngbTooltip",l(7,19,"accessories.button_add_room")),v("aria-label",l(8,21,"accessories.button_add_room")),o(4),_("hidden",e.isMobile)("ngbTooltip",e.hideHidden?l(11,23,"accessories.button_hidden_show"):l(12,25,"accessories.button_hidden_hide")),v("aria-label",e.hideHidden?l(13,27,"accessories.button_hidden_show"):l(14,29,"accessories.button_hidden_hide")),o(5),_("ngClass",H(41,ce,!e.hideHidden,e.hideHidden)),o(2),_("disabled",!e.isMobile)("ngbTooltip",l(18,31,"form.button_unlock")),v("aria-label",l(19,33,"form.button_unlock")),o(4),_("disabled",e.isMobile)("ngbTooltip",l(22,35,"form.button_lock")),v("aria-label",l(23,37,"form.button_lock")),o(4),v("aria-label",l(26,39,"support.title")),o(3),_("dragula","rooms-bag"),k("dragulaModel",e.$accessories.rooms),o(),V(e.$accessories.rooms)}}function Ce(t,f){t&1&&(a(0,"p",32),c(1),s(2,"translate"),r()),t&2&&(o(),u(l(2,1,"accessories.settings_link")))}function ye(t,f){if(t&1&&(a(0,"div",0)(1,"div",26)(2,"h3",27),c(3),s(4,"translate"),r()(),a(5,"div",28)(6,"div",29)(7,"h5",30),c(8),s(9,"translate"),r(),p(10,"p",31),s(11,"translate"),M(12,Ce,3,3,"p",32),r()()()),t&2){let e=m();o(3),u(l(4,4,"accessories.title_accessories")),o(5),u(l(9,6,"accessories.control_disabled")),o(2),_("innerHTML",O(11,8,"accessories.message_must_use_insecure_mode",B(11,me,e.linkInsecure)),N),o(2),w(e.isAdmin?12:-1)}}var Ye=(()=>{class t{$accessories=g(ie);$auth=g(te);dragulaService=g(X);$modal=g(Q);$settings=g(ee);$md=g(oe);orderSubscription;isAdmin=this.$auth.user.admin;enableAccessories=this.$settings.env.enableAccessories;isMobile=!1;hideHidden=!0;linkInsecure='<a href="https://github.com/homebridge/homebridge-config-ui-x/wiki/Enabling-Accessory-Control" target="_blank"><i class="fa fa-fw fa-external-link-alt primary-text"></i></a>';constructor(){let e=this.dragulaService;this.isMobile=this.$md.detect.mobile(),e.createGroup("rooms-bag",{moves:(i,n,d)=>!this.isMobile&&d.classList.contains("drag-handle")}),e.createGroup("services-bag",{moves:i=>!this.isMobile&&!i.classList.contains("no-drag")}),this.orderSubscription=e.drop().subscribe(()=>{setTimeout(()=>{this.$accessories.saveLayout()})}),this.isMobile=!0}ngOnInit(){this.$accessories.start()}addRoom(){this.$modal.open(re,{size:"lg",backdrop:"static"}).result.then(e=>{!e||!e.length||this.$accessories.rooms.find(i=>i.name===e)||(this.$accessories.rooms.push({name:e,services:[]}),this.isMobile&&this.toggleLayoutLock())}).catch(()=>{})}toggleLayoutLock(){this.isMobile=!this.isMobile,this.isMobile?document.querySelectorAll(".services-bag").forEach(i=>{for(let n=0;n<10;n++){let d=document.createElement("div");d.className="accessory-box invisible py-0 my-0",d.style.height="0",i.appendChild(d)}}):document.querySelectorAll(".invisible").forEach(i=>i.remove())}openSupport(){this.$modal.open(ae,{size:"lg",backdrop:"static"})}ngOnDestroy(){this.$accessories.stop(),this.orderSubscription.unsubscribe(),this.dragulaService.destroy("rooms-bag"),this.dragulaService.destroy("services-bag")}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=y({type:t,selectors:[["app-accessories"]],decls:2,vars:1,consts:[[1,"row"],[1,"row","mb-3"],[1,"col-6"],[1,"primary-text","m-0"],[1,"col-6","text-end","d-none","d-sm-inline-block"],["type","button","container","body","placement","bottom","openDelay","150","triggers","hover",1,"btn","btn-elegant","my-0","me-2",3,"click","hidden","ngbTooltip"],[1,"fas","fa-fw","fa-folder-plus"],[1,"fas","fa-fw",3,"ngClass"],["role","group",1,"btn-group","me-2"],["type","button","container","body","placement","bottom","openDelay","150","triggers","hover",1,"btn","btn-elegant","my-0",3,"click","disabled","ngbTooltip"],[1,"fas","fa-fw","fa-unlock"],[1,"fas","fa-fw","fa-lock"],["type","button",1,"btn","btn-elegant","my-0","me-0",3,"click"],[1,"fa","fa-fw","fa-question-circle-o"],[3,"dragulaModelChange","dragula","dragulaModel"],[1,"row","mb-4"],[1,"col-md-12","d-flex","flex-wrap","noselect","services-bag",3,"ngClass","dragula","dragulaModel"],[1,"col-md-12","d-flex","flex-wrap","noselect",3,"dragula","dragulaModel"],[1,"col-md-12"],[1,"primary-text","drag-handle","room-title","m-0","mb-1","mb-sm-0",3,"ngClass"],[1,"col-md-12","d-flex","flex-wrap","noselect","services-bag",3,"dragulaModelChange","ngClass","dragula","dragulaModel"],[1,"accessory-box","invisible","py-0","my-0",2,"height","0"],[1,"accessory-item","accessory-tab"],[3,"service"],[1,"col-md-12","d-flex","flex-wrap","noselect",3,"dragulaModelChange","dragula","dragulaModel"],[1,"no-drag"],[1,"col-12"],[1,"primary-text","m-0","mb-3"],[1,"col-12","text-center"],["role","alert",1,"alert","alert-warning","p-4"],[1,"mb-3","mt-0"],[1,"mb-0",3,"innerHTML"],[1,"mt-3","mb-0"]],template:function(i,n){i&1&&M(0,xe,31,44)(1,ye,13,13,"div",0),i&2&&w(n.enableAccessories?0:1)},dependencies:[U,R,Z,Y,ne,se,h],styles:[".room-title[_ngcontent-%COMP%]{margin-left:10px}@media (max-width: 575px){.room-title[_ngcontent-%COMP%]{margin-left:7px}}.services-bag[_ngcontent-%COMP%]{min-height:170px}@media (max-width: 575px){.services-bag[_ngcontent-%COMP%]{min-height:initial}}.cursor-move[_ngcontent-%COMP%]{cursor:move}.gu-transit[_ngcontent-%COMP%]   .manage-accessory-button[_ngcontent-%COMP%]{display:none}a[_ngcontent-%COMP%]:hover{text-decoration:none!important}"]})}return t})();export{Ye as AccessoriesComponent};