@mxtommy/kip 3.11.0 → 3.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -2
- package/README.md +6 -6
- package/package.json +1 -1
- package/public/3rdpartylicenses.txt +61 -61
- package/public/assets/help-docs/community.md +78 -0
- package/public/assets/help-docs/configuration.md +1 -1
- package/public/assets/help-docs/contact-us.md +58 -8
- package/public/assets/help-docs/dashboards.md +117 -42
- package/public/assets/help-docs/datainspector.md +1 -1
- package/public/assets/help-docs/datasets.md +1 -1
- package/public/assets/help-docs/embedwidget.md +1 -1
- package/public/assets/help-docs/grafana.md +1 -1
- package/public/assets/help-docs/influxdb.md +1 -1
- package/public/assets/help-docs/kiosk.md +17 -1
- package/public/assets/help-docs/menu.json +4 -3
- package/public/assets/help-docs/putcontrols.md +5 -5
- package/public/assets/help-docs/welcome.md +46 -23
- package/public/assets/help-docs/zones.md +1 -1
- package/public/assets/svg/icons.svg +18 -18
- package/public/{chunk-K4BST2XF.js → chunk-3LKIOGV7.js} +1 -1
- package/public/{chunk-FPMCI7XZ.js → chunk-65TR3CWM.js} +1 -1
- package/public/{chunk-G4B4D3XR.js → chunk-6MRJ4C55.js} +1 -1
- package/public/{chunk-KPOCVRYH.js → chunk-7S37JBY2.js} +1 -1
- package/public/chunk-A5CYPNMD.js +2 -0
- package/public/chunk-BSAAN2EI.js +2 -0
- package/public/{chunk-2MAVQD65.js → chunk-CDPHRRZR.js} +1 -1
- package/public/{chunk-P4K222SI.js → chunk-D4DROTBC.js} +7 -7
- package/public/{chunk-PYBIMDD3.js → chunk-D4MWDRNW.js} +1 -1
- package/public/chunk-EPTIEPMQ.js +4 -0
- package/public/chunk-F5X5MWHG.js +0 -0
- package/public/{chunk-XE352AKG.js → chunk-I454VRMK.js} +1 -1
- package/public/chunk-IQG4DDQX.js +1 -0
- package/public/{chunk-VZ77T3BF.js → chunk-K5OOC3CF.js} +3 -3
- package/public/{chunk-IZAPOSYM.js → chunk-NOLKBYOV.js} +1 -1
- package/public/chunk-QOXZFV6P.js +47 -0
- package/public/{chunk-GMZROOAF.js → chunk-RMLGKVWE.js} +1 -1
- package/public/chunk-T6TC7KWG.js +1 -0
- package/public/{chunk-6NRGS3BZ.js → chunk-UHKP2PC3.js} +1 -1
- package/public/{chunk-I6UWIF55.js → chunk-UTCRLFYC.js} +1 -1
- package/public/{chunk-XFU5YJJP.js → chunk-VEJNBHWJ.js} +1 -1
- package/public/{chunk-F4VOQO2M.js → chunk-XLJT6YPP.js} +1 -1
- package/public/chunk-YCW2UBVQ.js +1 -0
- package/public/{chunk-ANRGX57I.js → chunk-YPUCOH35.js} +12 -12
- package/public/chunk-YVLZ2UAQ.js +2 -0
- package/public/{chunk-5MLB3PYZ.js → chunk-Z5MCM3TT.js} +10 -10
- package/public/{chunk-EJ4JM3HG.js → chunk-ZEV6YXHP.js} +1 -1
- package/public/{chunk-TIXQ3FAF.js → chunk-ZPCYFQPB.js} +1 -1
- package/public/index.html +1 -1
- package/public/main-7TSLA2U5.js +5 -0
- package/public/chunk-66OJ5PZF.js +0 -2
- package/public/chunk-GIZH6HIB.js +0 -2
- package/public/chunk-N3HCHSSE.js +0 -2
- package/public/chunk-S4OKR5KN.js +0 -1
- package/public/chunk-TARCFDF4.js +0 -4
- package/public/main-KP322K7A.js +0 -51
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{E as Xt,N as nn,a as tn}from"./chunk-VZ77T3BF.js";import{a as Ae,e as Ki,f as $i,g as Ji,i as Yi,j as en}from"./chunk-FPMCI7XZ.js";import{a as sn,b as ln,c as dn,d as cn,e as mn,f as pn,g as hn,h as un,i as gn,j as _n,k as fn,m as bn,n as Rt,p as At,q as vn}from"./chunk-PYBIMDD3.js";import{b as on}from"./chunk-XE352AKG.js";import{a as Ze,c as Zi}from"./chunk-I6UWIF55.js";import{a as rn}from"./chunk-F4VOQO2M.js";import{f as Ke,i as It,n as Gi}from"./chunk-TIXQ3FAF.js";import{a as an}from"./chunk-GMZROOAF.js";import{b as ge}from"./chunk-S4OKR5KN.js";import{a as ce}from"./chunk-G4B4D3XR.js";import{B as de,D as Ce,E as Dt,b as et,e as Ii,g as Ge,k as Pi,l as Vi,n as wt,p as Ni,q as Oi,u as le,v as Xi}from"./chunk-XFU5YJJP.js";import{B as kt,E as Tt,F as Wi,G as Qi,H as fe,I as ji,J as qi,K as $,L as Et,M as qt,e as Si,f as xi,g as wi,h as _t,i as Mi,j as ue,k as Mt,l as Re,m as Fi,n as Li,o as zi,q as ee,r as K,t as Bi,u as se,w as Ui,x as _e,y as Z,z as Hi}from"./chunk-GIZH6HIB.js";import{b as St,f as xt,g as jt}from"./chunk-IZAPOSYM.js";import{$b as pt,Ab as k,Ad as vt,Bb as T,Bc as Wt,Db as ne,E as si,Eb as Te,Ec as Ci,Ed as yt,F as Ye,Fa as l,Fb as R,Ga as we,Gb as We,Gd as Fe,Hb as P,Hd as Di,Ia as Ne,Jb as ve,K as li,Kb as s,La as dt,Lb as X,Mb as ae,Md as Ct,Nb as Bt,Oa as M,Ob as Ut,Oc as je,Od as De,Pa as he,Pb as S,Pc as gt,Qa as D,Qb as x,Ra as hi,Rb as w,Rd as Qt,Sa as ie,Td as Ri,Ua as U,Ud as Le,V as me,Va as ui,Vd as Ie,W as di,Wa as I,Wb as _i,X as Se,Xa as Me,Xb as Q,Xd as Ai,Yb as oe,Yc as ki,Yd as G,Zb as Ht,_b as fi,ab as N,ac as bi,ba as st,bb as y,bc as vi,ca as ci,cb as C,cc as yi,da as pe,db as ct,ea as B,eb as be,ec as ht,ed as Ti,f as rt,fb as H,g as Be,ga as m,gb as W,gd as qe,hb as h,ib as a,ic as ut,j as te,ja as u,jb as r,ka as g,kb as _,la as lt,lb as mt,lc as re,ld as Xe,mb as zt,nb as gi,nc as Qe,nd as Ee,o as ai,oa as mi,ob as Ue,oc as z,od as Ei,pa as pi,pb as He,q as oi,qb as Oe,qc as E,qd as ft,ra as V,rb as A,rc as j,sb as ke,tb as b,ua as xe,va as Pe,vb as v,w as ri,wa as q,wb as Y,xa as Ve,xb as O,xd as ye,yb as F,yd as bt,zb as L}from"./chunk-ANRGX57I.js";var Yn=(n,p)=>p.key,ea=(n,p)=>p.measure;function ta(n,p){if(n&1&&(a(0,"mat-option",6),s(1),r()),n&2){let e=p.$implicit;h("value",e.measure),l(),X(e.description)}}function ia(n,p){if(n&1&&(a(0,"mat-form-field")(1,"mat-label"),s(2),r(),a(3,"mat-select",5),H(4,ta,2,2,"mat-option",6,ea),r()()),n&2){let e=p.$implicit,t=v();l(2),X(e.key),l(),h("placeholder",e.key)("formControlName",e.key),l(),W(t.groupUnits[e.key])}}var yn=(()=>{class n{units=m(Zi);appSettingsService=m(ue);appService=m(ge);unitsFormGroup=new Bi({});groupUnits=[];ngOnInit(){let e=this.appSettingsService.getDefaultUnits(),t=this.units.getConversions();for(let i of t){if(i.group==="Position")continue;let o=[];for(let d of i.units)o.push(d);this.groupUnits[i.group]=o,this.unitsFormGroup.addControl(i.group,new Ui(e[i.group]))}this.unitsFormGroup.updateValueAndValidity()}submitConfig(){this.appSettingsService.setDefaultUnits(this.unitsFormGroup.value),this.appService.sendSnackbarNotification("Configuration saved",3e3,!1)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-units"]],decls:11,vars:4,consts:[[2,"height","100%",3,"ngSubmit","formGroup"],[1,"unit-grid"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"],["required","",3,"placeholder","formControlName"],[3,"value"]],template:function(t,i){t&1&&(a(0,"form",0),b("ngSubmit",function(){return i.submitConfig()}),a(1,"p"),s(2,"Configure your preferred default unit types. These defaults can be overridden within individual widget settings."),r(),a(3,"div",1),H(4,ia,6,3,"mat-form-field",null,Yn),pt(6,"keyvalue"),r(),a(7,"div",2),_(8,"mat-divider",3),a(9,"button",4),s(10,"Save"),r()()()),t&2&&(h("formGroup",i.unitsFormGroup),l(4),W(bi(6,2,i.unitsFormGroup.controls)),l(5),h("disabled",!i.unitsFormGroup.valid))},dependencies:[$,Z,ee,K,fe,Et,kt,Tt,de,le,Ze,Ke,ce,G,Ci],styles:[".unit-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,auto));gap:10px}"]})}return n})();var Gt=new B("CdkAccordion"),Cn=(()=>{class n{_stateChanges=new te;_openCloseAllActions=new te;id=m(ye).getId("cdk-accordion-");multi=!1;openAll(){this.multi&&this._openCloseAllActions.next(!0)}closeAll(){this._openCloseAllActions.next(!1)}ngOnChanges(e){this._stateChanges.next(e)}ngOnDestroy(){this._stateChanges.complete(),this._openCloseAllActions.complete()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["cdk-accordion"],["","cdkAccordion",""]],inputs:{multi:[2,"multi","multi",E]},exportAs:["cdkAccordion"],features:[Q([{provide:Gt,useExisting:n}]),xe]})}return n})(),Sn=(()=>{class n{accordion=m(Gt,{optional:!0,skipSelf:!0});_changeDetectorRef=m(z);_expansionDispatcher=m(It);_openCloseAllSubscription=Be.EMPTY;closed=new I;opened=new I;destroyed=new I;expandedChange=new I;id=m(ye).getId("cdk-accordion-child-");get expanded(){return this._expanded}set expanded(e){if(this._expanded!==e){if(this._expanded=e,this.expandedChange.emit(e),e){this.opened.emit();let t=this.accordion?this.accordion.id:this.id;this._expansionDispatcher.notify(this.id,t)}else this.closed.emit();this._changeDetectorRef.markForCheck()}}_expanded=!1;get disabled(){return this._disabled()}set disabled(e){this._disabled.set(e)}_disabled=V(!1);_removeUniqueSelectionListener=()=>{};constructor(){}ngOnInit(){this._removeUniqueSelectionListener=this._expansionDispatcher.listen((e,t)=>{this.accordion&&!this.accordion.multi&&this.accordion.id===t&&this.id!==e&&(this.expanded=!1)}),this.accordion&&(this._openCloseAllSubscription=this._subscribeToOpenCloseAllActions())}ngOnDestroy(){this.opened.complete(),this.closed.complete(),this.destroyed.emit(),this.destroyed.complete(),this._removeUniqueSelectionListener(),this._openCloseAllSubscription.unsubscribe()}toggle(){this.disabled||(this.expanded=!this.expanded)}close(){this.disabled||(this.expanded=!1)}open(){this.disabled||(this.expanded=!0)}_subscribeToOpenCloseAllActions(){return this.accordion._openCloseAllActions.subscribe(e=>{this.disabled||(this.expanded=e)})}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["cdk-accordion-item"],["","cdkAccordionItem",""]],inputs:{expanded:[2,"expanded","expanded",E],disabled:[2,"disabled","disabled",E]},outputs:{closed:"closed",opened:"opened",destroyed:"destroyed",expandedChange:"expandedChange"},exportAs:["cdkAccordionItem"],features:[Q([{provide:Gt,useValue:void 0}])]})}return n})(),xn=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({})}return n})();var na=["body"],aa=["bodyWrapper"],oa=[[["mat-expansion-panel-header"]],"*",[["mat-action-row"]]],ra=["mat-expansion-panel-header","*","mat-action-row"];function sa(n,p){}var la=[[["mat-panel-title"]],[["mat-panel-description"]],"*"],da=["mat-panel-title","mat-panel-description","*"];function ca(n,p){n&1&&(mt(0,"span",1),lt(),mt(1,"svg",2),gi(2,"path",3),zt()())}var Kt=new B("MAT_ACCORDION"),kn=new B("MAT_EXPANSION_PANEL"),ma=(()=>{class n{_template=m(we);_expansionPanel=m(kn,{optional:!0});constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matExpansionPanelContent",""]]})}return n})(),Tn=new B("MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"),it=(()=>{class n extends Sn{_viewContainerRef=m(dt);_animationsDisabled=De();_document=m(mi);_ngZone=m(Me);_elementRef=m(q);_renderer=m(Ne);_cleanupTransitionEnd;get hideToggle(){return this._hideToggle||this.accordion&&this.accordion.hideToggle}set hideToggle(e){this._hideToggle=e}_hideToggle=!1;get togglePosition(){return this._togglePosition||this.accordion&&this.accordion.togglePosition}set togglePosition(e){this._togglePosition=e}_togglePosition;afterExpand=new I;afterCollapse=new I;_inputChanges=new te;accordion=m(Kt,{optional:!0,skipSelf:!0});_lazyContent;_body;_bodyWrapper;_portal;_headerId=m(ye).getId("mat-expansion-panel-header-");constructor(){super();let e=m(Tn,{optional:!0});this._expansionDispatcher=m(It),e&&(this.hideToggle=e.hideToggle)}_hasSpacing(){return this.accordion?this.expanded&&this.accordion.displayMode==="default":!1}_getExpandedState(){return this.expanded?"expanded":"collapsed"}toggle(){this.expanded=!this.expanded}close(){this.expanded=!1}open(){this.expanded=!0}ngAfterContentInit(){this._lazyContent&&this._lazyContent._expansionPanel===this&&this.opened.pipe(me(null),Ye(()=>this.expanded&&!this._portal),li(1)).subscribe(()=>{this._portal=new St(this._lazyContent._template,this._viewContainerRef)}),this._setupAnimationEvents()}ngOnChanges(e){this._inputChanges.next(e)}ngOnDestroy(){super.ngOnDestroy(),this._cleanupTransitionEnd?.(),this._inputChanges.complete()}_containsFocus(){if(this._body){let e=this._document.activeElement,t=this._body.nativeElement;return e===t||t.contains(e)}return!1}_transitionEndListener=({target:e,propertyName:t})=>{e===this._bodyWrapper?.nativeElement&&t==="grid-template-rows"&&this._ngZone.run(()=>{this.expanded?this.afterExpand.emit():this.afterCollapse.emit()})};_setupAnimationEvents(){this._ngZone.runOutsideAngular(()=>{this._animationsDisabled?(this.opened.subscribe(()=>this._ngZone.run(()=>this.afterExpand.emit())),this.closed.subscribe(()=>this._ngZone.run(()=>this.afterCollapse.emit()))):setTimeout(()=>{let e=this._elementRef.nativeElement;this._cleanupTransitionEnd=this._renderer.listen(e,"transitionend",this._transitionEndListener),e.classList.add("mat-expansion-panel-animations-enabled")},200)})}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-expansion-panel"]],contentQueries:function(t,i,o){if(t&1&&F(o,ma,5),t&2){let d;k(d=T())&&(i._lazyContent=d.first)}},viewQuery:function(t,i){if(t&1&&(L(na,5),L(aa,5)),t&2){let o;k(o=T())&&(i._body=o.first),k(o=T())&&(i._bodyWrapper=o.first)}},hostAttrs:[1,"mat-expansion-panel"],hostVars:4,hostBindings:function(t,i){t&2&&P("mat-expanded",i.expanded)("mat-expansion-panel-spacing",i._hasSpacing())},inputs:{hideToggle:[2,"hideToggle","hideToggle",E],togglePosition:"togglePosition"},outputs:{afterExpand:"afterExpand",afterCollapse:"afterCollapse"},exportAs:["matExpansionPanel"],features:[Q([{provide:Kt,useValue:void 0},{provide:kn,useExisting:n}]),ie,xe],ngContentSelectors:ra,decls:9,vars:4,consts:[["bodyWrapper",""],["body",""],[1,"mat-expansion-panel-content-wrapper"],["role","region",1,"mat-expansion-panel-content",3,"id"],[1,"mat-expansion-panel-body"],[3,"cdkPortalOutlet"]],template:function(t,i){t&1&&(Y(oa),O(0),a(1,"div",2,0)(3,"div",3,1)(5,"div",4),O(6,1),U(7,sa,0,0,"ng-template",5),r(),O(8,2),r()()),t&2&&(l(),N("inert",i.expanded?null:""),l(2),h("id",i.id),N("aria-labelledby",i._headerId),l(4),h("cdkPortalOutlet",i._portal))},dependencies:[xt],styles:[`.mat-expansion-panel{box-sizing:content-box;display:block;margin:0;overflow:hidden;position:relative;background:var(--mat-expansion-container-background-color, var(--mat-sys-surface));color:var(--mat-expansion-container-text-color, var(--mat-sys-on-surface));border-radius:var(--mat-expansion-container-shape, 12px)}.mat-expansion-panel.mat-expansion-panel-animations-enabled{transition:margin 225ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:var(--mat-expansion-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12))}.mat-accordion .mat-expansion-panel:not(.mat-expanded),.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing){border-radius:0}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:var(--mat-expansion-container-shape, 12px);border-top-left-radius:var(--mat-expansion-container-shape, 12px)}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:var(--mat-expansion-container-shape, 12px);border-bottom-left-radius:var(--mat-expansion-container-shape, 12px)}@media(forced-colors: active){.mat-expansion-panel{outline:solid 1px}}.mat-expansion-panel-content-wrapper{display:grid;grid-template-rows:0fr;grid-template-columns:100%}.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper{transition:grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper{grid-template-rows:1fr}@supports not (grid-template-rows: 0fr){.mat-expansion-panel-content-wrapper{height:0}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper{height:auto}}.mat-expansion-panel-content{display:flex;flex-direction:column;overflow:visible;min-height:0;visibility:hidden;font-family:var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font));font-size:var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size));font-weight:var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight));line-height:var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height));letter-spacing:var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking))}.mat-expansion-panel-animations-enabled .mat-expansion-panel-content{transition:visibility 190ms linear}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper>.mat-expansion-panel-content{visibility:visible}.mat-expansion-panel-body{padding:0 24px 16px}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion>.mat-expansion-panel-spacing:first-child,.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-top:0}.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px;border-top-color:var(--mat-expansion-actions-divider-color, var(--mat-sys-outline))}.mat-action-row .mat-button-base,.mat-action-row .mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-action-row .mat-button-base,[dir=rtl] .mat-action-row .mat-mdc-button-base{margin-left:0;margin-right:8px}
|
|
2
|
-
`],encapsulation:2,changeDetection:0})}return n})();var
|
|
3
|
-
`],encapsulation:2,changeDetection:0})}return n})(),Pt=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["mat-panel-description"]],hostAttrs:[1,"mat-expansion-panel-header-description"]})}return n})(),Vt=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["mat-panel-title"]],hostAttrs:[1,"mat-expansion-panel-header-title"]})}return n})(),Nt=(()=>{class n extends Cn{_keyManager;_ownHeaders=new Ve;_headers;hideToggle=!1;displayMode="default";togglePosition="after";ngAfterContentInit(){this._headers.changes.pipe(me(this._headers)).subscribe(e=>{this._ownHeaders.reset(e.filter(t=>t.panel.accordion===this)),this._ownHeaders.notifyOnChanges()}),this._keyManager=new vt(this._ownHeaders).withWrap().withHomeAndEnd()}_handleHeaderKeydown(e){this._keyManager.onKeydown(e)}_handleHeaderFocus(e){this._keyManager.updateActiveItem(e)}ngOnDestroy(){super.ngOnDestroy(),this._keyManager?.destroy(),this._ownHeaders.destroy()}static \u0275fac=(()=>{let e;return function(i){return(e||(e=Pe(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["mat-accordion"]],contentQueries:function(t,i,o){if(t&1&&F(o,nt,5),t&2){let d;k(d=T())&&(i._headers=d)}},hostAttrs:[1,"mat-accordion"],hostVars:2,hostBindings:function(t,i){t&2&&P("mat-accordion-multi",i.multi)},inputs:{hideToggle:[2,"hideToggle","hideToggle",E],displayMode:"displayMode",togglePosition:"togglePosition"},exportAs:["matAccordion"],features:[Q([{provide:Kt,useExisting:n}]),ie]})}return n})(),Ot=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[Fe,xn,jt]})}return n})();var pa=["switch"],ha=["*"];function ua(n,p){n&1&&(a(0,"span",10),lt(),a(1,"svg",12),_(2,"path",13),r(),a(3,"svg",14),_(4,"path",15),r()())}var ga=new B("mat-slide-toggle-default-options",{providedIn:"root",factory:()=>({disableToggleValue:!1,hideIcon:!1,disabledInteractive:!1})}),Ft=class{source;checked;constructor(p,e){this.source=p,this.checked=e}},at=(()=>{class n{_elementRef=m(q);_focusMonitor=m(Xe);_changeDetectorRef=m(z);defaults=m(ga);_onChange=e=>{};_onTouched=()=>{};_validatorOnChange=()=>{};_uniqueId;_checked=!1;_createChangeEvent(e){return new Ft(this,e)}_labelId;get buttonId(){return`${this.id||this._uniqueId}-button`}_switchElement;focus(){this._switchElement.nativeElement.focus()}_noopAnimations=De();_focused;name=null;id;labelPosition="after";ariaLabel=null;ariaLabelledby=null;ariaDescribedby;required;color;disabled=!1;disableRipple=!1;tabIndex=0;get checked(){return this._checked}set checked(e){this._checked=e,this._changeDetectorRef.markForCheck()}hideIcon;disabledInteractive;change=new I;toggleChange=new I;get inputId(){return`${this.id||this._uniqueId}-input`}constructor(){m(Ee).load(Ie);let e=m(new ut("tabindex"),{optional:!0}),t=this.defaults;this.tabIndex=e==null?0:parseInt(e)||0,this.color=t.color||"accent",this.id=this._uniqueId=m(ye).getId("mat-mdc-slide-toggle-"),this.hideIcon=t.hideIcon??!1,this.disabledInteractive=t.disabledInteractive??!1,this._labelId=this._uniqueId+"-label"}ngAfterContentInit(){this._focusMonitor.monitor(this._elementRef,!0).subscribe(e=>{e==="keyboard"||e==="program"?(this._focused=!0,this._changeDetectorRef.markForCheck()):e||Promise.resolve().then(()=>{this._focused=!1,this._onTouched(),this._changeDetectorRef.markForCheck()})})}ngOnChanges(e){e.required&&this._validatorOnChange()}ngOnDestroy(){this._focusMonitor.stopMonitoring(this._elementRef)}writeValue(e){this.checked=!!e}registerOnChange(e){this._onChange=e}registerOnTouched(e){this._onTouched=e}validate(e){return this.required&&e.value!==!0?{required:!0}:null}registerOnValidatorChange(e){this._validatorOnChange=e}setDisabledState(e){this.disabled=e,this._changeDetectorRef.markForCheck()}toggle(){this.checked=!this.checked,this._onChange(this.checked)}_emitChangeEvent(){this._onChange(this.checked),this.change.emit(this._createChangeEvent(this.checked))}_handleClick(){this.disabled||(this.toggleChange.emit(),this.defaults.disableToggleValue||(this.checked=!this.checked,this._onChange(this.checked),this.change.emit(new Ft(this,this.checked))))}_getAriaLabelledBy(){return this.ariaLabelledby?this.ariaLabelledby:this.ariaLabel?null:this._labelId}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-slide-toggle"]],viewQuery:function(t,i){if(t&1&&L(pa,5),t&2){let o;k(o=T())&&(i._switchElement=o.first)}},hostAttrs:[1,"mat-mdc-slide-toggle"],hostVars:13,hostBindings:function(t,i){t&2&&(ke("id",i.id),N("tabindex",null)("aria-label",null)("name",null)("aria-labelledby",null),ve(i.color?"mat-"+i.color:""),P("mat-mdc-slide-toggle-focused",i._focused)("mat-mdc-slide-toggle-checked",i.checked)("_mat-animation-noopable",i._noopAnimations))},inputs:{name:"name",id:"id",labelPosition:"labelPosition",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],ariaDescribedby:[0,"aria-describedby","ariaDescribedby"],required:[2,"required","required",E],color:"color",disabled:[2,"disabled","disabled",E],disableRipple:[2,"disableRipple","disableRipple",E],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:j(e)],checked:[2,"checked","checked",E],hideIcon:[2,"hideIcon","hideIcon",E],disabledInteractive:[2,"disabledInteractive","disabledInteractive",E]},outputs:{change:"change",toggleChange:"toggleChange"},exportAs:["matSlideToggle"],features:[Q([{provide:Mt,useExisting:st(()=>n),multi:!0},{provide:Fi,useExisting:n,multi:!0}]),xe],ngContentSelectors:ha,decls:13,vars:27,consts:[["switch",""],["mat-internal-form-field","",3,"labelPosition"],["role","switch","type","button",1,"mdc-switch",3,"click","tabIndex","disabled"],[1,"mdc-switch__track"],[1,"mdc-switch__handle-track"],[1,"mdc-switch__handle"],[1,"mdc-switch__shadow"],[1,"mdc-elevation-overlay"],[1,"mdc-switch__ripple"],["mat-ripple","",1,"mat-mdc-slide-toggle-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled","matRippleCentered"],[1,"mdc-switch__icons"],[1,"mdc-label",3,"click","for"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--on"],["d","M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--off"],["d","M20 13H4v-2h16v2z"]],template:function(t,i){if(t&1){let o=A();Y(),a(0,"div",1)(1,"button",2,0),b("click",function(){return u(o),g(i._handleClick())}),_(3,"span",3),a(4,"span",4)(5,"span",5)(6,"span",6),_(7,"span",7),r(),a(8,"span",8),_(9,"span",9),r(),y(10,ua,5,0,"span",10),r()()(),a(11,"label",11),b("click",function(c){return u(o),g(c.stopPropagation())}),O(12),r()()}if(t&2){let o=R(2);h("labelPosition",i.labelPosition),l(),P("mdc-switch--selected",i.checked)("mdc-switch--unselected",!i.checked)("mdc-switch--checked",i.checked)("mdc-switch--disabled",i.disabled)("mat-mdc-slide-toggle-disabled-interactive",i.disabledInteractive),h("tabIndex",i.disabled&&!i.disabledInteractive?-1:i.tabIndex)("disabled",i.disabled&&!i.disabledInteractive),N("id",i.buttonId)("name",i.name)("aria-label",i.ariaLabel)("aria-labelledby",i._getAriaLabelledBy())("aria-describedby",i.ariaDescribedby)("aria-required",i.required||null)("aria-checked",i.checked)("aria-disabled",i.disabled&&i.disabledInteractive?"true":null),l(8),h("matRippleTrigger",o)("matRippleDisabled",i.disableRipple||i.disabled)("matRippleCentered",!0),l(),C(i.hideIcon?-1:10),l(),h("for",i.buttonId),N("id",i._labelId)}},dependencies:[Le,Gi],styles:[`.mdc-switch{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;margin:0;outline:none;overflow:visible;padding:0;position:relative;width:var(--mat-slide-toggle-track-width, 52px)}.mdc-switch.mdc-switch--disabled{cursor:default;pointer-events:none}.mdc-switch.mat-mdc-slide-toggle-disabled-interactive{pointer-events:auto}.mdc-switch__track{overflow:hidden;position:relative;width:100%;height:var(--mat-slide-toggle-track-height, 32px);border-radius:var(--mat-slide-toggle-track-shape, var(--mat-sys-corner-full))}.mdc-switch--disabled.mdc-switch .mdc-switch__track{opacity:var(--mat-slide-toggle-disabled-track-opacity, 0.12)}.mdc-switch__track::before,.mdc-switch__track::after{border:1px solid rgba(0,0,0,0);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%;border-width:var(--mat-slide-toggle-track-outline-width, 2px);border-color:var(--mat-slide-toggle-track-outline-color, var(--mat-sys-outline))}.mdc-switch--selected .mdc-switch__track::before,.mdc-switch--selected .mdc-switch__track::after{border-width:var(--mat-slide-toggle-selected-track-outline-width, 2px);border-color:var(--mat-slide-toggle-selected-track-outline-color, transparent)}.mdc-switch--disabled .mdc-switch__track::before,.mdc-switch--disabled .mdc-switch__track::after{border-width:var(--mat-slide-toggle-disabled-unselected-track-outline-width, 2px);border-color:var(--mat-slide-toggle-disabled-unselected-track-outline-color, var(--mat-sys-on-surface))}@media(forced-colors: active){.mdc-switch__track{border-color:currentColor}}.mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:translateX(0);background:var(--mat-slide-toggle-unselected-track-color, var(--mat-sys-surface-variant))}.mdc-switch--selected .mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::before{opacity:var(--mat-slide-toggle-hidden-track-opacity, 0);transition:var(--mat-slide-toggle-hidden-track-transition, opacity 75ms)}.mdc-switch--unselected .mdc-switch__track::before{opacity:var(--mat-slide-toggle-visible-track-opacity, 1);transition:var(--mat-slide-toggle-visible-track-transition, opacity 75ms)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-hover-track-color, var(--mat-sys-surface-variant))}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-focus-track-color, var(--mat-sys-surface-variant))}.mdc-switch:enabled:active .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-pressed-track-color, var(--mat-sys-surface-variant))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::before,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::before,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::before,.mdc-switch.mdc-switch--disabled .mdc-switch__track::before{background:var(--mat-slide-toggle-disabled-unselected-track-color, var(--mat-sys-surface-variant))}.mdc-switch__track::after{transform:translateX(-100%);background:var(--mat-slide-toggle-selected-track-color, var(--mat-sys-primary))}[dir=rtl] .mdc-switch__track::after{transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::after{transform:translateX(0)}.mdc-switch--selected .mdc-switch__track::after{opacity:var(--mat-slide-toggle-visible-track-opacity, 1);transition:var(--mat-slide-toggle-visible-track-transition, opacity 75ms)}.mdc-switch--unselected .mdc-switch__track::after{opacity:var(--mat-slide-toggle-hidden-track-opacity, 0);transition:var(--mat-slide-toggle-hidden-track-transition, opacity 75ms)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-hover-track-color, var(--mat-sys-primary))}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-focus-track-color, var(--mat-sys-primary))}.mdc-switch:enabled:active .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-pressed-track-color, var(--mat-sys-primary))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::after,.mdc-switch.mdc-switch--disabled .mdc-switch__track::after{background:var(--mat-slide-toggle-disabled-selected-track-color, var(--mat-sys-on-surface))}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);left:0;right:auto;transform:translateX(0);width:calc(100% - var(--mat-slide-toggle-handle-width))}[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:flex;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:auto;transition:width 75ms cubic-bezier(0.4, 0, 0.2, 1),height 75ms cubic-bezier(0.4, 0, 0.2, 1),margin 75ms cubic-bezier(0.4, 0, 0.2, 1);width:var(--mat-slide-toggle-handle-width);height:var(--mat-slide-toggle-handle-height);border-radius:var(--mat-slide-toggle-handle-shape, var(--mat-sys-corner-full))}[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle{width:var(--mat-slide-toggle-unselected-handle-size, 16px);height:var(--mat-slide-toggle-unselected-handle-size, 16px);margin:var(--mat-slide-toggle-unselected-handle-horizontal-margin, 0 8px)}.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons){margin:var(--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin, 0 4px)}.mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle{width:var(--mat-slide-toggle-selected-handle-size, 24px);height:var(--mat-slide-toggle-selected-handle-size, 24px);margin:var(--mat-slide-toggle-selected-handle-horizontal-margin, 0 24px)}.mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons){margin:var(--mat-slide-toggle-selected-with-icon-handle-horizontal-margin, 0 24px)}.mat-mdc-slide-toggle .mdc-switch__handle:has(.mdc-switch__icons){width:var(--mat-slide-toggle-with-icon-handle-size, 24px);height:var(--mat-slide-toggle-with-icon-handle-size, 24px)}.mat-mdc-slide-toggle .mdc-switch:active:not(.mdc-switch--disabled) .mdc-switch__handle{width:var(--mat-slide-toggle-pressed-handle-size, 28px);height:var(--mat-slide-toggle-pressed-handle-size, 28px)}.mat-mdc-slide-toggle .mdc-switch--selected:active:not(.mdc-switch--disabled) .mdc-switch__handle{margin:var(--mat-slide-toggle-selected-pressed-handle-horizontal-margin, 0 22px)}.mat-mdc-slide-toggle .mdc-switch--unselected:active:not(.mdc-switch--disabled) .mdc-switch__handle{margin:var(--mat-slide-toggle-unselected-pressed-handle-horizontal-margin, 0 2px)}.mdc-switch--disabled.mdc-switch--selected .mdc-switch__handle::after{opacity:var(--mat-slide-toggle-disabled-selected-handle-opacity, 1)}.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__handle::after{opacity:var(--mat-slide-toggle-disabled-unselected-handle-opacity, 0.38)}.mdc-switch__handle::before,.mdc-switch__handle::after{border:1px solid rgba(0,0,0,0);border-radius:inherit;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;transition:background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1),border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}@media(forced-colors: active){.mdc-switch__handle::before,.mdc-switch__handle::after{border-color:currentColor}}.mdc-switch--selected:enabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-handle-color, var(--mat-sys-on-primary))}.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-hover-handle-color, var(--mat-sys-primary-container))}.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-focus-handle-color, var(--mat-sys-primary-container))}.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-pressed-handle-color, var(--mat-sys-primary-container))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:hover:not(:focus):not(:active) .mdc-switch__handle::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:focus:not(:active) .mdc-switch__handle::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:active .mdc-switch__handle::after,.mdc-switch--selected.mdc-switch--disabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-disabled-selected-handle-color, var(--mat-sys-surface))}.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-handle-color, var(--mat-sys-outline))}.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-hover-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-focus-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-pressed-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-disabled-unselected-handle-color, var(--mat-sys-on-surface))}.mdc-switch__handle::before{background:var(--mat-slide-toggle-handle-surface-color)}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-switch:enabled .mdc-switch__shadow{box-shadow:var(--mat-slide-toggle-handle-elevation-shadow)}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__shadow,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__shadow,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__shadow,.mdc-switch.mdc-switch--disabled .mdc-switch__shadow{box-shadow:var(--mat-slide-toggle-disabled-handle-elevation-shadow)}.mdc-switch__ripple{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:-1;width:var(--mat-slide-toggle-state-layer-size, 40px);height:var(--mat-slide-toggle-state-layer-size, 40px)}.mdc-switch__ripple::after{content:"";opacity:0}.mdc-switch--disabled .mdc-switch__ripple::after{display:none}.mat-mdc-slide-toggle-disabled-interactive .mdc-switch__ripple::after{display:block}.mdc-switch:hover .mdc-switch__ripple::after{transition:75ms opacity cubic-bezier(0, 0, 0.2, 1)}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:focus .mdc-switch__ripple::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:active .mdc-switch__ripple::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-hover-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-focus-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-pressed-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));transition:opacity 75ms linear}.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-hover-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-focus-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-switch--selected:enabled:active .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-pressed-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));transition:opacity 75ms linear}.mdc-switch__icons{position:relative;height:100%;width:100%;z-index:1;transform:translateZ(0)}.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__icons{opacity:var(--mat-slide-toggle-disabled-unselected-icon-opacity, 0.38)}.mdc-switch--disabled.mdc-switch--selected .mdc-switch__icons{opacity:var(--mat-slide-toggle-disabled-selected-icon-opacity, 0.38)}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;transition:opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-switch--unselected .mdc-switch__icon{width:var(--mat-slide-toggle-unselected-icon-size, 16px);height:var(--mat-slide-toggle-unselected-icon-size, 16px);fill:var(--mat-slide-toggle-unselected-icon-color, var(--mat-sys-surface-variant))}.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__icon{fill:var(--mat-slide-toggle-disabled-unselected-icon-color, var(--mat-sys-surface-variant))}.mdc-switch--selected .mdc-switch__icon{width:var(--mat-slide-toggle-selected-icon-size, 16px);height:var(--mat-slide-toggle-selected-icon-size, 16px);fill:var(--mat-slide-toggle-selected-icon-color, var(--mat-sys-on-primary-container))}.mdc-switch--selected.mdc-switch--disabled .mdc-switch__icon{fill:var(--mat-slide-toggle-disabled-selected-icon-color, var(--mat-sys-on-surface))}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;transition:opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1)}.mat-mdc-slide-toggle{-webkit-user-select:none;user-select:none;display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple,.mat-mdc-slide-toggle .mdc-switch__ripple::after{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:50%;pointer-events:none}.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple:not(:empty),.mat-mdc-slide-toggle .mdc-switch__ripple::after:not(:empty){transform:translateZ(0)}.mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused .mat-focus-indicator::before{content:""}.mat-mdc-slide-toggle .mat-internal-form-field{color:var(--mat-slide-toggle-label-text-color, var(--mat-sys-on-surface));font-family:var(--mat-slide-toggle-label-text-font, var(--mat-sys-body-medium-font));line-height:var(--mat-slide-toggle-label-text-line-height, var(--mat-sys-body-medium-line-height));font-size:var(--mat-slide-toggle-label-text-size, var(--mat-sys-body-medium-size));letter-spacing:var(--mat-slide-toggle-label-text-tracking, var(--mat-sys-body-medium-tracking));font-weight:var(--mat-slide-toggle-label-text-weight, var(--mat-sys-body-medium-weight))}.mat-mdc-slide-toggle .mat-ripple-element{opacity:.12}.mat-mdc-slide-toggle .mat-focus-indicator::before{border-radius:50%}.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle-track,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__icon,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::before,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::after,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::before,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::after{transition:none}.mat-mdc-slide-toggle .mdc-switch:enabled+.mdc-label{cursor:pointer}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:var(--mat-slide-toggle-disabled-label-text-color, var(--mat-sys-on-surface))}
|
|
4
|
-
`],encapsulation:2,changeDetection:0})}return n})(),Dn=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[at,Fe,Fe]})}return n})();var fa=["notificationsForm"],ba=["statePanel"],va=["soundPanel"];function ya(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Show or hide menu items based on their state "),r())}function Ca(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Mute and unmute data state audio prompts "),r())}var In=(()=>{class n{app=m(ge);settings=m(ue);_responsive=m(ft);isPhonePortrait;notificationsForm=re("notificationsForm");statePanel=re("statePanel");soundPanel=re("soundPanel");notificationConfig;notificationDisabledExpandPanel=!1;constructor(){this.isPhonePortrait=gt(this._responsive.observe(Ct.HandsetPortrait)),this.notificationConfig=et(this.settings.getNotificationConfig())}saveAllSettings(){this.settings.setNotificationConfig(et(this.notificationConfig)),this.notificationsForm().form.markAsPristine(),this.app.sendSnackbarNotification("Configuration saved",3e3,!1)}togglePanel(e){e.checked&&(this.notificationDisabledExpandPanel=!1,this.statePanel().close(),this.soundPanel().close())}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-notifications"]],viewQuery:function(t,i){t&1&&(ne(i.notificationsForm,fa,5),ne(i.statePanel,ba,5),ne(i.soundPanel,va,5)),t&2&&Te(3)},decls:64,vars:17,consts:[["notificationsForm","ngForm"],["statePanel",""],["soundPanel",""],["id","notificationSetting",3,"ngSubmit"],["name","disableNotifications","color","primary",3,"ngModelChange","change","ngModel"],[3,"disabled"],["name","showNormalState",3,"ngModelChange","ngModel"],["name","showNominalState",3,"ngModelChange","ngModel"],["name","=disableSound",3,"ngModelChange","ngModel"],["name","muteAlert",3,"ngModelChange","ngModel","disabled"],["name","muteWarn",3,"ngModelChange","ngModel","disabled"],["name","muteAlarm",3,"ngModelChange","ngModel","disabled"],["name","muteEmergency",3,"ngModelChange","ngModel","disabled"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"]],template:function(t,i){if(t&1){let o=A();a(0,"form",3,0),b("ngSubmit",function(){return u(o),g(i.saveAllSettings())}),a(2,"p"),s(3,"Manage notification settings, ensuring operators stay informed about critical events."),r(),a(4,"mat-slide-toggle",4),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.disableNotifications,c)||(i.notificationConfig.disableNotifications=c),g(c)}),b("change",function(c){return u(o),g(i.togglePanel(c))}),s(5," Disable Notifications "),r(),_(6,"br")(7,"br"),a(8,"mat-accordion")(9,"mat-expansion-panel",5,1)(11,"mat-expansion-panel-header")(12,"mat-panel-title"),s(13," Notifications "),r(),y(14,ya,2,0,"mat-panel-description"),r(),a(15,"mat-checkbox",6),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.devices.showNormalState,c)||(i.notificationConfig.devices.showNormalState=c),g(c)}),s(16," Show "),a(17,"b"),s(18,"Normal"),r(),s(19," state "),r(),_(20,"br"),a(21,"mat-checkbox",7),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.devices.showNominalState,c)||(i.notificationConfig.devices.showNominalState=c),g(c)}),s(22," Show "),a(23,"b"),s(24,"Nominal"),r(),s(25," state "),r()(),a(26,"mat-expansion-panel",5,2)(28,"mat-expansion-panel-header")(29,"mat-panel-title"),s(30," Audio Prompts "),r(),y(31,Ca,2,0,"mat-panel-description"),r(),a(32,"mat-checkbox",8),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.sound.disableSound,c)||(i.notificationConfig.sound.disableSound=c),g(c)}),s(33," Mute "),a(34,"b"),s(35,"all Notifications"),r()(),_(36,"br"),a(37,"mat-checkbox",9),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.sound.muteAlert,c)||(i.notificationConfig.sound.muteAlert=c),g(c)}),s(38," Mute "),a(39,"b"),s(40,"all Alert"),r(),s(41," state "),r(),_(42,"br"),a(43,"mat-checkbox",10),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.sound.muteWarn,c)||(i.notificationConfig.sound.muteWarn=c),g(c)}),s(44," Mute "),a(45,"b"),s(46,"all Warn"),r(),s(47," state "),r(),_(48,"br"),a(49,"mat-checkbox",11),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.sound.muteAlarm,c)||(i.notificationConfig.sound.muteAlarm=c),g(c)}),s(50," Mute "),a(51,"b"),s(52,"all Alarm"),r(),s(53," state "),r(),_(54,"br"),a(55,"mat-checkbox",12),w("ngModelChange",function(c){return u(o),x(i.notificationConfig.sound.muteEmergency,c)||(i.notificationConfig.sound.muteEmergency=c),g(c)}),s(56," Mute "),a(57,"b"),s(58,"all Emergency"),r(),s(59," state "),r()()(),a(60,"div",13),_(61,"mat-divider",14),a(62,"button",15),s(63,"Save"),r()()()}if(t&2){let o=R(1);l(4),S("ngModel",i.notificationConfig.disableNotifications),l(5),h("disabled",i.notificationConfig.disableNotifications),l(5),C(i.isPhonePortrait().matches?-1:14),l(),S("ngModel",i.notificationConfig.devices.showNormalState),l(6),S("ngModel",i.notificationConfig.devices.showNominalState),l(5),h("disabled",i.notificationConfig.disableNotifications),l(5),C(i.isPhonePortrait().matches?-1:31),l(),S("ngModel",i.notificationConfig.sound.disableSound),l(5),S("ngModel",i.notificationConfig.sound.muteAlert),h("disabled",i.notificationConfig.sound.disableSound),l(6),S("ngModel",i.notificationConfig.sound.muteWarn),h("disabled",i.notificationConfig.sound.disableSound),l(6),S("ngModel",i.notificationConfig.sound.muteAlarm),h("disabled",i.notificationConfig.sound.disableSound),l(6),S("ngModel",i.notificationConfig.sound.muteEmergency),h("disabled",i.notificationConfig.sound.disableSound),l(7),h("disabled",!o.form.dirty)}},dependencies:[$,Z,ee,K,_e,se,Ae,Dn,at,Ot,Nt,it,nt,Vt,Pt,ce,G],encapsulation:2})}return n})();Xt.register(...nn);var Rn=Xt;var Sa=["activityGraph"],Zt=()=>({standalone:!1}),xa=()=>({standalone:!0}),An=(()=>{class n{dialog=m(wt);appSettingsService=m(ue);app=m(ge);DataService=m(Ge);signalKConnectionService=m(xi);deltaService=m(Ii);connectionStateMachine=m(Si);auth=m(_t);destroyRef=m(pi);canvasService=m(tn);activityGraph=re("activityGraph");connectionConfig;isConnecting=!1;authToken;endpointServiceStatus;streamStatus;_chart=null;textColor;ngOnInit(){this.connectionConfig=this.appSettingsService.getConnectionConfig(),this.auth.authToken$.pipe(je(this.destroyRef)).subscribe(e=>{e?this.authToken=e:this.authToken=null}),this.signalKConnectionService.getServiceEndpointStatusAsO().pipe(je(this.destroyRef)).subscribe(e=>{this.endpointServiceStatus=e}),this.deltaService.getDataStreamStatusAsO().pipe(je(this.destroyRef)).subscribe(e=>{this.streamStatus=e})}ngAfterViewInit(){this.textColor=window.getComputedStyle(this.activityGraph().nativeElement).color,this._chart?.destroy(),this.startChart(),this.DataService.getSignalkDeltaUpdateStatistics().pipe(je(this.destroyRef)).subscribe(e=>{this._chart.data.datasets[0].data.push({x:e.timestamp,y:e.value}),this._chart.data.datasets[0].data.length>10&&this._chart.data.datasets[0].data.shift(),this._chart?.update("none")})}openUserCredentialModal(e){this.dialog.open(an,{data:{user:this.connectionConfig.loginName,password:this.connectionConfig.loginPassword,error:e}}).afterClosed().pipe(je(this.destroyRef)).subscribe(i=>{i&&(this.connectionConfig.loginName=i.user,this.connectionConfig.loginPassword=i.password,this.connectToServer())})}connectToServer(){return rt(this,null,function*(){if(this.connectionConfig.useSharedConfig&&(!this.connectionConfig.loginName||!this.connectionConfig.loginPassword)){this.openUserCredentialModal("Credentials required");return}this.isConnecting=!0;try{console.log("[Settings-SignalK] Validating Signal K server before connecting..."),yield this.signalKConnectionService.validateSignalKUrl(this.connectionConfig.signalKUrl),console.log("[Settings-SignalK] Validation successful - proceeding with connection"),this.appSettingsService.setConnectionConfig(this.connectionConfig),this.connectionStateMachine.shutdown("Configuration changed - restarting app"),this.authToken&&!this.connectionConfig.useSharedConfig&&!this.authToken.isDeviceAccessToken&&this.auth.deleteToken(),window.__KIP_TEST__||location.reload()}catch(e){this.isConnecting=!1;let t=e?.message||"Unknown validation error";console.error("[Settings-SignalK] Server validation failed:",t),this.app.sendSnackbarNotification(`Connection failed: ${t}`,8e3,!1)}})}startChart(){this._chart=new Rn(this.activityGraph().nativeElement.getContext("2d"),{type:"line",data:{datasets:[{data:[],fill:!0,borderColor:this.textColor}]},options:{maintainAspectRatio:!1,animation:!1,parsing:!1,scales:{x:{type:"time",display:!0,time:{unit:"minute",minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'mm ss"',millisecond:"SSS"}},position:"bottom",ticks:{display:!1},grid:{display:!0}},y:{beginAtZero:!0,type:"linear",position:"right",title:{text:"Delta / Sec",display:!0}}},plugins:{legend:{display:!1,labels:{color:this.textColor}}}}})}useSharedConfigToggleClick(e){if(e.checked){let t=this.signalKConnectionService.serverVersion$.getValue();if(!wi(t,"1.46.2",">=")){this.app.sendSnackbarNotification("Configuration sharing requires Signal K version 1.46.2 or better",0),this.connectionConfig.useSharedConfig=!1;return}this.openUserCredentialModal(null)}}ngOnDestroy(){this._chart?.destroy();let e=this.activityGraph?.()?.nativeElement;this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-signalk"]],viewQuery:function(t,i){t&1&&ne(i.activityGraph,Sa,5),t&2&&Te()},decls:40,vars:22,consts:[["connectionForm","ngForm"],["useSharedConfigToggle",""],["activityGraph",""],["name","connectionForm",3,"ngSubmit"],[1,"connect-table"],[1,"url-cell"],[1,"connectUrlInput"],["type","url","matInput","","placeholder","Ex. http://192.168.0.1:3000","name","signalKURL","required","","pattern","https?://.+",3,"ngModelChange","ngModel","ngModelOptions"],[1,"connect-cell"],["mat-flat-button","","type","submit",1,"connect-btn",3,"disabled"],["colspan","2"],["name","useSharedConfigToggle","matTooltip","Activating authentication enables Signal K's user storage feature to save KIP configuration on the server. When authentication is not activated, KIP stores it's configuration locally in the Browser.",3,"ngModelChange","change","ngModel","ngModelOptions","disabled"],["mat-flat-button","","type","button","matTooltip","Configure Signal K user authentication credentials. The user must be a valid pre existing Signal K server user. It is strongly recommended not to use the default Signal K Admin user.",1,"credentials-btn",3,"click","disabled"],["name","signalKSubscribeAll",3,"ngModelChange","ngModel","ngModelOptions"],["name","isProxyEnabled",3,"ngModelChange","ngModel","ngModelOptions"],[1,"activity-container"],[1,"activity-graph-container"],[1,"activity-graph"],[1,"info-container"]],template:function(t,i){if(t&1){let o=A();a(0,"form",3,0),b("ngSubmit",function(){return u(o),g(i.connectToServer())}),_(2,"br"),a(3,"table",4)(4,"tr",4)(5,"td",5)(6,"mat-form-field",6)(7,"mat-label"),s(8,"Signal K URL"),r(),a(9,"input",7),w("ngModelChange",function(c){return u(o),x(i.connectionConfig.signalKUrl,c)||(i.connectionConfig.signalKUrl=c),g(c)}),r(),a(10,"mat-error"),s(11,' Valid URL is required. Ex. "https://demo.signalK.org" or "http://my.server.com:3000" '),r()()(),a(12,"td",8)(13,"button",9),s(14),r()()(),a(15,"tr",4)(16,"td",10)(17,"mat-slide-toggle",11,1),w("ngModelChange",function(c){return u(o),x(i.connectionConfig.useSharedConfig,c)||(i.connectionConfig.useSharedConfig=c),g(c)}),b("change",function(c){return u(o),g(i.useSharedConfigToggleClick(c))}),s(19," Login to server "),r(),a(20,"button",12),b("click",function(){return u(o),g(i.openUserCredentialModal(null))}),s(21," Set Credential "),r(),_(22,"br"),a(23,"mat-checkbox",13),w("ngModelChange",function(c){return u(o),x(i.connectionConfig.signalKSubscribeAll,c)||(i.connectionConfig.signalKSubscribeAll=c),g(c)}),s(24,"Subscribe to remote sources messages such as AIS and DSC targets. "),a(25,"i"),s(26,"Warning: this maybe generate heavy traffic."),r()()()(),a(27,"tr",4)(28,"td",10)(29,"mat-checkbox",14),w("ngModelChange",function(c){return u(o),x(i.connectionConfig.proxyEnabled,c)||(i.connectionConfig.proxyEnabled=c),g(c)}),s(30,"Signal K server is behind a Proxy"),r()()()()(),a(31,"div",15)(32,"div",16),_(33,"canvas",17,2),r(),a(35,"div",18)(36,"pre"),s(37),_(38,"br"),s(39),r()()()}if(t&2){let o=R(1);l(9),S("ngModel",i.connectionConfig.signalKUrl),h("ngModelOptions",oe(18,Zt)),l(4),h("disabled",!o.form.valid||i.isConnecting),l(),ae(" ",i.isConnecting?"Validating...":"Connect"," "),l(3),S("ngModel",i.connectionConfig.useSharedConfig),h("ngModelOptions",oe(19,xa))("disabled",!i.connectionConfig.signalKUrl),l(3),h("disabled",!i.connectionConfig.useSharedConfig),l(3),S("ngModel",i.connectionConfig.signalKSubscribeAll),h("ngModelOptions",oe(20,Zt)),l(6),S("ngModel",i.connectionConfig.proxyEnabled),h("ngModelOptions",oe(21,Zt)),l(8),Ut("KIP: ",i.app.appVersion(),`
|
|
5
|
-
`,i.app.browserVersion(),", ",i.app.osVersion()),
|
|
1
|
+
import"./chunk-F5X5MWHG.js";import{E as Kt,N as on,a as an}from"./chunk-K5OOC3CF.js";import{a as $e,e as $i,f as Yi,g as en,i as tn,j as nn}from"./chunk-65TR3CWM.js";import{a as dn,b as cn,c as mn,d as pn,e as hn,f as un,g as gn,h as _n,i as fn,j as bn,k as vn,m as yn,n as Rt,p as Pt,q as Sn}from"./chunk-D4MWDRNW.js";import{b as sn}from"./chunk-I454VRMK.js";import{a as Ve,b as Gi,c as Ji}from"./chunk-UTCRLFYC.js";import{a as ln}from"./chunk-XLJT6YPP.js";import{f as Ae,i as It,n as Zi}from"./chunk-ZPCYFQPB.js";import{a as rn}from"./chunk-RMLGKVWE.js";import{b as ge}from"./chunk-YCW2UBVQ.js";import{a as ce}from"./chunk-6MRJ4C55.js";import{B as de,D as Se,E as Dt,b as tt,e as Ri,g as Ze,k as Vi,l as Ni,n as wt,p as Oi,q as Fi,u as le,v as Ki}from"./chunk-VEJNBHWJ.js";import{B as kt,E as Tt,F as Qi,G as ji,H as fe,I as qi,J as Xi,K as $,L as Et,M as Xt,e as xi,f as wi,g as Mi,h as _t,i as ki,j as ue,k as Mt,l as Pe,m as Li,n as zi,o as Bi,q as ee,r as G,t as Ui,u as se,w as Hi,x as _e,y as Z,z as Wi}from"./chunk-A5CYPNMD.js";import{b as Ct,f as xt,g as qt}from"./chunk-NOLKBYOV.js";import{$b as bi,Ab as k,Bb as T,Bd as vt,Cc as Qt,Db as ne,E as li,Eb as Te,F as et,Fa as d,Fb as I,Fc as Ci,Fd as yt,Ga as we,Gb as qe,Hb as A,Hd as ze,Ia as Fe,Id as Ii,Jb as ve,K as di,Kb as s,La as dt,Lb as X,Mb as ae,Nb as Ut,Nd as St,Oa as M,Ob as Ht,Pa as he,Pb as C,Pc as Xe,Pd as Ie,Qa as D,Qb as x,Qc as gt,Ra as ui,Rb as w,Sa as ie,Sd as jt,Ua as U,Ud as Pi,V as me,Va as gi,Vd as Be,W as ci,Wa as R,Wb as fi,Wd as Re,X as Ce,Xa as Me,Xb as Q,Yb as oe,Yd as Ai,Zb as Wt,Zc as Ti,Zd as K,ab as N,ac as pt,ba as st,bb as y,bc as vi,ca as mi,cb as S,cc as yi,da as pe,db as ct,dc as Si,ea as B,eb as be,f as rt,fb as H,fc as ht,fd as Ei,g as We,ga as m,gb as W,hb as h,hd as Ke,ib as a,j as te,ja as u,jb as r,jc as ut,ka as g,kb as _,la as lt,lb as mt,mb as Bt,mc as re,md as Ge,nb as _i,o as oi,oa as pi,ob as Qe,oc as Ee,od as De,pa as hi,pb as je,pc as z,pd as Di,q as ri,qb as Le,ra as V,rb as P,rc as E,rd as ft,sb as ke,sc as j,tb as b,ua as xe,va as Ne,vb as v,w as si,wa as q,wb as Y,xa as Oe,xb as O,yb as F,yd as ye,zb as L,zd as bt}from"./chunk-YPUCOH35.js";var ta=(n,p)=>p.key,ia=(n,p)=>p.measure;function na(n,p){if(n&1&&(a(0,"mat-option",6),s(1),r()),n&2){let e=p.$implicit;h("value",e.measure),d(),X(e.description)}}function aa(n,p){if(n&1&&(a(0,"mat-form-field")(1,"mat-label"),s(2),r(),a(3,"mat-select",5),H(4,na,2,2,"mat-option",6,ia),r()()),n&2){let e=p.$implicit,t=v();d(2),X(e.key),d(),h("placeholder",e.key)("formControlName",e.key),d(),W(t.groupUnits[e.key])}}var Cn=(()=>{class n{units=m(Ji);appSettingsService=m(ue);appService=m(ge);unitsFormGroup=new Ui({});groupUnits=[];ngOnInit(){let e=this.appSettingsService.getDefaultUnits(),t=this.units.getConversions();for(let i of t){if(i.group==="Position")continue;let o=[];for(let c of i.units)o.push(c);this.groupUnits[i.group]=o,this.unitsFormGroup.addControl(i.group,new Hi(e[i.group]))}this.unitsFormGroup.updateValueAndValidity()}submitConfig(){this.appSettingsService.setDefaultUnits(this.unitsFormGroup.value),this.appService.sendSnackbarNotification("Configuration saved",3e3,!1)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-units"]],decls:11,vars:4,consts:[[2,"height","100%",3,"ngSubmit","formGroup"],[1,"unit-grid"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"],["required","",3,"placeholder","formControlName"],[3,"value"]],template:function(t,i){t&1&&(a(0,"form",0),b("ngSubmit",function(){return i.submitConfig()}),a(1,"p"),s(2,"Configure your preferred default unit types. These defaults can be overridden within individual widget settings."),r(),a(3,"div",1),H(4,aa,6,3,"mat-form-field",null,ta),pt(6,"keyvalue"),r(),a(7,"div",2),_(8,"mat-divider",3),a(9,"button",4),s(10,"Save"),r()()()),t&2&&(h("formGroup",i.unitsFormGroup),d(4),W(vi(6,2,i.unitsFormGroup.controls)),d(5),h("disabled",!i.unitsFormGroup.valid))},dependencies:[$,Z,ee,G,fe,Et,kt,Tt,de,le,Ve,Ae,ce,K,Ci],styles:[".unit-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,auto));gap:10px}"]})}return n})();var Gt=new B("CdkAccordion"),xn=(()=>{class n{_stateChanges=new te;_openCloseAllActions=new te;id=m(ye).getId("cdk-accordion-");multi=!1;openAll(){this.multi&&this._openCloseAllActions.next(!0)}closeAll(){this._openCloseAllActions.next(!1)}ngOnChanges(e){this._stateChanges.next(e)}ngOnDestroy(){this._stateChanges.complete(),this._openCloseAllActions.complete()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["cdk-accordion"],["","cdkAccordion",""]],inputs:{multi:[2,"multi","multi",E]},exportAs:["cdkAccordion"],features:[Q([{provide:Gt,useExisting:n}]),xe]})}return n})(),wn=(()=>{class n{accordion=m(Gt,{optional:!0,skipSelf:!0});_changeDetectorRef=m(z);_expansionDispatcher=m(It);_openCloseAllSubscription=We.EMPTY;closed=new R;opened=new R;destroyed=new R;expandedChange=new R;id=m(ye).getId("cdk-accordion-child-");get expanded(){return this._expanded}set expanded(e){if(this._expanded!==e){if(this._expanded=e,this.expandedChange.emit(e),e){this.opened.emit();let t=this.accordion?this.accordion.id:this.id;this._expansionDispatcher.notify(this.id,t)}else this.closed.emit();this._changeDetectorRef.markForCheck()}}_expanded=!1;get disabled(){return this._disabled()}set disabled(e){this._disabled.set(e)}_disabled=V(!1);_removeUniqueSelectionListener=()=>{};constructor(){}ngOnInit(){this._removeUniqueSelectionListener=this._expansionDispatcher.listen((e,t)=>{this.accordion&&!this.accordion.multi&&this.accordion.id===t&&this.id!==e&&(this.expanded=!1)}),this.accordion&&(this._openCloseAllSubscription=this._subscribeToOpenCloseAllActions())}ngOnDestroy(){this.opened.complete(),this.closed.complete(),this.destroyed.emit(),this.destroyed.complete(),this._removeUniqueSelectionListener(),this._openCloseAllSubscription.unsubscribe()}toggle(){this.disabled||(this.expanded=!this.expanded)}close(){this.disabled||(this.expanded=!1)}open(){this.disabled||(this.expanded=!0)}_subscribeToOpenCloseAllActions(){return this.accordion._openCloseAllActions.subscribe(e=>{this.disabled||(this.expanded=e)})}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["cdk-accordion-item"],["","cdkAccordionItem",""]],inputs:{expanded:[2,"expanded","expanded",E],disabled:[2,"disabled","disabled",E]},outputs:{closed:"closed",opened:"opened",destroyed:"destroyed",expandedChange:"expandedChange"},exportAs:["cdkAccordionItem"],features:[Q([{provide:Gt,useValue:void 0}])]})}return n})(),Mn=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({})}return n})();var oa=["body"],ra=["bodyWrapper"],sa=[[["mat-expansion-panel-header"]],"*",[["mat-action-row"]]],la=["mat-expansion-panel-header","*","mat-action-row"];function da(n,p){}var ca=[[["mat-panel-title"]],[["mat-panel-description"]],"*"],ma=["mat-panel-title","mat-panel-description","*"];function pa(n,p){n&1&&(mt(0,"span",1),lt(),mt(1,"svg",2),_i(2,"path",3),Bt()())}var Zt=new B("MAT_ACCORDION"),En=new B("MAT_EXPANSION_PANEL"),ha=(()=>{class n{_template=m(we);_expansionPanel=m(En,{optional:!0});constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matExpansionPanelContent",""]]})}return n})(),Dn=new B("MAT_EXPANSION_PANEL_DEFAULT_OPTIONS"),nt=(()=>{class n extends wn{_viewContainerRef=m(dt);_animationsDisabled=Ie();_document=m(pi);_ngZone=m(Me);_elementRef=m(q);_renderer=m(Fe);_cleanupTransitionEnd;get hideToggle(){return this._hideToggle||this.accordion&&this.accordion.hideToggle}set hideToggle(e){this._hideToggle=e}_hideToggle=!1;get togglePosition(){return this._togglePosition||this.accordion&&this.accordion.togglePosition}set togglePosition(e){this._togglePosition=e}_togglePosition;afterExpand=new R;afterCollapse=new R;_inputChanges=new te;accordion=m(Zt,{optional:!0,skipSelf:!0});_lazyContent;_body;_bodyWrapper;_portal;_headerId=m(ye).getId("mat-expansion-panel-header-");constructor(){super();let e=m(Dn,{optional:!0});this._expansionDispatcher=m(It),e&&(this.hideToggle=e.hideToggle)}_hasSpacing(){return this.accordion?this.expanded&&this.accordion.displayMode==="default":!1}_getExpandedState(){return this.expanded?"expanded":"collapsed"}toggle(){this.expanded=!this.expanded}close(){this.expanded=!1}open(){this.expanded=!0}ngAfterContentInit(){this._lazyContent&&this._lazyContent._expansionPanel===this&&this.opened.pipe(me(null),et(()=>this.expanded&&!this._portal),di(1)).subscribe(()=>{this._portal=new Ct(this._lazyContent._template,this._viewContainerRef)}),this._setupAnimationEvents()}ngOnChanges(e){this._inputChanges.next(e)}ngOnDestroy(){super.ngOnDestroy(),this._cleanupTransitionEnd?.(),this._inputChanges.complete()}_containsFocus(){if(this._body){let e=this._document.activeElement,t=this._body.nativeElement;return e===t||t.contains(e)}return!1}_transitionEndListener=({target:e,propertyName:t})=>{e===this._bodyWrapper?.nativeElement&&t==="grid-template-rows"&&this._ngZone.run(()=>{this.expanded?this.afterExpand.emit():this.afterCollapse.emit()})};_setupAnimationEvents(){this._ngZone.runOutsideAngular(()=>{this._animationsDisabled?(this.opened.subscribe(()=>this._ngZone.run(()=>this.afterExpand.emit())),this.closed.subscribe(()=>this._ngZone.run(()=>this.afterCollapse.emit()))):setTimeout(()=>{let e=this._elementRef.nativeElement;this._cleanupTransitionEnd=this._renderer.listen(e,"transitionend",this._transitionEndListener),e.classList.add("mat-expansion-panel-animations-enabled")},200)})}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-expansion-panel"]],contentQueries:function(t,i,o){if(t&1&&F(o,ha,5),t&2){let c;k(c=T())&&(i._lazyContent=c.first)}},viewQuery:function(t,i){if(t&1&&(L(oa,5),L(ra,5)),t&2){let o;k(o=T())&&(i._body=o.first),k(o=T())&&(i._bodyWrapper=o.first)}},hostAttrs:[1,"mat-expansion-panel"],hostVars:4,hostBindings:function(t,i){t&2&&A("mat-expanded",i.expanded)("mat-expansion-panel-spacing",i._hasSpacing())},inputs:{hideToggle:[2,"hideToggle","hideToggle",E],togglePosition:"togglePosition"},outputs:{afterExpand:"afterExpand",afterCollapse:"afterCollapse"},exportAs:["matExpansionPanel"],features:[Q([{provide:Zt,useValue:void 0},{provide:En,useExisting:n}]),ie,xe],ngContentSelectors:la,decls:9,vars:4,consts:[["bodyWrapper",""],["body",""],[1,"mat-expansion-panel-content-wrapper"],["role","region",1,"mat-expansion-panel-content",3,"id"],[1,"mat-expansion-panel-body"],[3,"cdkPortalOutlet"]],template:function(t,i){t&1&&(Y(sa),O(0),a(1,"div",2,0)(3,"div",3,1)(5,"div",4),O(6,1),U(7,da,0,0,"ng-template",5),r(),O(8,2),r()()),t&2&&(d(),N("inert",i.expanded?null:""),d(2),h("id",i.id),N("aria-labelledby",i._headerId),d(4),h("cdkPortalOutlet",i._portal))},dependencies:[xt],styles:[`.mat-expansion-panel{box-sizing:content-box;display:block;margin:0;overflow:hidden;position:relative;background:var(--mat-expansion-container-background-color, var(--mat-sys-surface));color:var(--mat-expansion-container-text-color, var(--mat-sys-on-surface));border-radius:var(--mat-expansion-container-shape, 12px)}.mat-expansion-panel.mat-expansion-panel-animations-enabled{transition:margin 225ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:var(--mat-expansion-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12))}.mat-accordion .mat-expansion-panel:not(.mat-expanded),.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing){border-radius:0}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:var(--mat-expansion-container-shape, 12px);border-top-left-radius:var(--mat-expansion-container-shape, 12px)}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:var(--mat-expansion-container-shape, 12px);border-bottom-left-radius:var(--mat-expansion-container-shape, 12px)}@media(forced-colors: active){.mat-expansion-panel{outline:solid 1px}}.mat-expansion-panel-content-wrapper{display:grid;grid-template-rows:0fr;grid-template-columns:100%}.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper{transition:grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper{grid-template-rows:1fr}@supports not (grid-template-rows: 0fr){.mat-expansion-panel-content-wrapper{height:0}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper{height:auto}}.mat-expansion-panel-content{display:flex;flex-direction:column;overflow:visible;min-height:0;visibility:hidden;font-family:var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font));font-size:var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size));font-weight:var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight));line-height:var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height));letter-spacing:var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking))}.mat-expansion-panel-animations-enabled .mat-expansion-panel-content{transition:visibility 190ms linear}.mat-expansion-panel.mat-expanded>.mat-expansion-panel-content-wrapper>.mat-expansion-panel-content{visibility:visible}.mat-expansion-panel-body{padding:0 24px 16px}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion>.mat-expansion-panel-spacing:first-child,.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-top:0}.mat-accordion>.mat-expansion-panel-spacing:last-child,.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px;border-top-color:var(--mat-expansion-actions-divider-color, var(--mat-sys-outline))}.mat-action-row .mat-button-base,.mat-action-row .mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-action-row .mat-button-base,[dir=rtl] .mat-action-row .mat-mdc-button-base{margin-left:0;margin-right:8px}
|
|
2
|
+
`],encapsulation:2,changeDetection:0})}return n})();var at=(()=>{class n{panel=m(nt,{host:!0});_element=m(q);_focusMonitor=m(Ge);_changeDetectorRef=m(z);_parentChangeSubscription=We.EMPTY;constructor(){m(De).load(Re);let e=this.panel,t=m(Dn,{optional:!0}),i=m(new ut("tabindex"),{optional:!0}),o=e.accordion?e.accordion._stateChanges.pipe(et(c=>!!(c.hideToggle||c.togglePosition))):oi;this.tabIndex=parseInt(i||"")||0,this._parentChangeSubscription=li(e.opened,e.closed,o,e._inputChanges.pipe(et(c=>!!(c.hideToggle||c.disabled||c.togglePosition)))).subscribe(()=>this._changeDetectorRef.markForCheck()),e.closed.pipe(et(()=>e._containsFocus())).subscribe(()=>this._focusMonitor.focusVia(this._element,"program")),t&&(this.expandedHeight=t.expandedHeight,this.collapsedHeight=t.collapsedHeight)}expandedHeight;collapsedHeight;tabIndex=0;get disabled(){return this.panel.disabled}_toggle(){this.disabled||this.panel.toggle()}_isExpanded(){return this.panel.expanded}_getExpandedState(){return this.panel._getExpandedState()}_getPanelId(){return this.panel.id}_getTogglePosition(){return this.panel.togglePosition}_showToggle(){return!this.panel.hideToggle&&!this.panel.disabled}_getHeaderHeight(){let e=this._isExpanded();return e&&this.expandedHeight?this.expandedHeight:!e&&this.collapsedHeight?this.collapsedHeight:null}_keydown(e){switch(e.keyCode){case 32:case 13:bt(e)||(e.preventDefault(),this._toggle());break;default:this.panel.accordion&&this.panel.accordion._handleHeaderKeydown(e);return}}focus(e,t){e?this._focusMonitor.focusVia(this._element,e,t):this._element.nativeElement.focus(t)}ngAfterViewInit(){this._focusMonitor.monitor(this._element).subscribe(e=>{e&&this.panel.accordion&&this.panel.accordion._handleHeaderFocus(this)})}ngOnDestroy(){this._parentChangeSubscription.unsubscribe(),this._focusMonitor.stopMonitoring(this._element)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-expansion-panel-header"]],hostAttrs:["role","button",1,"mat-expansion-panel-header","mat-focus-indicator"],hostVars:13,hostBindings:function(t,i){t&1&&b("click",function(){return i._toggle()})("keydown",function(c){return i._keydown(c)}),t&2&&(N("id",i.panel._headerId)("tabindex",i.disabled?-1:i.tabIndex)("aria-controls",i._getPanelId())("aria-expanded",i._isExpanded())("aria-disabled",i.panel.disabled),qe("height",i._getHeaderHeight()),A("mat-expanded",i._isExpanded())("mat-expansion-toggle-indicator-after",i._getTogglePosition()==="after")("mat-expansion-toggle-indicator-before",i._getTogglePosition()==="before"))},inputs:{expandedHeight:"expandedHeight",collapsedHeight:"collapsedHeight",tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:j(e)]},ngContentSelectors:ma,decls:5,vars:3,consts:[[1,"mat-content"],[1,"mat-expansion-indicator"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 -960 960 960","aria-hidden","true","focusable","false"],["d","M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"]],template:function(t,i){t&1&&(Y(ca),mt(0,"span",0),O(1),O(2,1),O(3,2),Bt(),y(4,pa,3,0,"span",1)),t&2&&(A("mat-content-hide-toggle",!i._showToggle()),d(4),S(i._showToggle()?4:-1))},styles:[`.mat-expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px;border-radius:inherit;height:var(--mat-expansion-header-collapsed-state-height, 48px);font-family:var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));font-size:var(--mat-expansion-header-text-size, var(--mat-sys-title-medium-size));font-weight:var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));line-height:var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));letter-spacing:var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))}.mat-expansion-panel-animations-enabled .mat-expansion-panel-header{transition:height 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel-header::before{border-radius:inherit}.mat-expansion-panel-header.mat-expanded{height:var(--mat-expansion-header-expanded-state-height, 64px)}.mat-expansion-panel-header[aria-disabled=true]{color:var(--mat-expansion-header-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:var(--mat-expansion-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))}@media(hover: none){.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:var(--mat-expansion-container-background-color, var(--mat-sys-surface))}}.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused{background:var(--mat-expansion-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent))}.mat-expansion-panel-header._mat-animation-noopable{transition:none}.mat-expansion-panel-header:focus,.mat-expansion-panel-header:hover{outline:none}.mat-expansion-panel-header.mat-expanded:focus,.mat-expansion-panel-header.mat-expanded:hover{background:inherit}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before{flex-direction:row-reverse}.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 16px 0 0}[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin:0 0 0 16px}.mat-content{display:flex;flex:1;flex-direction:row;overflow:hidden}.mat-content.mat-content-hide-toggle{margin-right:8px}[dir=rtl] .mat-content.mat-content-hide-toggle{margin-right:0;margin-left:8px}.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle{margin-left:24px;margin-right:0}[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle{margin-right:24px;margin-left:0}.mat-expansion-panel-header-title{color:var(--mat-expansion-header-text-color, var(--mat-sys-on-surface))}.mat-expansion-panel-header-title,.mat-expansion-panel-header-description{display:flex;flex-grow:1;flex-basis:0;margin-right:16px;align-items:center}[dir=rtl] .mat-expansion-panel-header-title,[dir=rtl] .mat-expansion-panel-header-description{margin-right:0;margin-left:16px}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header-description{flex-grow:2;color:var(--mat-expansion-header-description-color, var(--mat-sys-on-surface-variant))}.mat-expansion-panel-animations-enabled .mat-expansion-indicator{transition:transform 225ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator{transform:rotate(180deg)}.mat-expansion-indicator::after{border-style:solid;border-width:0 2px 2px 0;content:"";padding:3px;transform:rotate(45deg);vertical-align:middle;color:var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));display:var(--mat-expansion-legacy-header-indicator-display, none)}.mat-expansion-indicator svg{width:24px;height:24px;margin:0 -8px;vertical-align:middle;fill:var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));display:var(--mat-expansion-header-indicator-display, inline-block)}@media(forced-colors: active){.mat-expansion-panel-content{border-top:1px solid;border-top-left-radius:0;border-top-right-radius:0}}
|
|
3
|
+
`],encapsulation:2,changeDetection:0})}return n})(),At=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["mat-panel-description"]],hostAttrs:[1,"mat-expansion-panel-header-description"]})}return n})(),Vt=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["mat-panel-title"]],hostAttrs:[1,"mat-expansion-panel-header-title"]})}return n})(),Nt=(()=>{class n extends xn{_keyManager;_ownHeaders=new Oe;_headers;hideToggle=!1;displayMode="default";togglePosition="after";ngAfterContentInit(){this._headers.changes.pipe(me(this._headers)).subscribe(e=>{this._ownHeaders.reset(e.filter(t=>t.panel.accordion===this)),this._ownHeaders.notifyOnChanges()}),this._keyManager=new vt(this._ownHeaders).withWrap().withHomeAndEnd()}_handleHeaderKeydown(e){this._keyManager.onKeydown(e)}_handleHeaderFocus(e){this._keyManager.updateActiveItem(e)}ngOnDestroy(){super.ngOnDestroy(),this._keyManager?.destroy(),this._ownHeaders.destroy()}static \u0275fac=(()=>{let e;return function(i){return(e||(e=Ne(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["mat-accordion"]],contentQueries:function(t,i,o){if(t&1&&F(o,at,5),t&2){let c;k(c=T())&&(i._headers=c)}},hostAttrs:[1,"mat-accordion"],hostVars:2,hostBindings:function(t,i){t&2&&A("mat-accordion-multi",i.multi)},inputs:{hideToggle:[2,"hideToggle","hideToggle",E],displayMode:"displayMode",togglePosition:"togglePosition"},exportAs:["matAccordion"],features:[Q([{provide:Zt,useExisting:n}]),ie]})}return n})(),Ot=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[ze,Mn,qt]})}return n})();var ua=["switch"],ga=["*"];function _a(n,p){n&1&&(a(0,"span",10),lt(),a(1,"svg",12),_(2,"path",13),r(),a(3,"svg",14),_(4,"path",15),r()())}var fa=new B("mat-slide-toggle-default-options",{providedIn:"root",factory:()=>({disableToggleValue:!1,hideIcon:!1,disabledInteractive:!1})}),Ft=class{source;checked;constructor(p,e){this.source=p,this.checked=e}},Ue=(()=>{class n{_elementRef=m(q);_focusMonitor=m(Ge);_changeDetectorRef=m(z);defaults=m(fa);_onChange=e=>{};_onTouched=()=>{};_validatorOnChange=()=>{};_uniqueId;_checked=!1;_createChangeEvent(e){return new Ft(this,e)}_labelId;get buttonId(){return`${this.id||this._uniqueId}-button`}_switchElement;focus(){this._switchElement.nativeElement.focus()}_noopAnimations=Ie();_focused;name=null;id;labelPosition="after";ariaLabel=null;ariaLabelledby=null;ariaDescribedby;required;color;disabled=!1;disableRipple=!1;tabIndex=0;get checked(){return this._checked}set checked(e){this._checked=e,this._changeDetectorRef.markForCheck()}hideIcon;disabledInteractive;change=new R;toggleChange=new R;get inputId(){return`${this.id||this._uniqueId}-input`}constructor(){m(De).load(Re);let e=m(new ut("tabindex"),{optional:!0}),t=this.defaults;this.tabIndex=e==null?0:parseInt(e)||0,this.color=t.color||"accent",this.id=this._uniqueId=m(ye).getId("mat-mdc-slide-toggle-"),this.hideIcon=t.hideIcon??!1,this.disabledInteractive=t.disabledInteractive??!1,this._labelId=this._uniqueId+"-label"}ngAfterContentInit(){this._focusMonitor.monitor(this._elementRef,!0).subscribe(e=>{e==="keyboard"||e==="program"?(this._focused=!0,this._changeDetectorRef.markForCheck()):e||Promise.resolve().then(()=>{this._focused=!1,this._onTouched(),this._changeDetectorRef.markForCheck()})})}ngOnChanges(e){e.required&&this._validatorOnChange()}ngOnDestroy(){this._focusMonitor.stopMonitoring(this._elementRef)}writeValue(e){this.checked=!!e}registerOnChange(e){this._onChange=e}registerOnTouched(e){this._onTouched=e}validate(e){return this.required&&e.value!==!0?{required:!0}:null}registerOnValidatorChange(e){this._validatorOnChange=e}setDisabledState(e){this.disabled=e,this._changeDetectorRef.markForCheck()}toggle(){this.checked=!this.checked,this._onChange(this.checked)}_emitChangeEvent(){this._onChange(this.checked),this.change.emit(this._createChangeEvent(this.checked))}_handleClick(){this.disabled||(this.toggleChange.emit(),this.defaults.disableToggleValue||(this.checked=!this.checked,this._onChange(this.checked),this.change.emit(new Ft(this,this.checked))))}_getAriaLabelledBy(){return this.ariaLabelledby?this.ariaLabelledby:this.ariaLabel?null:this._labelId}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-slide-toggle"]],viewQuery:function(t,i){if(t&1&&L(ua,5),t&2){let o;k(o=T())&&(i._switchElement=o.first)}},hostAttrs:[1,"mat-mdc-slide-toggle"],hostVars:13,hostBindings:function(t,i){t&2&&(ke("id",i.id),N("tabindex",null)("aria-label",null)("name",null)("aria-labelledby",null),ve(i.color?"mat-"+i.color:""),A("mat-mdc-slide-toggle-focused",i._focused)("mat-mdc-slide-toggle-checked",i.checked)("_mat-animation-noopable",i._noopAnimations))},inputs:{name:"name",id:"id",labelPosition:"labelPosition",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],ariaDescribedby:[0,"aria-describedby","ariaDescribedby"],required:[2,"required","required",E],color:"color",disabled:[2,"disabled","disabled",E],disableRipple:[2,"disableRipple","disableRipple",E],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:j(e)],checked:[2,"checked","checked",E],hideIcon:[2,"hideIcon","hideIcon",E],disabledInteractive:[2,"disabledInteractive","disabledInteractive",E]},outputs:{change:"change",toggleChange:"toggleChange"},exportAs:["matSlideToggle"],features:[Q([{provide:Mt,useExisting:st(()=>n),multi:!0},{provide:Li,useExisting:n,multi:!0}]),xe],ngContentSelectors:ga,decls:13,vars:27,consts:[["switch",""],["mat-internal-form-field","",3,"labelPosition"],["role","switch","type","button",1,"mdc-switch",3,"click","tabIndex","disabled"],[1,"mdc-switch__track"],[1,"mdc-switch__handle-track"],[1,"mdc-switch__handle"],[1,"mdc-switch__shadow"],[1,"mdc-elevation-overlay"],[1,"mdc-switch__ripple"],["mat-ripple","",1,"mat-mdc-slide-toggle-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled","matRippleCentered"],[1,"mdc-switch__icons"],[1,"mdc-label",3,"click","for"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--on"],["d","M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--off"],["d","M20 13H4v-2h16v2z"]],template:function(t,i){if(t&1){let o=P();Y(),a(0,"div",1)(1,"button",2,0),b("click",function(){return u(o),g(i._handleClick())}),_(3,"span",3),a(4,"span",4)(5,"span",5)(6,"span",6),_(7,"span",7),r(),a(8,"span",8),_(9,"span",9),r(),y(10,_a,5,0,"span",10),r()()(),a(11,"label",11),b("click",function(l){return u(o),g(l.stopPropagation())}),O(12),r()()}if(t&2){let o=I(2);h("labelPosition",i.labelPosition),d(),A("mdc-switch--selected",i.checked)("mdc-switch--unselected",!i.checked)("mdc-switch--checked",i.checked)("mdc-switch--disabled",i.disabled)("mat-mdc-slide-toggle-disabled-interactive",i.disabledInteractive),h("tabIndex",i.disabled&&!i.disabledInteractive?-1:i.tabIndex)("disabled",i.disabled&&!i.disabledInteractive),N("id",i.buttonId)("name",i.name)("aria-label",i.ariaLabel)("aria-labelledby",i._getAriaLabelledBy())("aria-describedby",i.ariaDescribedby)("aria-required",i.required||null)("aria-checked",i.checked)("aria-disabled",i.disabled&&i.disabledInteractive?"true":null),d(8),h("matRippleTrigger",o)("matRippleDisabled",i.disableRipple||i.disabled)("matRippleCentered",!0),d(),S(i.hideIcon?-1:10),d(),h("for",i.buttonId),N("id",i._labelId)}},dependencies:[Be,Zi],styles:[`.mdc-switch{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;margin:0;outline:none;overflow:visible;padding:0;position:relative;width:var(--mat-slide-toggle-track-width, 52px)}.mdc-switch.mdc-switch--disabled{cursor:default;pointer-events:none}.mdc-switch.mat-mdc-slide-toggle-disabled-interactive{pointer-events:auto}.mdc-switch__track{overflow:hidden;position:relative;width:100%;height:var(--mat-slide-toggle-track-height, 32px);border-radius:var(--mat-slide-toggle-track-shape, var(--mat-sys-corner-full))}.mdc-switch--disabled.mdc-switch .mdc-switch__track{opacity:var(--mat-slide-toggle-disabled-track-opacity, 0.12)}.mdc-switch__track::before,.mdc-switch__track::after{border:1px solid rgba(0,0,0,0);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%;border-width:var(--mat-slide-toggle-track-outline-width, 2px);border-color:var(--mat-slide-toggle-track-outline-color, var(--mat-sys-outline))}.mdc-switch--selected .mdc-switch__track::before,.mdc-switch--selected .mdc-switch__track::after{border-width:var(--mat-slide-toggle-selected-track-outline-width, 2px);border-color:var(--mat-slide-toggle-selected-track-outline-color, transparent)}.mdc-switch--disabled .mdc-switch__track::before,.mdc-switch--disabled .mdc-switch__track::after{border-width:var(--mat-slide-toggle-disabled-unselected-track-outline-width, 2px);border-color:var(--mat-slide-toggle-disabled-unselected-track-outline-color, var(--mat-sys-on-surface))}@media(forced-colors: active){.mdc-switch__track{border-color:currentColor}}.mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:translateX(0);background:var(--mat-slide-toggle-unselected-track-color, var(--mat-sys-surface-variant))}.mdc-switch--selected .mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::before{opacity:var(--mat-slide-toggle-hidden-track-opacity, 0);transition:var(--mat-slide-toggle-hidden-track-transition, opacity 75ms)}.mdc-switch--unselected .mdc-switch__track::before{opacity:var(--mat-slide-toggle-visible-track-opacity, 1);transition:var(--mat-slide-toggle-visible-track-transition, opacity 75ms)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-hover-track-color, var(--mat-sys-surface-variant))}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-focus-track-color, var(--mat-sys-surface-variant))}.mdc-switch:enabled:active .mdc-switch__track::before{background:var(--mat-slide-toggle-unselected-pressed-track-color, var(--mat-sys-surface-variant))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::before,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::before,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::before,.mdc-switch.mdc-switch--disabled .mdc-switch__track::before{background:var(--mat-slide-toggle-disabled-unselected-track-color, var(--mat-sys-surface-variant))}.mdc-switch__track::after{transform:translateX(-100%);background:var(--mat-slide-toggle-selected-track-color, var(--mat-sys-primary))}[dir=rtl] .mdc-switch__track::after{transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::after{transform:translateX(0)}.mdc-switch--selected .mdc-switch__track::after{opacity:var(--mat-slide-toggle-visible-track-opacity, 1);transition:var(--mat-slide-toggle-visible-track-transition, opacity 75ms)}.mdc-switch--unselected .mdc-switch__track::after{opacity:var(--mat-slide-toggle-hidden-track-opacity, 0);transition:var(--mat-slide-toggle-hidden-track-transition, opacity 75ms)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-hover-track-color, var(--mat-sys-primary))}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-focus-track-color, var(--mat-sys-primary))}.mdc-switch:enabled:active .mdc-switch__track::after{background:var(--mat-slide-toggle-selected-pressed-track-color, var(--mat-sys-primary))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::after,.mdc-switch.mdc-switch--disabled .mdc-switch__track::after{background:var(--mat-slide-toggle-disabled-selected-track-color, var(--mat-sys-on-surface))}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);left:0;right:auto;transform:translateX(0);width:calc(100% - var(--mat-slide-toggle-handle-width))}[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:flex;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:auto;transition:width 75ms cubic-bezier(0.4, 0, 0.2, 1),height 75ms cubic-bezier(0.4, 0, 0.2, 1),margin 75ms cubic-bezier(0.4, 0, 0.2, 1);width:var(--mat-slide-toggle-handle-width);height:var(--mat-slide-toggle-handle-height);border-radius:var(--mat-slide-toggle-handle-shape, var(--mat-sys-corner-full))}[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle{width:var(--mat-slide-toggle-unselected-handle-size, 16px);height:var(--mat-slide-toggle-unselected-handle-size, 16px);margin:var(--mat-slide-toggle-unselected-handle-horizontal-margin, 0 8px)}.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons){margin:var(--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin, 0 4px)}.mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle{width:var(--mat-slide-toggle-selected-handle-size, 24px);height:var(--mat-slide-toggle-selected-handle-size, 24px);margin:var(--mat-slide-toggle-selected-handle-horizontal-margin, 0 24px)}.mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons){margin:var(--mat-slide-toggle-selected-with-icon-handle-horizontal-margin, 0 24px)}.mat-mdc-slide-toggle .mdc-switch__handle:has(.mdc-switch__icons){width:var(--mat-slide-toggle-with-icon-handle-size, 24px);height:var(--mat-slide-toggle-with-icon-handle-size, 24px)}.mat-mdc-slide-toggle .mdc-switch:active:not(.mdc-switch--disabled) .mdc-switch__handle{width:var(--mat-slide-toggle-pressed-handle-size, 28px);height:var(--mat-slide-toggle-pressed-handle-size, 28px)}.mat-mdc-slide-toggle .mdc-switch--selected:active:not(.mdc-switch--disabled) .mdc-switch__handle{margin:var(--mat-slide-toggle-selected-pressed-handle-horizontal-margin, 0 22px)}.mat-mdc-slide-toggle .mdc-switch--unselected:active:not(.mdc-switch--disabled) .mdc-switch__handle{margin:var(--mat-slide-toggle-unselected-pressed-handle-horizontal-margin, 0 2px)}.mdc-switch--disabled.mdc-switch--selected .mdc-switch__handle::after{opacity:var(--mat-slide-toggle-disabled-selected-handle-opacity, 1)}.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__handle::after{opacity:var(--mat-slide-toggle-disabled-unselected-handle-opacity, 0.38)}.mdc-switch__handle::before,.mdc-switch__handle::after{border:1px solid rgba(0,0,0,0);border-radius:inherit;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;transition:background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1),border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}@media(forced-colors: active){.mdc-switch__handle::before,.mdc-switch__handle::after{border-color:currentColor}}.mdc-switch--selected:enabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-handle-color, var(--mat-sys-on-primary))}.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-hover-handle-color, var(--mat-sys-primary-container))}.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-focus-handle-color, var(--mat-sys-primary-container))}.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:var(--mat-slide-toggle-selected-pressed-handle-color, var(--mat-sys-primary-container))}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:hover:not(:focus):not(:active) .mdc-switch__handle::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:focus:not(:active) .mdc-switch__handle::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:active .mdc-switch__handle::after,.mdc-switch--selected.mdc-switch--disabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-disabled-selected-handle-color, var(--mat-sys-surface))}.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-handle-color, var(--mat-sys-outline))}.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-hover-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-focus-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:var(--mat-slide-toggle-unselected-pressed-handle-color, var(--mat-sys-on-surface-variant))}.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle::after{background:var(--mat-slide-toggle-disabled-unselected-handle-color, var(--mat-sys-on-surface))}.mdc-switch__handle::before{background:var(--mat-slide-toggle-handle-surface-color)}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-switch:enabled .mdc-switch__shadow{box-shadow:var(--mat-slide-toggle-handle-elevation-shadow)}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__shadow,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__shadow,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__shadow,.mdc-switch.mdc-switch--disabled .mdc-switch__shadow{box-shadow:var(--mat-slide-toggle-disabled-handle-elevation-shadow)}.mdc-switch__ripple{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:-1;width:var(--mat-slide-toggle-state-layer-size, 40px);height:var(--mat-slide-toggle-state-layer-size, 40px)}.mdc-switch__ripple::after{content:"";opacity:0}.mdc-switch--disabled .mdc-switch__ripple::after{display:none}.mat-mdc-slide-toggle-disabled-interactive .mdc-switch__ripple::after{display:block}.mdc-switch:hover .mdc-switch__ripple::after{transition:75ms opacity cubic-bezier(0, 0, 0.2, 1)}.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:focus .mdc-switch__ripple::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:active .mdc-switch__ripple::after,.mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-hover-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-focus-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after{background:var(--mat-slide-toggle-unselected-pressed-state-layer-color, var(--mat-sys-on-surface));opacity:var(--mat-slide-toggle-unselected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));transition:opacity 75ms linear}.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-hover-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-focus-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-switch--selected:enabled:active .mdc-switch__ripple::after{background:var(--mat-slide-toggle-selected-pressed-state-layer-color, var(--mat-sys-primary));opacity:var(--mat-slide-toggle-selected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));transition:opacity 75ms linear}.mdc-switch__icons{position:relative;height:100%;width:100%;z-index:1;transform:translateZ(0)}.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__icons{opacity:var(--mat-slide-toggle-disabled-unselected-icon-opacity, 0.38)}.mdc-switch--disabled.mdc-switch--selected .mdc-switch__icons{opacity:var(--mat-slide-toggle-disabled-selected-icon-opacity, 0.38)}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;transition:opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-switch--unselected .mdc-switch__icon{width:var(--mat-slide-toggle-unselected-icon-size, 16px);height:var(--mat-slide-toggle-unselected-icon-size, 16px);fill:var(--mat-slide-toggle-unselected-icon-color, var(--mat-sys-surface-variant))}.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__icon{fill:var(--mat-slide-toggle-disabled-unselected-icon-color, var(--mat-sys-surface-variant))}.mdc-switch--selected .mdc-switch__icon{width:var(--mat-slide-toggle-selected-icon-size, 16px);height:var(--mat-slide-toggle-selected-icon-size, 16px);fill:var(--mat-slide-toggle-selected-icon-color, var(--mat-sys-on-primary-container))}.mdc-switch--selected.mdc-switch--disabled .mdc-switch__icon{fill:var(--mat-slide-toggle-disabled-selected-icon-color, var(--mat-sys-on-surface))}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;transition:opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1)}.mat-mdc-slide-toggle{-webkit-user-select:none;user-select:none;display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple,.mat-mdc-slide-toggle .mdc-switch__ripple::after{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:50%;pointer-events:none}.mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple:not(:empty),.mat-mdc-slide-toggle .mdc-switch__ripple::after:not(:empty){transform:translateZ(0)}.mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused .mat-focus-indicator::before{content:""}.mat-mdc-slide-toggle .mat-internal-form-field{color:var(--mat-slide-toggle-label-text-color, var(--mat-sys-on-surface));font-family:var(--mat-slide-toggle-label-text-font, var(--mat-sys-body-medium-font));line-height:var(--mat-slide-toggle-label-text-line-height, var(--mat-sys-body-medium-line-height));font-size:var(--mat-slide-toggle-label-text-size, var(--mat-sys-body-medium-size));letter-spacing:var(--mat-slide-toggle-label-text-tracking, var(--mat-sys-body-medium-tracking));font-weight:var(--mat-slide-toggle-label-text-weight, var(--mat-sys-body-medium-weight))}.mat-mdc-slide-toggle .mat-ripple-element{opacity:.12}.mat-mdc-slide-toggle .mat-focus-indicator::before{border-radius:50%}.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle-track,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__icon,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::before,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::after,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::before,.mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::after{transition:none}.mat-mdc-slide-toggle .mdc-switch:enabled+.mdc-label{cursor:pointer}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:var(--mat-slide-toggle-disabled-label-text-color, var(--mat-sys-on-surface))}
|
|
4
|
+
`],encapsulation:2,changeDetection:0})}return n})(),Lt=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[Ue,ze,ze]})}return n})();var ba=["notificationsForm"],va=["statePanel"],ya=["soundPanel"];function Sa(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Show or hide menu items based on their state "),r())}function Ca(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Mute and unmute data state audio prompts "),r())}var Pn=(()=>{class n{app=m(ge);settings=m(ue);_responsive=m(ft);isPhonePortrait;notificationsForm=re("notificationsForm");statePanel=re("statePanel");soundPanel=re("soundPanel");notificationConfig;notificationDisabledExpandPanel=!1;constructor(){this.isPhonePortrait=gt(this._responsive.observe(St.HandsetPortrait)),this.notificationConfig=tt(this.settings.getNotificationConfig())}saveAllSettings(){this.settings.setNotificationConfig(tt(this.notificationConfig)),this.notificationsForm().form.markAsPristine(),this.app.sendSnackbarNotification("Configuration saved",3e3,!1)}togglePanel(e){e.checked&&(this.notificationDisabledExpandPanel=!1,this.statePanel().close(),this.soundPanel().close())}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-notifications"]],viewQuery:function(t,i){t&1&&(ne(i.notificationsForm,ba,5),ne(i.statePanel,va,5),ne(i.soundPanel,ya,5)),t&2&&Te(3)},decls:64,vars:17,consts:[["notificationsForm","ngForm"],["statePanel",""],["soundPanel",""],["id","notificationSetting",3,"ngSubmit"],["name","disableNotifications","color","primary",3,"ngModelChange","change","ngModel"],[3,"disabled"],["name","showNormalState",3,"ngModelChange","ngModel"],["name","showNominalState",3,"ngModelChange","ngModel"],["name","=disableSound",3,"ngModelChange","ngModel"],["name","muteAlert",3,"ngModelChange","ngModel","disabled"],["name","muteWarn",3,"ngModelChange","ngModel","disabled"],["name","muteAlarm",3,"ngModelChange","ngModel","disabled"],["name","muteEmergency",3,"ngModelChange","ngModel","disabled"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"]],template:function(t,i){if(t&1){let o=P();a(0,"form",3,0),b("ngSubmit",function(){return u(o),g(i.saveAllSettings())}),a(2,"p"),s(3,"Manage notification settings, ensuring operators stay informed about critical events."),r(),a(4,"mat-slide-toggle",4),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.disableNotifications,l)||(i.notificationConfig.disableNotifications=l),g(l)}),b("change",function(l){return u(o),g(i.togglePanel(l))}),s(5," Disable Notifications "),r(),_(6,"br")(7,"br"),a(8,"mat-accordion")(9,"mat-expansion-panel",5,1)(11,"mat-expansion-panel-header")(12,"mat-panel-title"),s(13," Notifications "),r(),y(14,Sa,2,0,"mat-panel-description"),r(),a(15,"mat-checkbox",6),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.devices.showNormalState,l)||(i.notificationConfig.devices.showNormalState=l),g(l)}),s(16," Show "),a(17,"b"),s(18,"Normal"),r(),s(19," state "),r(),_(20,"br"),a(21,"mat-checkbox",7),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.devices.showNominalState,l)||(i.notificationConfig.devices.showNominalState=l),g(l)}),s(22," Show "),a(23,"b"),s(24,"Nominal"),r(),s(25," state "),r()(),a(26,"mat-expansion-panel",5,2)(28,"mat-expansion-panel-header")(29,"mat-panel-title"),s(30," Audio Prompts "),r(),y(31,Ca,2,0,"mat-panel-description"),r(),a(32,"mat-checkbox",8),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.sound.disableSound,l)||(i.notificationConfig.sound.disableSound=l),g(l)}),s(33," Mute "),a(34,"b"),s(35,"all Notifications"),r()(),_(36,"br"),a(37,"mat-checkbox",9),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.sound.muteAlert,l)||(i.notificationConfig.sound.muteAlert=l),g(l)}),s(38," Mute "),a(39,"b"),s(40,"all Alert"),r(),s(41," state "),r(),_(42,"br"),a(43,"mat-checkbox",10),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.sound.muteWarn,l)||(i.notificationConfig.sound.muteWarn=l),g(l)}),s(44," Mute "),a(45,"b"),s(46,"all Warn"),r(),s(47," state "),r(),_(48,"br"),a(49,"mat-checkbox",11),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.sound.muteAlarm,l)||(i.notificationConfig.sound.muteAlarm=l),g(l)}),s(50," Mute "),a(51,"b"),s(52,"all Alarm"),r(),s(53," state "),r(),_(54,"br"),a(55,"mat-checkbox",12),w("ngModelChange",function(l){return u(o),x(i.notificationConfig.sound.muteEmergency,l)||(i.notificationConfig.sound.muteEmergency=l),g(l)}),s(56," Mute "),a(57,"b"),s(58,"all Emergency"),r(),s(59," state "),r()()(),a(60,"div",13),_(61,"mat-divider",14),a(62,"button",15),s(63,"Save"),r()()()}if(t&2){let o=I(1);d(4),C("ngModel",i.notificationConfig.disableNotifications),d(5),h("disabled",i.notificationConfig.disableNotifications),d(5),S(i.isPhonePortrait().matches?-1:14),d(),C("ngModel",i.notificationConfig.devices.showNormalState),d(6),C("ngModel",i.notificationConfig.devices.showNominalState),d(5),h("disabled",i.notificationConfig.disableNotifications),d(5),S(i.isPhonePortrait().matches?-1:31),d(),C("ngModel",i.notificationConfig.sound.disableSound),d(5),C("ngModel",i.notificationConfig.sound.muteAlert),h("disabled",i.notificationConfig.sound.disableSound),d(6),C("ngModel",i.notificationConfig.sound.muteWarn),h("disabled",i.notificationConfig.sound.disableSound),d(6),C("ngModel",i.notificationConfig.sound.muteAlarm),h("disabled",i.notificationConfig.sound.disableSound),d(6),C("ngModel",i.notificationConfig.sound.muteEmergency),h("disabled",i.notificationConfig.sound.disableSound),d(7),h("disabled",!o.form.dirty)}},dependencies:[$,Z,ee,G,_e,se,$e,Lt,Ue,Ot,Nt,nt,at,Vt,At,ce,K],encapsulation:2})}return n})();Kt.register(...on);var An=Kt;var xa=["activityGraph"],$t=()=>({standalone:!1}),wa=()=>({standalone:!0}),Vn=(()=>{class n{dialog=m(wt);appSettingsService=m(ue);app=m(ge);DataService=m(Ze);signalKConnectionService=m(wi);deltaService=m(Ri);connectionStateMachine=m(xi);auth=m(_t);destroyRef=m(hi);canvasService=m(an);activityGraph=re("activityGraph");connectionConfig;isConnecting=!1;authToken;endpointServiceStatus;streamStatus;_chart=null;textColor;ngOnInit(){this.connectionConfig=this.appSettingsService.getConnectionConfig(),this.auth.authToken$.pipe(Xe(this.destroyRef)).subscribe(e=>{e?this.authToken=e:this.authToken=null}),this.signalKConnectionService.getServiceEndpointStatusAsO().pipe(Xe(this.destroyRef)).subscribe(e=>{this.endpointServiceStatus=e}),this.deltaService.getDataStreamStatusAsO().pipe(Xe(this.destroyRef)).subscribe(e=>{this.streamStatus=e})}ngAfterViewInit(){this.textColor=window.getComputedStyle(this.activityGraph().nativeElement).color,this._chart?.destroy(),this.startChart(),this.DataService.getSignalkDeltaUpdateStatistics().pipe(Xe(this.destroyRef)).subscribe(e=>{this._chart.data.datasets[0].data.push({x:e.timestamp,y:e.value}),this._chart.data.datasets[0].data.length>10&&this._chart.data.datasets[0].data.shift(),this._chart?.update("none")})}openUserCredentialModal(e){this.dialog.open(rn,{data:{user:this.connectionConfig.loginName,password:this.connectionConfig.loginPassword,error:e}}).afterClosed().pipe(Xe(this.destroyRef)).subscribe(i=>{i&&(this.connectionConfig.loginName=i.user,this.connectionConfig.loginPassword=i.password,this.connectToServer())})}connectToServer(){return rt(this,null,function*(){if(this.connectionConfig.useSharedConfig&&(!this.connectionConfig.loginName||!this.connectionConfig.loginPassword)){this.openUserCredentialModal("Credentials required");return}this.isConnecting=!0;try{console.log("[Settings-SignalK] Validating Signal K server before connecting..."),yield this.signalKConnectionService.validateSignalKUrl(this.connectionConfig.signalKUrl),console.log("[Settings-SignalK] Validation successful - proceeding with connection"),this.appSettingsService.setConnectionConfig(this.connectionConfig),this.connectionStateMachine.shutdown("Configuration changed - restarting app"),this.authToken&&!this.connectionConfig.useSharedConfig&&!this.authToken.isDeviceAccessToken&&this.auth.deleteToken(),window.__KIP_TEST__||location.reload()}catch(e){this.isConnecting=!1;let t=e?.message||"Unknown validation error";console.error("[Settings-SignalK] Server validation failed:",t),this.app.sendSnackbarNotification(`Connection failed: ${t}`,8e3,!1)}})}startChart(){this._chart=new An(this.activityGraph().nativeElement.getContext("2d"),{type:"line",data:{datasets:[{data:[],fill:!0,borderColor:this.textColor}]},options:{maintainAspectRatio:!1,animation:!1,parsing:!1,scales:{x:{type:"time",display:!0,time:{unit:"minute",minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'mm ss"',millisecond:"SSS"}},position:"bottom",ticks:{display:!1},grid:{display:!0}},y:{beginAtZero:!0,type:"linear",position:"right",title:{text:"Delta / Sec",display:!0}}},plugins:{legend:{display:!1,labels:{color:this.textColor}}}}})}useSharedConfigToggleClick(e){if(e.checked){let t=this.signalKConnectionService.serverVersion$.getValue();if(!Mi(t,"1.46.2",">=")){this.app.sendSnackbarNotification("Configuration sharing requires Signal K version 1.46.2 or better",0),this.connectionConfig.useSharedConfig=!1;return}this.openUserCredentialModal(null)}}ngOnDestroy(){this._chart?.destroy();let e=this.activityGraph?.()?.nativeElement;this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-signalk"]],viewQuery:function(t,i){t&1&&ne(i.activityGraph,xa,5),t&2&&Te()},decls:40,vars:22,consts:[["connectionForm","ngForm"],["useSharedConfigToggle",""],["activityGraph",""],["name","connectionForm",3,"ngSubmit"],[1,"connect-table"],[1,"url-cell"],[1,"connectUrlInput"],["type","url","matInput","","placeholder","Ex. http://192.168.0.1:3000","name","signalKURL","required","","pattern","https?://.+",3,"ngModelChange","ngModel","ngModelOptions"],[1,"connect-cell"],["mat-flat-button","","type","submit",1,"connect-btn",3,"disabled"],["colspan","2"],["name","useSharedConfigToggle","matTooltip","Activating authentication enables Signal K's user storage feature to save KIP configuration on the server. When authentication is not activated, KIP stores it's configuration locally in the Browser.",3,"ngModelChange","change","ngModel","ngModelOptions","disabled"],["mat-flat-button","","type","button","matTooltip","Configure Signal K user authentication credentials. The user must be a valid pre existing Signal K server user. It is strongly recommended not to use the default Signal K Admin user.",1,"credentials-btn",3,"click","disabled"],["name","signalKSubscribeAll",3,"ngModelChange","ngModel","ngModelOptions"],["name","isProxyEnabled",3,"ngModelChange","ngModel","ngModelOptions"],[1,"activity-container"],[1,"activity-graph-container"],[1,"activity-graph"],[1,"info-container"]],template:function(t,i){if(t&1){let o=P();a(0,"form",3,0),b("ngSubmit",function(){return u(o),g(i.connectToServer())}),_(2,"br"),a(3,"table",4)(4,"tr",4)(5,"td",5)(6,"mat-form-field",6)(7,"mat-label"),s(8,"Signal K URL"),r(),a(9,"input",7),w("ngModelChange",function(l){return u(o),x(i.connectionConfig.signalKUrl,l)||(i.connectionConfig.signalKUrl=l),g(l)}),r(),a(10,"mat-error"),s(11,' Valid URL is required. Ex. "https://demo.signalK.org" or "http://my.server.com:3000" '),r()()(),a(12,"td",8)(13,"button",9),s(14),r()()(),a(15,"tr",4)(16,"td",10)(17,"mat-slide-toggle",11,1),w("ngModelChange",function(l){return u(o),x(i.connectionConfig.useSharedConfig,l)||(i.connectionConfig.useSharedConfig=l),g(l)}),b("change",function(l){return u(o),g(i.useSharedConfigToggleClick(l))}),s(19," Login to server "),r(),a(20,"button",12),b("click",function(){return u(o),g(i.openUserCredentialModal(null))}),s(21," Set Credential "),r(),_(22,"br"),a(23,"mat-checkbox",13),w("ngModelChange",function(l){return u(o),x(i.connectionConfig.signalKSubscribeAll,l)||(i.connectionConfig.signalKSubscribeAll=l),g(l)}),s(24,"Subscribe to remote sources messages such as AIS and DSC targets. "),a(25,"i"),s(26,"Warning: this maybe generate heavy traffic."),r()()()(),a(27,"tr",4)(28,"td",10)(29,"mat-checkbox",14),w("ngModelChange",function(l){return u(o),x(i.connectionConfig.proxyEnabled,l)||(i.connectionConfig.proxyEnabled=l),g(l)}),s(30,"Signal K server is behind a Proxy"),r()()()()(),a(31,"div",15)(32,"div",16),_(33,"canvas",17,2),r(),a(35,"div",18)(36,"pre"),s(37),_(38,"br"),s(39),r()()()}if(t&2){let o=I(1);d(9),C("ngModel",i.connectionConfig.signalKUrl),h("ngModelOptions",oe(18,$t)),d(4),h("disabled",!o.form.valid||i.isConnecting),d(),ae(" ",i.isConnecting?"Validating...":"Connect"," "),d(3),C("ngModel",i.connectionConfig.useSharedConfig),h("ngModelOptions",oe(19,wa))("disabled",!i.connectionConfig.signalKUrl),d(3),h("disabled",!i.connectionConfig.useSharedConfig),d(3),C("ngModel",i.connectionConfig.signalKSubscribeAll),h("ngModelOptions",oe(20,$t)),d(6),C("ngModel",i.connectionConfig.proxyEnabled),h("ngModelOptions",oe(21,$t)),d(8),Ht("KIP: ",i.app.appVersion(),`
|
|
5
|
+
`,i.app.browserVersion(),", ",i.app.osVersion()),d(2),Ht(`
|
|
6
6
|
`,i.endpointServiceStatus.serverDescription,`
|
|
7
|
-
`,i.streamStatus.message,", ",i.streamStatus.hasToken?"Logged In":"Readonly")}},dependencies:[$,Z,
|
|
8
|
-
`],encapsulation:2,changeDetection:0})}return n})(),Nn=(()=>{class n{_ngZone=m(Me);_cdr=m(z);_elementRef=m(q);_dir=m(yt,{optional:!0});_globalRippleOptions=m(Ri,{optional:!0});_trackActive;_thumbs;_input;_inputs;get disabled(){return this._disabled}set disabled(e){this._disabled=e;let t=this._getInput(f.END),i=this._getInput(f.START);t&&(t.disabled=this._disabled),i&&(i.disabled=this._disabled)}_disabled=!1;get discrete(){return this._discrete}set discrete(e){this._discrete=e,this._updateValueIndicatorUIs()}_discrete=!1;get showTickMarks(){return this._showTickMarks}set showTickMarks(e){this._showTickMarks=e,this._hasViewInitialized&&(this._updateTickMarkUI(),this._updateTickMarkTrackUI())}_showTickMarks=!1;get min(){return this._min}set min(e){let t=e==null||isNaN(e)?this._min:e;this._min!==t&&this._updateMin(t)}_min=0;color;disableRipple=!1;_updateMin(e){let t=this._min;this._min=e,this._isRange?this._updateMinRange({old:t,new:e}):this._updateMinNonRange(e),this._onMinMaxOrStepChange()}_updateMinRange(e){let t=this._getInput(f.END),i=this._getInput(f.START),o=t.value,d=i.value;i.min=e.new,t.min=Math.max(e.new,i.value),i.max=Math.min(t.max,t.value),i._updateWidthInactive(),t._updateWidthInactive(),e.new<e.old?this._onTranslateXChangeBySideEffect(t,i):this._onTranslateXChangeBySideEffect(i,t),o!==t.value&&this._onValueChange(t),d!==i.value&&this._onValueChange(i)}_updateMinNonRange(e){let t=this._getInput(f.END);if(t){let i=t.value;t.min=e,t._updateThumbUIByValue(),this._updateTrackUI(t),i!==t.value&&this._onValueChange(t)}}get max(){return this._max}set max(e){let t=e==null||isNaN(e)?this._max:e;this._max!==t&&this._updateMax(t)}_max=100;_updateMax(e){let t=this._max;this._max=e,this._isRange?this._updateMaxRange({old:t,new:e}):this._updateMaxNonRange(e),this._onMinMaxOrStepChange()}_updateMaxRange(e){let t=this._getInput(f.END),i=this._getInput(f.START),o=t.value,d=i.value;t.max=e.new,i.max=Math.min(e.new,t.value),t.min=i.value,t._updateWidthInactive(),i._updateWidthInactive(),e.new>e.old?this._onTranslateXChangeBySideEffect(i,t):this._onTranslateXChangeBySideEffect(t,i),o!==t.value&&this._onValueChange(t),d!==i.value&&this._onValueChange(i)}_updateMaxNonRange(e){let t=this._getInput(f.END);if(t){let i=t.value;t.max=e,t._updateThumbUIByValue(),this._updateTrackUI(t),i!==t.value&&this._onValueChange(t)}}get step(){return this._step}set step(e){let t=isNaN(e)?this._step:e;this._step!==t&&this._updateStep(t)}_step=1;_updateStep(e){this._step=e,this._isRange?this._updateStepRange():this._updateStepNonRange(),this._onMinMaxOrStepChange()}_updateStepRange(){let e=this._getInput(f.END),t=this._getInput(f.START),i=e.value,o=t.value,d=t.value;e.min=this._min,t.max=this._max,e.step=this._step,t.step=this._step,this._platform.SAFARI&&(e.value=e.value,t.value=t.value),e.min=Math.max(this._min,t.value),t.max=Math.min(this._max,e.value),t._updateWidthInactive(),e._updateWidthInactive(),e.value<d?this._onTranslateXChangeBySideEffect(t,e):this._onTranslateXChangeBySideEffect(e,t),i!==e.value&&this._onValueChange(e),o!==t.value&&this._onValueChange(t)}_updateStepNonRange(){let e=this._getInput(f.END);if(e){let t=e.value;e.step=this._step,this._platform.SAFARI&&(e.value=e.value),e._updateThumbUIByValue(),t!==e.value&&this._onValueChange(e)}}displayWith=e=>`${e}`;_tickMarks;_noopAnimations=De();_dirChangeSubscription;_resizeObserver;_cachedWidth;_cachedLeft;_rippleRadius=24;startValueIndicatorText="";endValueIndicatorText="";_endThumbTransform;_startThumbTransform;_isRange=!1;_isRtl=!1;_hasViewInitialized=!1;_tickMarkTrackWidth=0;_hasAnimation=!1;_resizeTimer=null;_platform=m(qe);constructor(){m(Ee).load(Ie),this._dir&&(this._dirChangeSubscription=this._dir.change.subscribe(()=>this._onDirChange()),this._isRtl=this._dir.value==="rtl")}_knobRadius=8;_inputPadding;ngAfterViewInit(){this._platform.isBrowser&&this._updateDimensions();let e=this._getInput(f.END),t=this._getInput(f.START);this._isRange=!!e&&!!t,this._cdr.detectChanges();let i=this._getThumb(f.END);this._rippleRadius=i._ripple.radius,this._inputPadding=this._rippleRadius-this._knobRadius,this._isRange?this._initUIRange(e,t):this._initUINonRange(e),this._updateTrackUI(e),this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._observeHostResize(),this._cdr.detectChanges()}_initUINonRange(e){e.initProps(),e.initUI(),this._updateValueIndicatorUI(e),this._hasViewInitialized=!0,e._updateThumbUIByValue()}_initUIRange(e,t){e.initProps(),e.initUI(),t.initProps(),t.initUI(),e._updateMinMax(),t._updateMinMax(),e._updateStaticStyles(),t._updateStaticStyles(),this._updateValueIndicatorUIs(),this._hasViewInitialized=!0,e._updateThumbUIByValue(),t._updateThumbUIByValue()}ngOnDestroy(){this._dirChangeSubscription.unsubscribe(),this._resizeObserver?.disconnect(),this._resizeObserver=null}_onDirChange(){this._isRtl=this._dir?.value==="rtl",this._isRange?this._onDirChangeRange():this._onDirChangeNonRange(),this._updateTickMarkUI()}_onDirChangeRange(){let e=this._getInput(f.END),t=this._getInput(f.START);e._setIsLeftThumb(),t._setIsLeftThumb(),e.translateX=e._calcTranslateXByValue(),t.translateX=t._calcTranslateXByValue(),e._updateStaticStyles(),t._updateStaticStyles(),e._updateWidthInactive(),t._updateWidthInactive(),e._updateThumbUIByValue(),t._updateThumbUIByValue()}_onDirChangeNonRange(){this._getInput(f.END)._updateThumbUIByValue()}_observeHostResize(){typeof ResizeObserver>"u"||!ResizeObserver||this._ngZone.runOutsideAngular(()=>{this._resizeObserver=new ResizeObserver(()=>{this._isActive()||(this._resizeTimer&&clearTimeout(this._resizeTimer),this._onResize())}),this._resizeObserver.observe(this._elementRef.nativeElement)})}_isActive(){return this._getThumb(f.START)._isActive||this._getThumb(f.END)._isActive}_getValue(e=f.END){let t=this._getInput(e);return t?t.value:this.min}_skipUpdate(){return!!(this._getInput(f.START)?._skipUIUpdate||this._getInput(f.END)?._skipUIUpdate)}_updateDimensions(){this._cachedWidth=this._elementRef.nativeElement.offsetWidth,this._cachedLeft=this._elementRef.nativeElement.getBoundingClientRect().left}_setTrackActiveStyles(e){let t=this._trackActive.nativeElement.style;t.left=e.left,t.right=e.right,t.transformOrigin=e.transformOrigin,t.transform=e.transform}_calcTickMarkTransform(e){let t=e*(this._tickMarkTrackWidth/(this._tickMarks.length-1));return`translateX(${this._isRtl?this._cachedWidth-6-t:t}px`}_onTranslateXChange(e){this._hasViewInitialized&&(this._updateThumbUI(e),this._updateTrackUI(e),this._updateOverlappingThumbUI(e))}_onTranslateXChangeBySideEffect(e,t){this._hasViewInitialized&&(e._updateThumbUIByValue(),t._updateThumbUIByValue())}_onValueChange(e){this._hasViewInitialized&&(this._updateValueIndicatorUI(e),this._updateTickMarkUI(),this._cdr.detectChanges())}_onMinMaxOrStepChange(){this._hasViewInitialized&&(this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._cdr.markForCheck())}_onResize(){if(this._hasViewInitialized){if(this._updateDimensions(),this._isRange){let e=this._getInput(f.END),t=this._getInput(f.START);e._updateThumbUIByValue(),t._updateThumbUIByValue(),e._updateStaticStyles(),t._updateStaticStyles(),e._updateMinMax(),t._updateMinMax(),e._updateWidthInactive(),t._updateWidthInactive()}else{let e=this._getInput(f.END);e&&e._updateThumbUIByValue()}this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._cdr.detectChanges()}}_thumbsOverlap=!1;_areThumbsOverlapping(){let e=this._getInput(f.START),t=this._getInput(f.END);return!e||!t?!1:t.translateX-e.translateX<20}_updateOverlappingThumbClassNames(e){let t=e.getSibling(),i=this._getThumb(e.thumbPosition);this._getThumb(t.thumbPosition)._hostElement.classList.remove("mdc-slider__thumb--top"),i._hostElement.classList.toggle("mdc-slider__thumb--top",this._thumbsOverlap)}_updateOverlappingThumbUI(e){!this._isRange||this._skipUpdate()||this._thumbsOverlap!==this._areThumbsOverlapping()&&(this._thumbsOverlap=!this._thumbsOverlap,this._updateOverlappingThumbClassNames(e))}_updateThumbUI(e){if(this._skipUpdate())return;let t=this._getThumb(e.thumbPosition===f.END?f.END:f.START);t._hostElement.style.transform=`translateX(${e.translateX}px)`}_updateValueIndicatorUI(e){if(this._skipUpdate())return;let t=this.displayWith(e.value);if(this._hasViewInitialized?e._valuetext.set(t):e._hostElement.setAttribute("aria-valuetext",t),this.discrete){e.thumbPosition===f.START?this.startValueIndicatorText=t:this.endValueIndicatorText=t;let i=this._getThumb(e.thumbPosition);t.length<3?i._hostElement.classList.add("mdc-slider__thumb--short-value"):i._hostElement.classList.remove("mdc-slider__thumb--short-value")}}_updateValueIndicatorUIs(){let e=this._getInput(f.END),t=this._getInput(f.START);e&&this._updateValueIndicatorUI(e),t&&this._updateValueIndicatorUI(t)}_updateTickMarkTrackUI(){if(!this.showTickMarks||this._skipUpdate())return;let e=this._step&&this._step>0?this._step:1,i=(Math.floor(this.max/e)*e-this.min)/(this.max-this.min);this._tickMarkTrackWidth=(this._cachedWidth-6)*i}_updateTrackUI(e){this._skipUpdate()||(this._isRange?this._updateTrackUIRange(e):this._updateTrackUINonRange(e))}_updateTrackUIRange(e){let t=e.getSibling();if(!t||!this._cachedWidth)return;let i=Math.abs(t.translateX-e.translateX)/this._cachedWidth;e._isLeftThumb&&this._cachedWidth?this._setTrackActiveStyles({left:"auto",right:`${this._cachedWidth-t.translateX}px`,transformOrigin:"right",transform:`scaleX(${i})`}):this._setTrackActiveStyles({left:`${t.translateX}px`,right:"auto",transformOrigin:"left",transform:`scaleX(${i})`})}_updateTrackUINonRange(e){this._isRtl?this._setTrackActiveStyles({left:"auto",right:"0px",transformOrigin:"right",transform:`scaleX(${1-e.fillPercentage})`}):this._setTrackActiveStyles({left:"0px",right:"auto",transformOrigin:"left",transform:`scaleX(${e.fillPercentage})`})}_updateTickMarkUI(){if(!this.showTickMarks||this.step===void 0||this.min===void 0||this.max===void 0)return;let e=this.step>0?this.step:1;this._isRange?this._updateTickMarkUIRange(e):this._updateTickMarkUINonRange(e)}_updateTickMarkUINonRange(e){let t=this._getValue(),i=Math.max(Math.round((t-this.min)/e),0)+1,o=Math.max(Math.round((this.max-t)/e),0)-1;this._isRtl?i++:o++,this._tickMarks=Array(i).fill($e.ACTIVE).concat(Array(o).fill($e.INACTIVE))}_updateTickMarkUIRange(e){let t=this._getValue(),i=this._getValue(f.START),o=Math.max(Math.round((i-this.min)/e),0),d=Math.max(Math.round((t-i)/e)+1,0),c=Math.max(Math.round((this.max-t)/e),0);this._tickMarks=Array(o).fill($e.INACTIVE).concat(Array(d).fill($e.ACTIVE),Array(c).fill($e.INACTIVE))}_getInput(e){if(e===f.END&&this._input)return this._input;if(this._inputs?.length)return e===f.START?this._inputs.first:this._inputs.last}_getThumb(e){return e===f.END?this._thumbs?.last:this._thumbs?.first}_setTransition(e){this._hasAnimation=!this._platform.IOS&&e&&!this._noopAnimations,this._elementRef.nativeElement.classList.toggle("mat-mdc-slider-with-animation",this._hasAnimation)}_isCursorOnSliderThumb(e,t){let i=t.width/2,o=t.x+i,d=t.y+i,c=e.clientX-o,ii=e.clientY-d;return Math.pow(c,2)+Math.pow(ii,2)<Math.pow(i,2)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-slider"]],contentQueries:function(t,i,o){if(t&1&&(F(o,Pn,5),F(o,Pa,4)),t&2){let d;k(d=T())&&(i._input=d.first),k(d=T())&&(i._inputs=d)}},viewQuery:function(t,i){if(t&1&&(L(Ta,5),L(Vn,5)),t&2){let o;k(o=T())&&(i._trackActive=o.first),k(o=T())&&(i._thumbs=o)}},hostAttrs:[1,"mat-mdc-slider","mdc-slider"],hostVars:12,hostBindings:function(t,i){t&2&&(ve("mat-"+(i.color||"primary")),P("mdc-slider--range",i._isRange)("mdc-slider--disabled",i.disabled)("mdc-slider--discrete",i.discrete)("mdc-slider--tick-marks",i.showTickMarks)("_mat-animation-noopable",i._noopAnimations))},inputs:{disabled:[2,"disabled","disabled",E],discrete:[2,"discrete","discrete",E],showTickMarks:[2,"showTickMarks","showTickMarks",E],min:[2,"min","min",j],color:"color",disableRipple:[2,"disableRipple","disableRipple",E],max:[2,"max","max",j],step:[2,"step","step",j],displayWith:"displayWith"},exportAs:["matSlider"],features:[Q([{provide:$t,useExisting:n}])],ngContentSelectors:Ea,decls:9,vars:5,consts:[["trackActive",""],["tickMarkContainer",""],[1,"mdc-slider__track"],[1,"mdc-slider__track--inactive"],[1,"mdc-slider__track--active"],[1,"mdc-slider__track--active_fill"],[1,"mdc-slider__tick-marks"],[3,"discrete","thumbPosition","valueIndicatorText"],[3,"class","transform"]],template:function(t,i){t&1&&(Y(),O(0),a(1,"div",2),_(2,"div",3),a(3,"div",4),_(4,"div",5,0),r(),y(6,Ra,3,1,"div",6),r(),y(7,Aa,1,3,"mat-slider-visual-thumb",7),_(8,"mat-slider-visual-thumb",7)),t&2&&(l(6),C(i.showTickMarks?6:-1),l(),C(i._isRange?7:-1),l(),h("discrete",i.discrete)("thumbPosition",2)("valueIndicatorText",i.endValueIndicatorText))},dependencies:[Va],styles:[`.mdc-slider__track{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;height:var(--mat-slider-inactive-track-height, 4px)}.mdc-slider__track--active,.mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider__track--active{overflow:hidden;border-radius:var(--mat-slider-active-track-shape, var(--mat-sys-corner-full));height:var(--mat-slider-active-track-height, 4px);top:calc((var(--mat-slider-inactive-track-height, 4px) - var(--mat-slider-active-track-height, 4px))/2)}.mdc-slider__track--active_fill{border-top-style:solid;box-sizing:border-box;height:100%;width:100%;position:relative;transform-origin:left;transition:transform 80ms ease;border-color:var(--mat-slider-active-track-color, var(--mat-sys-primary));border-top-width:var(--mat-slider-active-track-height, 4px)}.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mat-slider-disabled-active-track-color, var(--mat-sys-on-surface))}[dir=rtl] .mdc-slider__track--active_fill{-webkit-transform-origin:right;transform-origin:right}.mdc-slider__track--inactive{left:0;top:0;opacity:.24;background-color:var(--mat-slider-inactive-track-color, var(--mat-sys-surface-variant));height:var(--mat-slider-inactive-track-height, 4px);border-radius:var(--mat-slider-inactive-track-shape, var(--mat-sys-corner-full))}.mdc-slider--disabled .mdc-slider__track--inactive{background-color:var(--mat-slider-disabled-inactive-track-color, var(--mat-sys-on-surface));opacity:.24}.mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}@media(forced-colors: active){.mdc-slider__track--inactive::before{border-color:CanvasText}}.mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:var(--mat-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg))}.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider__value-indicator{display:flex;align-items:center;transform:scale(0);transform-origin:bottom;transition:transform 100ms cubic-bezier(0.4, 0, 1, 1);word-break:normal;background-color:var(--mat-slider-label-container-color, var(--mat-sys-primary));color:var(--mat-slider-label-label-text-color, var(--mat-sys-on-primary));width:var(--mat-slider-value-indicator-width, 28px);height:var(--mat-slider-value-indicator-height, 28px);padding:var(--mat-slider-value-indicator-padding, 0);opacity:var(--mat-slider-value-indicator-opacity, 1);border-radius:var(--mat-slider-value-indicator-border-radius, 50% 50% 50% 0)}.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}.mdc-slider__value-indicator::before{border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;display:var(--mat-slider-value-indicator-caret-display, none);border-top-color:var(--mat-slider-label-container-color, var(--mat-sys-primary))}.mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}@media(forced-colors: active){.mdc-slider__value-indicator::after{border-color:CanvasText}}.mdc-slider__value-indicator-text{text-align:center;width:var(--mat-slider-value-indicator-width, 28px);transform:var(--mat-slider-value-indicator-text-transform, rotate(45deg));font-family:var(--mat-slider-label-label-text-font, var(--mat-sys-label-medium-font));font-size:var(--mat-slider-label-label-text-size, var(--mat-sys-label-medium-size));font-weight:var(--mat-slider-label-label-text-weight, var(--mat-sys-label-medium-weight));line-height:var(--mat-slider-label-label-text-line-height, var(--mat-sys-label-medium-line-height));letter-spacing:var(--mat-slider-label-label-text-tracking, var(--mat-sys-label-medium-tracking))}.mdc-slider__thumb{-webkit-user-select:none;user-select:none;display:flex;left:-24px;outline:none;position:absolute;height:48px;width:48px;pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb{transition:transform 80ms ease}.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider__thumb--top{z-index:1}.mdc-slider__thumb-knob{position:absolute;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%, -50%);border-style:solid;width:var(--mat-slider-handle-width, 20px);height:var(--mat-slider-handle-height, 20px);border-width:calc(var(--mat-slider-handle-height, 20px)/2) calc(var(--mat-slider-handle-width, 20px)/2);box-shadow:var(--mat-slider-handle-elevation, var(--mat-sys-level1));background-color:var(--mat-slider-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-handle-color, var(--mat-sys-primary));border-radius:var(--mat-slider-handle-shape, var(--mat-sys-corner-full))}.mdc-slider__thumb:hover .mdc-slider__thumb-knob{background-color:var(--mat-slider-hover-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-hover-handle-color, var(--mat-sys-primary))}.mdc-slider__thumb--focused .mdc-slider__thumb-knob{background-color:var(--mat-slider-focus-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-focus-handle-color, var(--mat-sys-primary))}.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface));border-color:var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface))}.mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border:solid 1px #fff;box-sizing:content-box;border-color:var(--mat-slider-with-overlap-handle-outline-color, var(--mat-sys-on-primary));border-width:var(--mat-slider-with-overlap-handle-outline-width, 1px)}.mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider__tick-mark--active,.mdc-slider__tick-mark--inactive{width:var(--mat-slider-with-tick-marks-container-size, 2px);height:var(--mat-slider-with-tick-marks-container-size, 2px);border-radius:var(--mat-slider-with-tick-marks-container-shape, var(--mat-sys-corner-full))}.mdc-slider__tick-mark--inactive{opacity:var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-inactive-container-color, var(--mat-sys-on-surface-variant))}.mdc-slider--disabled .mdc-slider__tick-mark--inactive{opacity:var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-disabled-container-color, var(--mat-sys-on-surface))}.mdc-slider__tick-mark--active{opacity:var(--mat-slider-with-tick-marks-active-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-active-container-color, var(--mat-sys-on-primary))}.mdc-slider__input{cursor:pointer;left:2px;margin:0;height:44px;opacity:0;position:absolute;top:2px;width:44px;box-sizing:content-box}.mdc-slider__input.mat-mdc-slider-input-no-pointer-events{pointer-events:none}.mdc-slider__input.mat-slider__right-input{left:auto;right:0}.mat-mdc-slider{display:inline-block;box-sizing:border-box;outline:none;vertical-align:middle;cursor:pointer;height:48px;margin:0 8px;position:relative;touch-action:pan-y;width:auto;min-width:112px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-slider.mdc-slider--disabled{cursor:auto;opacity:.38}.mat-mdc-slider.mdc-slider--disabled .mdc-slider__input{cursor:auto}.mat-mdc-slider .mdc-slider__thumb,.mat-mdc-slider .mdc-slider__track--active_fill{transition-duration:0ms}.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill{transition-duration:80ms}.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill{transition-duration:0ms}.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill{transition-duration:80ms}.mat-mdc-slider .mat-ripple .mat-ripple-element{background-color:var(--mat-slider-ripple-color, var(--mat-sys-primary))}.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple{background-color:var(--mat-slider-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 5%, transparent))}.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple,.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple{background-color:var(--mat-slider-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 20%, transparent))}.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb,.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator{transition:none}.mat-mdc-slider .mat-focus-indicator::before{border-radius:50%}.mdc-slider__thumb--focused .mat-focus-indicator::before{content:""}
|
|
9
|
-
`],encapsulation:2,changeDetection:0})}return n})();var Na={provide:Mt,useExisting:st(()=>Jt),multi:!0};var Jt=(()=>{class n{_ngZone=m(Me);_elementRef=m(q);_cdr=m(z);_slider=m($t);_platform=m(qe);_listenerCleanups;get value(){return j(this._hostElement.value,0)}set value(e){e===null&&(e=this._getDefaultValue()),e=isNaN(e)?0:e;let t=e+"";if(!this._hasSetInitialValue){this._initialValue=t;return}this._isActive||this._setValue(t)}_setValue(e){this._hostElement.value=e,this._updateThumbUIByValue(),this._slider._onValueChange(this),this._cdr.detectChanges(),this._slider._cdr.markForCheck()}valueChange=new I;dragStart=new I;dragEnd=new I;get translateX(){return this._slider.min>=this._slider.max?(this._translateX=this._tickMarkOffset,this._translateX):(this._translateX===void 0&&(this._translateX=this._calcTranslateXByValue()),this._translateX)}set translateX(e){this._translateX=e}_translateX;thumbPosition=f.END;get min(){return j(this._hostElement.min,0)}set min(e){this._hostElement.min=e+"",this._cdr.detectChanges()}get max(){return j(this._hostElement.max,0)}set max(e){this._hostElement.max=e+"",this._cdr.detectChanges()}get step(){return j(this._hostElement.step,0)}set step(e){this._hostElement.step=e+"",this._cdr.detectChanges()}get disabled(){return E(this._hostElement.disabled)}set disabled(e){this._hostElement.disabled=e,this._cdr.detectChanges(),this._slider.disabled!==this.disabled&&(this._slider.disabled=this.disabled)}get percentage(){return this._slider.min>=this._slider.max?this._slider._isRtl?1:0:(this.value-this._slider.min)/(this._slider.max-this._slider.min)}get fillPercentage(){return this._slider._cachedWidth?this._translateX===0?0:this.translateX/this._slider._cachedWidth:this._slider._isRtl?1:0}_hostElement=this._elementRef.nativeElement;_valuetext=V("");_knobRadius=8;_tickMarkOffset=3;_isActive=!1;_isFocused=!1;_setIsFocused(e){this._isFocused=e}_hasSetInitialValue=!1;_initialValue;_formControl;_destroyed=new te;_skipUIUpdate=!1;_onChangeFn;_onTouchedFn=()=>{};_isControlInitialized=!1;constructor(){let e=m(Ne);this._ngZone.runOutsideAngular(()=>{this._listenerCleanups=[e.listen(this._hostElement,"pointerdown",this._onPointerDown.bind(this)),e.listen(this._hostElement,"pointermove",this._onPointerMove.bind(this)),e.listen(this._hostElement,"pointerup",this._onPointerUp.bind(this))]})}ngOnDestroy(){this._listenerCleanups.forEach(e=>e()),this._destroyed.next(),this._destroyed.complete(),this.dragStart.complete(),this.dragEnd.complete()}initProps(){this._updateWidthInactive(),this.disabled!==this._slider.disabled&&(this._slider.disabled=!0),this.step=this._slider.step,this.min=this._slider.min,this.max=this._slider.max,this._initValue()}initUI(){this._updateThumbUIByValue()}_initValue(){this._hasSetInitialValue=!0,this._initialValue===void 0?this.value=this._getDefaultValue():(this._hostElement.value=this._initialValue,this._updateThumbUIByValue(),this._slider._onValueChange(this),this._cdr.detectChanges())}_getDefaultValue(){return this.min}_onBlur(){this._setIsFocused(!1),this._onTouchedFn()}_onFocus(){this._slider._setTransition(!1),this._slider._updateTrackUI(this),this._setIsFocused(!0)}_onChange(){this.valueChange.emit(this.value),this._isActive&&this._updateThumbUIByValue({withAnimation:!0})}_onInput(){this._onChangeFn?.(this.value),(this._slider.step||!this._isActive)&&this._updateThumbUIByValue({withAnimation:!0}),this._slider._onValueChange(this)}_onNgControlValueChange(){(!this._isActive||!this._isFocused)&&(this._slider._onValueChange(this),this._updateThumbUIByValue()),this._slider.disabled=this._formControl.disabled}_onPointerDown(e){if(!(this.disabled||e.button!==0)){if(this._platform.IOS){let t=this._slider._isCursorOnSliderThumb(e,this._slider._getThumb(this.thumbPosition)._hostElement.getBoundingClientRect());this._isActive=t,this._updateWidthActive(),this._slider._updateDimensions();return}this._isActive=!0,this._setIsFocused(!0),this._updateWidthActive(),this._slider._updateDimensions(),this._slider.step||this._updateThumbUIByPointerEvent(e,{withAnimation:!0}),this.disabled||(this._handleValueCorrection(e),this.dragStart.emit({source:this,parent:this._slider,value:this.value}))}}_handleValueCorrection(e){this._skipUIUpdate=!0,setTimeout(()=>{this._skipUIUpdate=!1,this._fixValue(e)},0)}_fixValue(e){let t=e.clientX-this._slider._cachedLeft,i=this._slider._cachedWidth,o=this._slider.step===0?1:this._slider.step,d=Math.floor((this._slider.max-this._slider.min)/o),c=this._slider._isRtl?1-t/i:t/i,$n=Math.round(c*d)/d*(this._slider.max-this._slider.min)+this._slider.min,ni=Math.round($n/o)*o,Jn=this.value;if(ni===Jn){this._slider._onValueChange(this),this._slider.step>0?this._updateThumbUIByValue():this._updateThumbUIByPointerEvent(e,{withAnimation:this._slider._hasAnimation});return}this.value=ni,this.valueChange.emit(this.value),this._onChangeFn?.(this.value),this._slider._onValueChange(this),this._slider.step>0?this._updateThumbUIByValue():this._updateThumbUIByPointerEvent(e,{withAnimation:this._slider._hasAnimation})}_onPointerMove(e){!this._slider.step&&this._isActive&&this._updateThumbUIByPointerEvent(e)}_onPointerUp(){this._isActive&&(this._isActive=!1,this._platform.SAFARI&&this._setIsFocused(!1),this.dragEnd.emit({source:this,parent:this._slider,value:this.value}),setTimeout(()=>this._updateWidthInactive(),this._platform.IOS?10:0))}_clamp(e){let t=this._tickMarkOffset,i=this._slider._cachedWidth-this._tickMarkOffset;return Math.max(Math.min(e,i),t)}_calcTranslateXByValue(){return this._slider._isRtl?(1-this.percentage)*(this._slider._cachedWidth-this._tickMarkOffset*2)+this._tickMarkOffset:this.percentage*(this._slider._cachedWidth-this._tickMarkOffset*2)+this._tickMarkOffset}_calcTranslateXByPointerEvent(e){return e.clientX-this._slider._cachedLeft}_updateWidthActive(){}_updateWidthInactive(){this._hostElement.style.padding=`0 ${this._slider._inputPadding}px`,this._hostElement.style.width=`calc(100% + ${this._slider._inputPadding-this._tickMarkOffset*2}px)`,this._hostElement.style.left=`-${this._slider._rippleRadius-this._tickMarkOffset}px`}_updateThumbUIByValue(e){this.translateX=this._clamp(this._calcTranslateXByValue()),this._updateThumbUI(e)}_updateThumbUIByPointerEvent(e,t){this.translateX=this._clamp(this._calcTranslateXByPointerEvent(e)),this._updateThumbUI(t)}_updateThumbUI(e){this._slider._setTransition(!!e?.withAnimation),this._slider._onTranslateXChange(this)}writeValue(e){(this._isControlInitialized||e!==null)&&(this.value=e)}registerOnChange(e){this._onChangeFn=e,this._isControlInitialized=!0}registerOnTouched(e){this._onTouchedFn=e}setDisabledState(e){this.disabled=e}focus(){this._hostElement.focus()}blur(){this._hostElement.blur()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["input","matSliderThumb",""]],hostAttrs:["type","range",1,"mdc-slider__input"],hostVars:1,hostBindings:function(t,i){t&1&&b("change",function(){return i._onChange()})("input",function(){return i._onInput()})("blur",function(){return i._onBlur()})("focus",function(){return i._onFocus()}),t&2&&N("aria-valuetext",i._valuetext())},inputs:{value:[2,"value","value",j]},outputs:{valueChange:"valueChange",dragStart:"dragStart",dragEnd:"dragEnd"},exportAs:["matSliderThumb"],features:[Q([Na,{provide:Pn,useExisting:n}])]})}return n})();var On=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[Fe,Ai]})}return n})();var Fa=["displayForm"],La=()=>({standalone:!0});function za(n,p){if(n&1&&(a(0,"mat-panel-description",4),s(1," Adjust night mode settings to enhance visibility in low-light environments. "),r()),n&2){let e=v();h("hidden",e.isPhonePortrait().matches)}}function Ba(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Choose your preferred high-contrast theme. "),r())}function Ua(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Enable remote dashboard management between KIP instances. "),r())}var Fn=(()=>{class n{MODE_PATH="self.environment.mode";displayForm=re("displayForm");_app=m(ge);_settings=m(ue);_responsive=m(ft);_plugins=m(Ji);_data=m(Ge);isPhonePortrait;nightBrightness=V(.27);autoNightMode=Qe(!1);isRedNightMode=Qe(!1);isLightTheme=Qe(!1);isRemoteControl=Qe(!1);instanceName=Qe("");_pluginCheckSeq=0;LIGHT_THEME_NAME="light-theme";RED_NIGHT_MODE_THEME_NAME="night-theme";constructor(){this.isPhonePortrait=gt(this._responsive.observe(Ct.HandsetPortrait))}ngOnInit(){this.nightBrightness.set(this._settings.getNightModeBrightness()),this.autoNightMode.set(this._settings.getAutoNightMode()),this.isLightTheme.set(this._settings.getThemeName()===this.LIGHT_THEME_NAME),this.isRedNightMode.set(this._settings.getRedNightMode()),this.isRemoteControl.set(this._settings.getIsRemoteControl()),this.instanceName.set(this._settings.getInstanceName())}saveAllSettings(){this._settings.setAutoNightMode(this.autoNightMode()),this._settings.setRedNightMode(this.isRedNightMode()),this._settings.setNightModeBrightness(this.nightBrightness()),this._settings.setIsRemoteControl(this.isRemoteControl()),this.isRemoteControl()?this._settings.setInstanceName(this.instanceName()):this._settings.setInstanceName(""),this.displayForm().form.markAsPristine(),this._app.isNightMode()||this._app.setBrightness(1),this.isLightTheme()?this._settings.setThemeName(this.LIGHT_THEME_NAME):this._settings.setThemeName(""),this._app.sendSnackbarNotification("Configuration saved",3e3,!1)}isAutoNightModeSupported(e){if(this.displayForm().form.markAsDirty(),!e.checked){this.autoNightMode.set(!1);return}let t=++this._pluginCheckSeq;this._plugins.isEnabled("derived-data").then(i=>{if(t!==this._pluginCheckSeq)return;if(!i){this.autoNightMode.set(!1),this._app.sendSnackbarNotification("Plugin Error: To enable Automatic Night Mode, verify that: 1) The Signal K Derived Data plugin is installed and enabled on the server. 2) The plugin's Sun: Sets environment.sun parameter is enabled. Restart the Signal K server and try again.",0);return}let o=this.validateAutoNightModeSupported();this.autoNightMode.set(o)}).catch(i=>{t===this._pluginCheckSeq&&(console.error("[Display Component] Error checking plugin status:",i),this.autoNightMode.set(!1))})}validateAutoNightModeSupported(){return this._data.getPathObject(this.MODE_PATH)?!0:(this._app.sendSnackbarNotification("Path Error: In Signal K, locate the Derived Data plugin and enable the 'Sets environment.sun' parameter under the 'Sun' group. Restart the Signal K server and try again.",0),!1)}setBrightness(e){this.displayForm().form.markAsDirty(),this.nightBrightness.set(e),this._app.setBrightness(e,this._app.isNightMode())}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-display"]],viewQuery:function(t,i){t&1&&ne(i.displayForm,Fa,5),t&2&&Te()},inputs:{autoNightMode:[1,"autoNightMode"],isRedNightMode:[1,"isRedNightMode"],isLightTheme:[1,"isLightTheme"],isRemoteControl:[1,"isRemoteControl"],instanceName:[1,"instanceName"]},outputs:{autoNightMode:"autoNightModeChange",isRedNightMode:"isRedNightModeChange",isLightTheme:"isLightThemeChange",isRemoteControl:"isRemoteControlChange",instanceName:"instanceNameChange"},decls:45,vars:14,consts:[["displayForm","ngForm"],["inputBrightness",""],["isRemoteControlCb",""],["id","displaySetting",3,"ngSubmit"],[3,"hidden"],["name","autoNightMode",1,"full-width",3,"change","ngModelChange","ngModel"],["name","redNightMode",1,"full-width",3,"ngModelChange","ngModel"],[2,"padding-left","10px"],[1,"mat-body-medium"],["min","0","max","1","step","0.01","discrete",""],["matSliderThumb","",3,"input","value","disabled"],["name","isLightTheme",1,"full-width",3,"ngModelChange","ngModel"],["name","isRemoteControl",1,"full-width",3,"ngModelChange","ngModel"],[1,"instance-name"],["matInput","","name","instanceName","placeholder","Ex. Mast","required","",3,"ngModelChange","ngModel","ngModelOptions","disabled"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"]],template:function(t,i){if(t&1){let o=A();a(0,"form",3,0),b("ngSubmit",function(){return u(o),g(i.saveAllSettings())}),a(2,"p"),s(3,"Customize your display settings to improve visibility and adapt to various lighting conditions."),r(),a(4,"mat-accordion")(5,"mat-expansion-panel")(6,"mat-expansion-panel-header")(7,"mat-panel-title"),s(8," Night Mode "),r(),y(9,za,2,1,"mat-panel-description",4),r(),a(10,"mat-checkbox",5),b("change",function(c){return u(o),g(i.isAutoNightModeSupported(c))}),w("ngModelChange",function(c){return u(o),x(i.autoNightMode,c)||(i.autoNightMode=c),g(c)}),s(11," Automatically activate day and night modes based on sun phases. "),r(),a(12,"mat-checkbox",6),w("ngModelChange",function(c){return u(o),x(i.isRedNightMode,c)||(i.isRedNightMode=c),g(c)}),s(13," Enable red-only night mode. "),r(),a(14,"div",7),_(15,"br"),a(16,"span",8),s(17,"Adjust Night Mode Brightness"),r(),_(18,"br"),a(19,"mat-slider",9)(20,"input",10,1),b("input",function(){u(o);let c=R(21);return g(i.setBrightness(+c.value))}),r()()()(),a(22,"mat-expansion-panel")(23,"mat-expansion-panel-header")(24,"mat-panel-title"),s(25," Theme "),r(),y(26,Ba,2,0,"mat-panel-description"),r(),a(27,"mat-checkbox",11),w("ngModelChange",function(c){return u(o),x(i.isLightTheme,c)||(i.isLightTheme=c),g(c)}),s(28," Enable light theme for brighter display settings. "),r()(),a(29,"mat-expansion-panel")(30,"mat-expansion-panel-header")(31,"mat-panel-title"),s(32," Remote Control "),r(),y(33,Ua,2,0,"mat-panel-description"),r(),a(34,"mat-checkbox",12,2),w("ngModelChange",function(c){return u(o),x(i.isRemoteControl,c)||(i.isRemoteControl=c),g(c)}),s(36," Allow this KIP dashboard to be changed remotely by other KIP instances. "),r(),a(37,"mat-form-field",13)(38,"mat-label"),s(39,"Instance Name"),r(),a(40,"input",14),b("ngModelChange",function(){u(o);let c=R(1);return g(c.form.markAsDirty())}),w("ngModelChange",function(c){return u(o),x(i.instanceName,c)||(i.instanceName=c),g(c)}),r()()()(),a(41,"div",15),_(42,"mat-divider",16),a(43,"button",17),s(44,"Save"),r()()()}if(t&2){let o=R(1),d=R(35);l(9),C(i.isPhonePortrait().matches?-1:9),l(),S("ngModel",i.autoNightMode),l(2),S("ngModel",i.isRedNightMode),l(8),h("value",i.nightBrightness())("disabled",i.isRedNightMode()),l(6),C(i.isPhonePortrait().matches?-1:26),l(),S("ngModel",i.isLightTheme),l(6),C(i.isPhonePortrait().matches?-1:33),l(),S("ngModel",i.isRemoteControl),l(6),S("ngModel",i.instanceName),h("ngModelOptions",oe(13,La))("disabled",!d.checked),l(3),h("disabled",!o.form.dirty)}},dependencies:[$,Z,Re,ee,K,fe,_e,se,Ae,ce,G,On,Nn,Jt,Ot,Nt,it,nt,Vt,Pt,Dt,Ce,de,le],styles:["mat-slider[_ngcontent-%COMP%]{width:350px}.instance-name[_ngcontent-%COMP%]{margin-left:44px}"]})}return n})();var Ha=()=>({standalone:!1});function Wa(n,p){n&1&&(a(0,"div"),s(1,' Writing to the server requires "Login to Server" authentication or a Device token '),r())}function Qa(n,p){if(n&1){let e=A();a(0,"div")(1,"mat-form-field",30)(2,"mat-label"),s(3,"Scope"),r(),a(4,"mat-select",31),w("ngModelChange",function(i){u(e);let o=v();return x(o.saveConfigScope,i)||(o.saveConfigScope=i),g(i)}),a(5,"mat-option",32),s(6," Global "),r(),a(7,"mat-option",33),s(8," User "),r()()(),a(9,"mat-form-field",34)(10,"mat-label"),s(11,"Configuration Name"),r(),a(12,"input",35),w("ngModelChange",function(i){u(e);let o=v();return x(o.saveConfigName,i)||(o.saveConfigName=i),g(i)}),r()(),y(13,Wa,2,0,"div"),r()}if(n&2){let e=v();l(4),S("ngModel",e.saveConfigScope),l(8),S("ngModel",e.saveConfigName),h("ngModelOptions",oe(4,Ha)),l(),C(e.hasToken?-1:13)}}function ja(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Server authentication or Device Token required"),r()())}function qa(n,p){if(n&1&&(a(0,"mat-option",38),s(1),r()),n&2){let e=p.$implicit;h("value",e),l(),Bt(" ",e.scope," / ",e.name," ")}}function Xa(n,p){if(n&1){let e=A();a(0,"div")(1,"mat-form-field",36)(2,"mat-label"),s(3,"Configuration"),r(),a(4,"mat-select",37),w("ngModelChange",function(i){u(e);let o=v();return x(o.deleteConfigItem,i)||(o.deleteConfigItem=i),g(i)}),H(5,qa,2,3,"mat-option",38,be),r()()()}if(n&2){let e=v();l(4),S("ngModel",e.deleteConfigItem),l(),W(e.serverConfigList)}}function Ga(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Authentication or Device Token required"),r()())}function Ka(n,p){if(n&1&&(a(0,"mat-option",38),s(1),r()),n&2){let e=p.$implicit;h("value",e),l(),Bt(" ",e.scope," / ",e.name," ")}}function Za(n,p){if(n&1&&(a(0,"div")(1,"mat-form-field",36)(2,"mat-label"),s(3,"Configuration"),r(),a(4,"mat-select",39),H(5,Ka,2,3,"mat-option",38,ct),r()()()),n&2){let e=v();l(5),W(e.serverConfigList)}}function $a(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Authentication or Device Token required"),r()())}var Ln=(()=>{class n{appSettingsService=m(ue);storageSvc=m(Mi);appService=m(ge);auth=m(_t);fb=m(qi);pageTitle="Configurations";hasToken=!1;isTokenTypeDevice=!1;tokenSub;supportApplicationData=!1;serverConfigList=[];serverUpgradableConfigList=[];copyConfigForm;storageLocation=null;locations=["Local Storage","Server Storage"];saveConfigName=null;saveConfigScope=null;deleteConfigItem;jsonData=null;ngOnInit(){this.tokenSub=this.auth.authToken$.subscribe(e=>{e&&e.token?(this.hasToken=!0,this.isTokenTypeDevice=e.isDeviceAccessToken,e.isDeviceAccessToken?this.saveConfigScope="global":this.saveConfigScope="user"):this.hasToken=!1}),this.copyConfigForm=this.fb.group({sourceTarget:[{value:"",disabled:!1},Li.required]}),this.supportApplicationData=this.storageSvc.isAppDataSupported,this.hasToken&&this.getServerConfigList()}getServerConfigList(e){this.supportApplicationData&&this.storageSvc.listConfigs(e).then(t=>{let i=t.filter(o=>!(o.scope==="user"&&o.name==="default"));e?this.serverUpgradableConfigList=i:this.serverConfigList=i}).catch(t=>{switch(t.status){case 401:this.appService.sendSnackbarNotification("Application Storage Error: "+t.statusText+". Signal K configuration must meet the following requirements; 1) Security enabled. 2) Application Data Storage Interface: On. 3) Either Allow Readonly Access enabled, or connecting with a user.",0,!1);break;default:this.appService.sendSnackbarNotification("Error listing server configurations: "+t,3e3,!1);break}})}saveConfig(e,t,i,o,d){if(this.supportApplicationData){if(t==="user"&&i==="default"&&!d){this.appService.sendSnackbarNotification("Saving configuration with scope 'user' and name 'default' is not allowed.",5e3,!1);return}this.storageSvc.setConfig(t,i,e)?(this.appService.sendSnackbarNotification(`Configuration [${i}] saved to [${t}] storage scope`,5e3,!1),o||this.getServerConfigList()):this.appService.sendSnackbarNotification("Error saving configuration to server",0,!1)}}saveToLocalstorage(e){this.appSettingsService.replaceConfig("appConfig",e.app,!1),this.appSettingsService.replaceConfig("dashboardsConfig",e.dashboards,!1),this.appSettingsService.replaceConfig("themeConfig",e.theme,!1)}copyConfig(){return rt(this,null,function*(){let e=null;try{yield this.storageSvc.getConfig(this.copyConfigForm.value.sourceTarget.scope,this.copyConfigForm.value.sourceTarget.name).then(t=>{e=t})}catch(t){this.appService.sendSnackbarNotification("Error retrieving configuration from server: "+t.statusText,3e3,!1);return}this.saveConfig(e,"user","default",!1,!0),this.appSettingsService.reloadApp()})}deleteConfig(e,t,i,o){this.storageSvc.removeItem(e,t,i),this.appService.sendSnackbarNotification(`Configuration [${t}] deleted from [${e}] storage scope`,5e3,!1),o||this.getServerConfigList()}resetConfigToDefault(){this.appSettingsService.resetSettings()}resetConnectionToDefault(){this.appSettingsService.resetConnection()}loadDemoConfig(){this.appSettingsService.loadDemoConfig()}getActiveConfig(){let e;return this.appSettingsService.useSharedConfig?e=this.getLocalConfigFromMemory():e=this.getLocalConfigFromLocalStorage(),e}getLocalConfigFromMemory(){return{app:this.appSettingsService.getAppConfig(),dashboards:this.appSettingsService.getDashboardConfig(),theme:this.appSettingsService.getThemeConfig()}}getLocalConfigFromLocalStorage(){return{app:this.appSettingsService.loadConfigFromLocalStorage("appConfig"),dashboards:this.appSettingsService.loadConfigFromLocalStorage("dashboardsConfig"),theme:this.appSettingsService.loadConfigFromLocalStorage("themeConfig")}}downloadJsonConfig(){let e=this.getActiveConfig(),t=JSON.stringify(e,null,2),i=new Blob([t],{type:"application/json"}),o=window.URL.createObjectURL(i),d=document.createElement("a");d.href=o,d.download="KipConfig.json",document.body.appendChild(d),d.click(),document.body.removeChild(d),window.URL.revokeObjectURL(o)}uploadJsonConfig(e){let i=e.target.files?.[0];if(i&&i.type==="application/json"){let o=new FileReader;o.onload=d=>{try{this.jsonData=JSON.parse(d.target?.result),this.hasToken?this.saveConfig(this.jsonData,"user","default",!1,!0):this.saveToLocalstorage(this.jsonData),this.appSettingsService.reloadApp()}catch(c){this.appService.sendSnackbarNotification("Invalid JSON file",3e3,!1),console.error("Invalid JSON file:",c)}},o.readAsText(i)}else this.appService.sendSnackbarNotification("Please select a valid JSON file",0,!1)}ngOnDestroy(){this.tokenSub.unsubscribe()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-config"]],decls:93,vars:7,consts:[["saveConfigForm","ngForm"],["deleteConfigForm","ngForm"],["fileInput",""],[1,"page-content"],["routerLink","/help"],[1,"flex-container"],[1,"flex-item-rounded-card","rounded-card-color"],["name","saveConfigForm",3,"ngSubmit"],[2,"margin-bottom","16px"],[1,"no-token-notice"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit","color","accent",3,"disabled"],["name","deleteConfigForm",3,"ngSubmit"],[3,"ngSubmit","formGroup"],[1,"flex-item-reset","rounded-card-color"],[1,"config-operation-container",2,"margin-top","20px"],[1,"download-txt"],[1,"download-btn","btn-div"],["mat-flat-button","","type","button",1,"adv-btn",3,"click"],[1,"upload-txt"],[1,"upload-btn","btn-div"],["type","file","accept",".json","hidden","",3,"change"],["mat-flat-button","",1,"adv-btn",3,"click"],[1,"demo-txt"],[1,"demo-btn","btn-div"],[1,"reset-txt"],[1,"reset-btn","btn-div"],[1,"config-txt"],[1,"config-btn","btn-div"],[2,"width","25%"],["name","serverConfiScope","required","",3,"ngModelChange","ngModel"],["value","global"],["value","user"],[2,"width","70%","padding-left","3%"],["matInput","","name","serverConfigName","placeholder","Enter a name for the configuration","required","",3,"ngModelChange","ngModel","ngModelOptions"],[2,"width","100%"],["name","selectedDeleteItem","required","",3,"ngModelChange","ngModel"],[3,"value"],["formControlName","sourceTarget"]],template:function(t,i){if(t&1){let o=A();a(0,"div",3)(1,"p"),s(2," Recommended Reading: To understand configuration management and storage options, consult the "),a(3,"a",4),s(4,"Configuration Management Help"),r(),s(5," section. "),r(),a(6,"div",5)(7,"div",6)(8,"form",7,0),b("ngSubmit",function(){return u(o),g(i.saveConfig(i.getActiveConfig(),i.saveConfigScope,i.saveConfigName))}),a(10,"h2"),s(11,"Backup"),r(),a(12,"p",8),s(13," Create a backup of the current active configuration on the server. "),r(),y(14,Qa,14,5,"div")(15,ja,3,0,"div",9),a(16,"div",10),_(17,"mat-divider",11),a(18,"button",12),s(19," Create "),r()()()(),a(20,"div",6)(21,"form",13,1),b("ngSubmit",function(){return u(o),g(i.deleteConfig(i.deleteConfigItem.scope,i.deleteConfigItem.name))}),a(23,"h2"),s(24,"Delete"),r(),a(25,"p",8),s(26," Select a backup configuration to permanently delete from the server. "),r(),y(27,Xa,7,1,"div")(28,Ga,3,0,"div",9),a(29,"div",10),_(30,"mat-divider",11),a(31,"button",12),s(32," Delete "),r()()()(),a(33,"div",6)(34,"form",14),b("ngSubmit",function(){return u(o),g(i.copyConfig())}),a(35,"h2"),s(36,"Restore"),r(),a(37,"p",8),s(38," Replace the current configuration with a backup from the server. "),r(),y(39,Za,7,0,"div")(40,$a,3,0,"div",9),a(41,"div",10),_(42,"mat-divider",11),a(43,"button",12),s(44," Restore "),r()()()(),a(45,"div",15)(46,"h2"),s(47,"Advanced"),r(),a(48,"div",16)(49,"div",17)(50,"p"),s(51,"To reuse your configuration on different devices, simply login using the same credential from any device (See "),a(52,"a",4),s(53,"Login & Configurations Help documentation"),r(),s(54," for more information). If you need to move your configuration between different Signal K servers, you can use Download to obtain a copy of the active configuration to a file."),r()(),a(55,"div",18)(56,"button",19),b("click",function(){return u(o),g(i.downloadJsonConfig())}),s(57," Download "),r()(),a(58,"div",20)(59,"p"),s(60," Select a configuration file to upload. The file must be a valid KIP configuration file of JSON format. "),_(61,"br"),a(62,"strong"),s(63,"WARNING: This will permanently overwrite active configuration."),r()()(),a(64,"div",21)(65,"input",22,2),b("change",function(c){return u(o),g(i.uploadJsonConfig(c))}),r(),a(67,"button",23),b("click",function(){u(o);let c=R(66);return g(c.click())}),s(68," Upload "),r()(),a(69,"div",24)(70,"p"),s(71," Load the demonstration configuration and connection to Signal K demo server. "),_(72,"br"),a(73,"strong"),s(74,"WARNING: This will permanently reset your active configuration."),r()()(),a(75,"div",25)(76,"button",19),b("click",function(){return u(o),g(i.loadDemoConfig())}),s(77," Demo "),r()(),a(78,"div",26)(79,"p"),s(80," Reset all your settings to default. The default configuration has a single Getting Started instruction widget. Your Signal K server connection settings will remain. "),_(81,"br"),a(82,"strong"),s(83,"WARNING: This will permanently reset your active configuration."),r()()(),a(84,"div",27)(85,"button",19),b("click",function(){return u(o),g(i.resetConfigToDefault())}),s(86," Default "),r()(),a(87,"div",28)(88,"p"),s(89," Clear the current connection configuration. This only affects Connectivity settings tab. "),r()(),a(90,"div",29)(91,"button",19),b("click",function(){return u(o),g(i.resetConnectionToDefault())}),s(92," Connection "),r()()()()()()}if(t&2){let o=R(9),d=R(22);l(14),C(i.hasToken?14:15),l(4),h("disabled",!i.hasToken||!o.valid),l(9),C(i.hasToken?27:28),l(4),h("disabled",!i.hasToken||!d.valid),l(3),h("formGroup",i.copyConfigForm),l(5),C(i.hasToken?39:40),l(4),h("disabled",!i.copyConfigForm.valid)}},dependencies:[ki,$,Z,Re,ee,K,fe,_e,se,ce,G,de,le,Ze,Ke,Ce,Et,kt,Tt,Dt],styles:['[_nghost-%COMP%]{display:block;height:100%;width:100%}.page-content[_ngcontent-%COMP%]{width:100%;height:calc(100% - 63px);overflow-y:auto;scroll-behavior:smooth;padding:0 24px 10px}.flex-item-copy[_ngcontent-%COMP%]{flex:2 1 41%;padding:10px 20px;border-radius:15px}.flex-item-reset[_ngcontent-%COMP%]{flex:1 1 100%;padding:10px 20px;border-radius:15px}a[_ngcontent-%COMP%]{font-size:14px}a[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}a[_ngcontent-%COMP%]:link, a[_ngcontent-%COMP%]:visited{color:#8ab4f8;text-decoration:none}.warningText[_ngcontent-%COMP%]{padding-left:15px}.no-token-notice[_ngcontent-%COMP%]{height:58px;contain:content;text-align:center;font-style:italic}.mat-mdc-radio-button[_ngcontent-%COMP%] ~ .mat-radio-button[_ngcontent-%COMP%]{margin-right:16px;margin-left:16px}.config-column[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-basis:100%;flex:1;margin:0 10px}.sources-radio-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;margin:15px 0}.sources-radio-button[_ngcontent-%COMP%]{margin:5px;margin-left:0!important}.select-config[_ngcontent-%COMP%]{margin-left:0}.config-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.btn-div[_ngcontent-%COMP%]{align-self:center}.adv-btn[_ngcontent-%COMP%]{width:100%}.config-operation-container[_ngcontent-%COMP%]{display:grid;grid-template-columns:[col-start] auto [col1-end] min-content [col2-end];grid-template-rows:[row-start] max-content [row1-end] max-content [row2-end];grid-template-areas:"download-txt download-btn" "upload-txt upload-btn" "demo-txt demo-btn" "reset-txt reset-btn" "config-txt config-btn";row-gap:20px;column-gap:10px}.upload-txt[_ngcontent-%COMP%]{grid-area:upload-txt}.upload-btn[_ngcontent-%COMP%]{grid-area:upload-btn}.download-txt[_ngcontent-%COMP%]{grid-area:download-txt}.download-btn[_ngcontent-%COMP%]{grid-area:download-btn}.demo-txt[_ngcontent-%COMP%]{grid-area:demo-txt}.demo-btn[_ngcontent-%COMP%]{grid-area:demo-btn}.reset-txt[_ngcontent-%COMP%]{grid-area:reset-txt}.reset-btn[_ngcontent-%COMP%]{grid-area:reset-btn}.config-txt[_ngcontent-%COMP%]{grid-area:config-txt}.config-btn[_ngcontent-%COMP%]{grid-area:config-btn}']})}return n})();var zn=(()=>{class n{transform(e,t){return!e||!e.length?[]:t?e.filter(i=>i.includes("self")):e}static \u0275fac=function(t){return new(t||n)};static \u0275pipe=hi({name:"filterSelf",type:n,pure:!0})}return n})();var Ja=["*"];function Ya(n,p){n&1&&O(0)}var Yt=(()=>{class n{_elementRef=m(q);constructor(){}focus(){this._elementRef.nativeElement.focus()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepHeader",""]],hostAttrs:["role","tab"]})}return n})(),ei=(()=>{class n{template=m(we);constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepLabel",""]]})}return n})();var ze={NUMBER:"number",EDIT:"edit",DONE:"done",ERROR:"error"},eo=new B("STEPPER_GLOBAL_OPTIONS"),Lt=(()=>{class n{_stepperOptions;_stepper=m(Je);_displayDefaultIndicatorType;stepLabel;_childForms;content;stepControl;get interacted(){return this._interacted()}set interacted(e){this._interacted.set(e)}_interacted=V(!1);interactedStream=new I;label;errorMessage;ariaLabel;ariaLabelledby;get state(){return this._state()}set state(e){this._state.set(e)}_state=V(void 0);get editable(){return this._editable()}set editable(e){this._editable.set(e)}_editable=V(!0);optional=!1;get completed(){let e=this._completedOverride(),t=this._interacted();return e??(t&&(!this.stepControl||this.stepControl.valid))}set completed(e){this._completedOverride.set(e)}_completedOverride=V(null);index=V(-1);isSelected=ht(()=>this._stepper.selectedIndex===this.index());indicatorType=ht(()=>{let e=this.isSelected(),t=this.completed,i=this._state()??ze.NUMBER,o=this._editable();return this._showError()&&this.hasError&&!e?ze.ERROR:this._displayDefaultIndicatorType?!t||e?ze.NUMBER:o?ze.EDIT:ze.DONE:t&&!e?ze.DONE:t&&e?i:o&&e?ze.EDIT:i});isNavigable=ht(()=>{let e=this.isSelected();return this.completed||e||!this._stepper.linear});get hasError(){let e=this._customError();return e??this._getDefaultError()}set hasError(e){this._customError.set(e)}_customError=V(null);_getDefaultError(){return this.interacted&&!!this.stepControl?.invalid}constructor(){let e=m(eo,{optional:!0});this._stepperOptions=e||{},this._displayDefaultIndicatorType=this._stepperOptions.displayDefaultIndicatorType!==!1}select(){this._stepper.selected=this}reset(){this._interacted.set(!1),this._completedOverride()!=null&&this._completedOverride.set(!1),this._customError()!=null&&this._customError.set(!1),this.stepControl&&(this._childForms?.forEach(e=>e.resetForm?.()),this.stepControl.reset())}ngOnChanges(){this._stepper._stateChanged()}_markAsInteracted(){this._interacted()||(this._interacted.set(!0),this.interactedStream.emit(this))}_showError(){return this._stepperOptions.showError??this._customError()!=null}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["cdk-step"]],contentQueries:function(t,i,o){if(t&1&&(F(o,ei,5),F(o,zi,5)),t&2){let d;k(d=T())&&(i.stepLabel=d.first),k(d=T())&&(i._childForms=d)}},viewQuery:function(t,i){if(t&1&&L(we,7),t&2){let o;k(o=T())&&(i.content=o.first)}},inputs:{stepControl:"stepControl",label:"label",errorMessage:"errorMessage",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],state:"state",editable:[2,"editable","editable",E],optional:[2,"optional","optional",E],completed:[2,"completed","completed",E],hasError:[2,"hasError","hasError",E]},outputs:{interactedStream:"interacted"},exportAs:["cdkStep"],features:[xe],ngContentSelectors:Ja,decls:1,vars:0,template:function(t,i){t&1&&(Y(),ui(0,Ya,1,0,"ng-template"))},encapsulation:2,changeDetection:0})}return n})(),Je=(()=>{class n{_dir=m(yt,{optional:!0});_changeDetectorRef=m(z);_elementRef=m(q);_destroyed=new te;_keyManager;_steps;steps=new Ve;_stepHeader;_sortedHeaders=new Ve;linear=!1;get selectedIndex(){return this._selectedIndex()}set selectedIndex(e){this._steps?(this._isValidIndex(e),this.selectedIndex!==e&&(this.selected?._markAsInteracted(),!this._anyControlsInvalidOrPending(e)&&(e>=this.selectedIndex||this.steps.toArray()[e].editable)&&this._updateSelectedItemIndex(e))):this._selectedIndex.set(e)}_selectedIndex=V(0);get selected(){return this.steps?this.steps.toArray()[this.selectedIndex]:void 0}set selected(e){this.selectedIndex=e&&this.steps?this.steps.toArray().indexOf(e):-1}selectionChange=new I;selectedIndexChange=new I;_groupId=m(ye).getId("cdk-stepper-");get orientation(){return this._orientation}set orientation(e){this._orientation=e,this._keyManager&&this._keyManager.withVerticalOrientation(e==="vertical")}_orientation="horizontal";constructor(){}ngAfterContentInit(){this._steps.changes.pipe(me(this._steps),Se(this._destroyed)).subscribe(e=>{this.steps.reset(e.filter(t=>t._stepper===this)),this.steps.forEach((t,i)=>t.index.set(i)),this.steps.notifyOnChanges()})}ngAfterViewInit(){if(this._stepHeader.changes.pipe(me(this._stepHeader),Se(this._destroyed)).subscribe(e=>{this._sortedHeaders.reset(e.toArray().sort((t,i)=>t._elementRef.nativeElement.compareDocumentPosition(i._elementRef.nativeElement)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)),this._sortedHeaders.notifyOnChanges()}),this._keyManager=new vt(this._sortedHeaders).withWrap().withHomeAndEnd().withVerticalOrientation(this._orientation==="vertical"),this._keyManager.updateActiveItem(this.selectedIndex),(this._dir?this._dir.change:oi()).pipe(me(this._layoutDirection()),Se(this._destroyed)).subscribe(e=>this._keyManager?.withHorizontalOrientation(e)),this._keyManager.updateActiveItem(this.selectedIndex),this.steps.changes.subscribe(()=>{this.selected||this._selectedIndex.set(Math.max(this.selectedIndex-1,0))}),this._isValidIndex(this.selectedIndex)||this._selectedIndex.set(0),this.linear&&this.selectedIndex>0){let e=this.steps.toArray().slice(0,this._selectedIndex());for(let t of e)t._markAsInteracted()}}ngOnDestroy(){this._keyManager?.destroy(),this.steps.destroy(),this._sortedHeaders.destroy(),this._destroyed.next(),this._destroyed.complete()}next(){this.selectedIndex=Math.min(this._selectedIndex()+1,this.steps.length-1)}previous(){this.selectedIndex=Math.max(this._selectedIndex()-1,0)}reset(){this._updateSelectedItemIndex(0),this.steps.forEach(e=>e.reset()),this._stateChanged()}_getStepLabelId(e){return`${this._groupId}-label-${e}`}_getStepContentId(e){return`${this._groupId}-content-${e}`}_stateChanged(){this._changeDetectorRef.markForCheck()}_getAnimationDirection(e){let t=e-this._selectedIndex();return t<0?this._layoutDirection()==="rtl"?"next":"previous":t>0?this._layoutDirection()==="rtl"?"previous":"next":"current"}_getFocusIndex(){return this._keyManager?this._keyManager.activeItemIndex:this._selectedIndex()}_updateSelectedItemIndex(e){let t=this.steps.toArray(),i=this._selectedIndex();this.selectionChange.emit({selectedIndex:e,previouslySelectedIndex:i,selectedStep:t[e],previouslySelectedStep:t[i]}),this._keyManager&&(this._containsFocus()?this._keyManager.setActiveItem(e):this._keyManager.updateActiveItem(e)),this._selectedIndex.set(e),this.selectedIndexChange.emit(e),this._stateChanged()}_onKeydown(e){let t=bt(e),i=e.keyCode,o=this._keyManager;o?.activeItemIndex!=null&&!t&&(i===32||i===13)?(this.selectedIndex=o.activeItemIndex,e.preventDefault()):o?.setFocusOrigin("keyboard").onKeydown(e)}_anyControlsInvalidOrPending(e){return this.linear&&e>=0?this.steps.toArray().slice(0,e).some(t=>{let i=t.stepControl;return(i?i.invalid||i.pending||!t.interacted:!t.completed)&&!t.optional&&!t._completedOverride()}):!1}_layoutDirection(){return this._dir&&this._dir.value==="rtl"?"rtl":"ltr"}_containsFocus(){let e=this._elementRef.nativeElement,t=Ti();return e===t||e.contains(t)}_isValidIndex(e){return e>-1&&(!this.steps||e<this.steps.length)}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepper",""]],contentQueries:function(t,i,o){if(t&1&&(F(o,Lt,5),F(o,Yt,5)),t&2){let d;k(d=T())&&(i._steps=d),k(d=T())&&(i._stepHeader=d)}},inputs:{linear:[2,"linear","linear",E],selectedIndex:[2,"selectedIndex","selectedIndex",j],selected:"selected",orientation:"orientation"},outputs:{selectionChange:"selectionChange",selectedIndexChange:"selectedIndexChange"},exportAs:["cdkStepper"]})}return n})(),Bn=(()=>{class n{_stepper=m(Je);type="submit";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["button","cdkStepperNext",""]],hostVars:1,hostBindings:function(t,i){t&1&&b("click",function(){return i._stepper.next()}),t&2&&ke("type",i.type)},inputs:{type:"type"}})}return n})(),Un=(()=>{class n{_stepper=m(Je);type="button";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["button","cdkStepperPrevious",""]],hostVars:1,hostBindings:function(t,i){t&1&&b("click",function(){return i._stepper.previous()}),t&2&&ke("type",i.type)},inputs:{type:"type"}})}return n})();var to=(n,p,e)=>({index:n,active:p,optional:e});function io(n,p){if(n&1&&Oe(0,2),n&2){let e=v();h("ngTemplateOutlet",e.iconOverrides[e.state])("ngTemplateOutletContext",fi(2,to,e.index,e.active,e.optional))}}function no(n,p){if(n&1&&(a(0,"span",7),s(1),r()),n&2){let e=v(2);l(),X(e._getDefaultTextForState(e.state))}}function ao(n,p){if(n&1&&(a(0,"span",8),s(1),r()),n&2){let e=v(3);l(),X(e._intl.completedLabel)}}function oo(n,p){if(n&1&&(a(0,"span",8),s(1),r()),n&2){let e=v(3);l(),X(e._intl.editableLabel)}}function ro(n,p){if(n&1&&(y(0,ao,2,1,"span",8)(1,oo,2,1,"span",8),a(2,"mat-icon",7),s(3),r()),n&2){let e=v(2);C(e.state==="done"?0:e.state==="edit"?1:-1),l(3),X(e._getDefaultTextForState(e.state))}}function so(n,p){if(n&1&&y(0,no,2,1,"span",7)(1,ro,4,2),n&2){let e,t=v();C((e=t.state)==="number"?0:1)}}function lo(n,p){n&1&&(a(0,"div",4),Oe(1,9),r()),n&2&&(l(),h("ngTemplateOutlet",p.template))}function co(n,p){if(n&1&&(a(0,"div",4),s(1),r()),n&2){let e=v();l(),X(e.label)}}function mo(n,p){if(n&1&&(a(0,"div",5),s(1),r()),n&2){let e=v();l(),X(e._intl.optionalLabel)}}function po(n,p){if(n&1&&(a(0,"div",6),s(1),r()),n&2){let e=v();l(),X(e.errorMessage)}}var Wn=["*"];function ho(n,p){}function uo(n,p){if(n&1&&(O(0),U(1,ho,0,0,"ng-template",0)),n&2){let e=v();l(),h("cdkPortalOutlet",e._portal)}}var go=["animatedContainer"],Qn=n=>({step:n});function _o(n,p){n&1&&O(0)}function fo(n,p){n&1&&_(0,"div",7)}function bo(n,p){if(n&1&&(Oe(0,6),y(1,fo,1,0,"div",7)),n&2){let e=p.$implicit,t=p.$index,i=p.$count;v(2);let o=R(4);h("ngTemplateOutlet",o)("ngTemplateOutletContext",Ht(3,Qn,e)),l(),C(t!==i-1?1:-1)}}function vo(n,p){if(n&1&&(a(0,"div",8,1),Oe(2,9),r()),n&2){let e=p.$implicit,t=p.$index,i=v(2);ve("mat-horizontal-stepper-content-"+i._getAnimationDirection(t)),h("id",i._getStepContentId(t)),N("aria-labelledby",i._getStepLabelId(t))("inert",i.selectedIndex===t?null:""),l(2),h("ngTemplateOutlet",e.content)}}function yo(n,p){if(n&1&&(a(0,"div",2)(1,"div",3),H(2,bo,2,5,null,null,be),r(),a(4,"div",4),H(5,vo,3,6,"div",5,be),r()()),n&2){let e=v();l(2),W(e.steps),l(3),W(e.steps)}}function Co(n,p){if(n&1&&(a(0,"div",10),Oe(1,6),a(2,"div",11,1)(4,"div",12)(5,"div",13),Oe(6,9),r()()()()),n&2){let e=p.$implicit,t=p.$index,i=p.$index,o=p.$count,d=v(2),c=R(4);l(),h("ngTemplateOutlet",c)("ngTemplateOutletContext",Ht(10,Qn,e)),l(),P("mat-stepper-vertical-line",i!==o-1)("mat-vertical-content-container-active",d.selectedIndex===t),N("inert",d.selectedIndex===t?null:""),l(2),h("id",d._getStepContentId(t)),N("aria-labelledby",d._getStepLabelId(t)),l(2),h("ngTemplateOutlet",e.content)}}function So(n,p){if(n&1&&H(0,Co,7,12,"div",10,be),n&2){let e=v();W(e.steps)}}function xo(n,p){if(n&1){let e=A();a(0,"mat-step-header",14),b("click",function(){let i=u(e).step;return g(i.select())})("keydown",function(i){u(e);let o=v();return g(o._onKeydown(i))}),r()}if(n&2){let e=p.step,t=v();P("mat-horizontal-stepper-header",t.orientation==="horizontal")("mat-vertical-stepper-header",t.orientation==="vertical"),h("tabIndex",t._getFocusIndex()===e.index()?0:-1)("id",t._getStepLabelId(e.index()))("index",e.index())("state",e.indicatorType())("label",e.stepLabel||e.label)("selected",e.isSelected())("active",e.isNavigable())("optional",e.optional)("errorMessage",e.errorMessage)("iconOverrides",t._iconOverrides)("disableRipple",t.disableRipple||!e.isNavigable())("color",e.color||t.color),N("aria-posinset",e.index()+1)("aria-setsize",t.steps.length)("aria-controls",t._getStepContentId(e.index()))("aria-selected",e.isSelected())("aria-label",e.ariaLabel||null)("aria-labelledby",!e.ariaLabel&&e.ariaLabelledby?e.ariaLabelledby:null)("aria-disabled",e.isNavigable()?null:!0)}}var ot=(()=>{class n extends ei{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Pe(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["","matStepLabel",""]],features:[ie]})}return n})(),wo=(()=>{class n{changes=new te;optionalLabel="Optional";completedLabel="Completed";editableLabel="Editable";static \u0275fac=function(t){return new(t||n)};static \u0275prov=ci({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();var Hn=(()=>{class n extends Yt{_intl=m(wo);_focusMonitor=m(Xe);_intlSubscription;state;label;errorMessage;iconOverrides;index;selected;active;optional;disableRipple;color;constructor(){super();let e=m(Ee);e.load(Ie),e.load(Ei);let t=m(z);this._intlSubscription=this._intl.changes.subscribe(()=>t.markForCheck())}ngAfterViewInit(){this._focusMonitor.monitor(this._elementRef,!0)}ngOnDestroy(){this._intlSubscription.unsubscribe(),this._focusMonitor.stopMonitoring(this._elementRef)}focus(e,t){e?this._focusMonitor.focusVia(this._elementRef,e,t):this._elementRef.nativeElement.focus(t)}_stringLabel(){return this.label instanceof ot?null:this.label}_templateLabel(){return this.label instanceof ot?this.label:null}_getHostElement(){return this._elementRef.nativeElement}_getDefaultTextForState(e){return e=="number"?`${this.index+1}`:e=="edit"?"create":e=="error"?"warning":e}_hasEmptyLabel(){return!this._stringLabel()&&!this._templateLabel()&&!this._hasOptionalLabel()&&!this._hasErrorLabel()}_hasOptionalLabel(){return this.optional&&this.state!=="error"}_hasErrorLabel(){return this.state==="error"}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-step-header"]],hostAttrs:["role","tab",1,"mat-step-header"],hostVars:4,hostBindings:function(t,i){t&2&&(ve("mat-"+(i.color||"primary")),P("mat-step-header-empty-label",i._hasEmptyLabel()))},inputs:{state:"state",label:"label",errorMessage:"errorMessage",iconOverrides:"iconOverrides",index:"index",selected:"selected",active:"active",optional:"optional",disableRipple:"disableRipple",color:"color"},features:[ie],decls:10,vars:17,consts:[["matRipple","",1,"mat-step-header-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled"],[1,"mat-step-icon-content"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"mat-step-label"],[1,"mat-step-text-label"],[1,"mat-step-optional"],[1,"mat-step-sub-label-error"],["aria-hidden","true"],[1,"cdk-visually-hidden"],[3,"ngTemplateOutlet"]],template:function(t,i){if(t&1&&(_(0,"div",0),a(1,"div")(2,"div",1),y(3,io,1,6,"ng-container",2)(4,so,2,1),r()(),a(5,"div",3),y(6,lo,2,1,"div",4)(7,co,2,1,"div",4),y(8,mo,2,1,"div",5),y(9,po,2,1,"div",6),r()),t&2){let o;h("matRippleTrigger",i._getHostElement())("matRippleDisabled",i.disableRipple),l(),ve(_i("mat-step-icon-state-",i.state," mat-step-icon")),P("mat-step-icon-selected",i.selected),l(2),C(i.iconOverrides&&i.iconOverrides[i.state]?3:4),l(2),P("mat-step-label-active",i.active)("mat-step-label-selected",i.selected)("mat-step-label-error",i.state=="error"),l(),C((o=i._templateLabel())?6:i._stringLabel()?7:-1,o),l(2),C(i._hasOptionalLabel()?8:-1),l(),C(i._hasErrorLabel()?9:-1)}},dependencies:[Le,Wt,Di],styles:[`.mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:""}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-header-empty-label .mat-step-label{min-width:0}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-done-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}
|
|
10
|
-
`],encapsulation:2,changeDetection:0})}return n})(),Mo=(()=>{class n{templateRef=m(we);name;constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matStepperIcon",""]],inputs:{name:[0,"matStepperIcon","name"]}})}return n})(),ko=(()=>{class n{_template=m(we);constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matStepContent",""]]})}return n})(),ti=(()=>{class n extends Lt{_errorStateMatcher=m(qt,{skipSelf:!0});_viewContainerRef=m(dt);_isSelected=Be.EMPTY;stepLabel=void 0;color;_lazyContent;_portal;ngAfterContentInit(){this._isSelected=this._stepper.steps.changes.pipe(di(()=>this._stepper.selectionChange.pipe(ri(e=>e.selectedStep===this),me(this._stepper.selected===this)))).subscribe(e=>{e&&this._lazyContent&&!this._portal&&(this._portal=new St(this._lazyContent._template,this._viewContainerRef))})}ngOnDestroy(){this._isSelected.unsubscribe()}isErrorState(e,t){let i=this._errorStateMatcher.isErrorState(e,t),o=!!(e&&e.invalid&&this.interacted);return i||o}static \u0275fac=(()=>{let e;return function(i){return(e||(e=Pe(n)))(i||n)}})();static \u0275cmp=M({type:n,selectors:[["mat-step"]],contentQueries:function(t,i,o){if(t&1&&(F(o,ot,5),F(o,ko,5)),t&2){let d;k(d=T())&&(i.stepLabel=d.first),k(d=T())&&(i._lazyContent=d.first)}},hostAttrs:["hidden",""],inputs:{color:"color"},exportAs:["matStep"],features:[Q([{provide:qt,useExisting:n},{provide:Lt,useExisting:n}]),ie],ngContentSelectors:Wn,decls:1,vars:0,consts:[[3,"cdkPortalOutlet"]],template:function(t,i){t&1&&(Y(),U(0,uo,2,1,"ng-template"))},dependencies:[xt],encapsulation:2,changeDetection:0})}return n})(),jn=(()=>{class n extends Je{_ngZone=m(Me);_renderer=m(Ne);_animationsDisabled=De();_cleanupTransition;_isAnimating=V(!1);_stepHeader=void 0;_animatedContainers;_steps=void 0;steps=new Ve;_icons;animationDone=new I;disableRipple;color;labelPosition="end";headerPosition="top";_iconOverrides={};get animationDuration(){return this._animationDuration}set animationDuration(e){this._animationDuration=/^\d+$/.test(e)?e+"ms":e}_animationDuration="";_isServer=!m(qe).isBrowser;constructor(){super();let t=m(q).nativeElement.nodeName.toLowerCase();this.orientation=t==="mat-vertical-stepper"?"vertical":"horizontal"}ngAfterContentInit(){super.ngAfterContentInit(),this._icons.forEach(({name:e,templateRef:t})=>this._iconOverrides[e]=t),this.steps.changes.pipe(Se(this._destroyed)).subscribe(()=>this._stateChanged()),this.selectedIndexChange.pipe(Se(this._destroyed)).subscribe(()=>{let e=this._getAnimationDuration();e==="0ms"||e==="0s"?this._onAnimationDone():this._isAnimating.set(!0)}),this._ngZone.runOutsideAngular(()=>{this._animationsDisabled||setTimeout(()=>{this._elementRef.nativeElement.classList.add("mat-stepper-animations-enabled"),this._cleanupTransition=this._renderer.listen(this._elementRef.nativeElement,"transitionend",this._handleTransitionend)},200)})}ngAfterViewInit(){if(super.ngAfterViewInit(),typeof queueMicrotask=="function"){let e=!1;this._animatedContainers.changes.pipe(me(null),Se(this._destroyed)).subscribe(()=>queueMicrotask(()=>{e||(e=!0,this.animationDone.emit()),this._stateChanged()}))}}ngOnDestroy(){super.ngOnDestroy(),this._cleanupTransition?.()}_getAnimationDuration(){return this._animationsDisabled?"0ms":this.animationDuration?this.animationDuration:this.orientation==="horizontal"?"500ms":"225ms"}_handleTransitionend=e=>{let t=e.target;if(!t)return;let i=this.orientation==="horizontal"&&e.propertyName==="transform"&&t.classList.contains("mat-horizontal-stepper-content-current"),o=this.orientation==="vertical"&&e.propertyName==="grid-template-rows"&&t.classList.contains("mat-vertical-content-container-active");(i||o)&&this._animatedContainers.find(c=>c.nativeElement===t)&&this._onAnimationDone()};_onAnimationDone(){this._isAnimating.set(!1),this.animationDone.emit()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-stepper"],["mat-vertical-stepper"],["mat-horizontal-stepper"],["","matStepper",""]],contentQueries:function(t,i,o){if(t&1&&(F(o,ti,5),F(o,Mo,5)),t&2){let d;k(d=T())&&(i._steps=d),k(d=T())&&(i._icons=d)}},viewQuery:function(t,i){if(t&1&&(L(Hn,5),L(go,5)),t&2){let o;k(o=T())&&(i._stepHeader=o),k(o=T())&&(i._animatedContainers=o)}},hostAttrs:["role","tablist"],hostVars:15,hostBindings:function(t,i){t&2&&(N("aria-orientation",i.orientation),We("--mat-stepper-animation-duration",i._getAnimationDuration()),P("mat-stepper-horizontal",i.orientation==="horizontal")("mat-stepper-vertical",i.orientation==="vertical")("mat-stepper-label-position-end",i.orientation==="horizontal"&&i.labelPosition=="end")("mat-stepper-label-position-bottom",i.orientation==="horizontal"&&i.labelPosition=="bottom")("mat-stepper-header-position-bottom",i.headerPosition==="bottom")("mat-stepper-animating",i._isAnimating()))},inputs:{disableRipple:"disableRipple",color:"color",labelPosition:"labelPosition",headerPosition:"headerPosition",animationDuration:"animationDuration"},outputs:{animationDone:"animationDone"},exportAs:["matStepper","matVerticalStepper","matHorizontalStepper"],features:[Q([{provide:Je,useExisting:n}]),ie],ngContentSelectors:Wn,decls:5,vars:2,consts:[["stepTemplate",""],["animatedContainer",""],[1,"mat-horizontal-stepper-wrapper"],[1,"mat-horizontal-stepper-header-container"],[1,"mat-horizontal-content-container"],["role","tabpanel",1,"mat-horizontal-stepper-content",3,"id","class"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"mat-stepper-horizontal-line"],["role","tabpanel",1,"mat-horizontal-stepper-content",3,"id"],[3,"ngTemplateOutlet"],[1,"mat-step"],[1,"mat-vertical-content-container"],["role","tabpanel",1,"mat-vertical-stepper-content",3,"id"],[1,"mat-vertical-content"],[3,"click","keydown","tabIndex","id","index","state","label","selected","active","optional","errorMessage","iconOverrides","disableRipple","color"]],template:function(t,i){if(t&1&&(Y(),y(0,_o,1,0),y(1,yo,7,0,"div",2)(2,So,2,0),U(3,xo,1,23,"ng-template",null,0,yi)),t&2){let o;C(i._isServer?0:-1),l(),C((o=i.orientation)==="horizontal"?1:o==="vertical"?2:-1)}},dependencies:[Wt,Hn],styles:[`.mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:"";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:"";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}
|
|
11
|
-
`],encapsulation:2,changeDetection:0})}return n})(),qn=(()=>{class n extends Bn{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Pe(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["button","matStepperNext",""]],hostAttrs:[1,"mat-stepper-next"],hostVars:1,hostBindings:function(t,i){t&2&&ke("type",i.type)},features:[ie]})}return n})(),Xn=(()=>{class n extends Un{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Pe(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["button","matStepperPrevious",""]],hostAttrs:[1,"mat-stepper-previous"],hostVars:1,hostBindings:function(t,i){t&2&&ke("type",i.type)},features:[ie]})}return n})();var To=()=>[5,10,25,100];function Eo(n,p){n&1&&(a(0,"mat-header-cell",29),s(1," Path "),r())}function Do(n,p){if(n&1&&(a(0,"mat-cell",30),s(1),r()),n&2){let e=p.$implicit;l(),ae(" ",e.path," ")}}function Io(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Source "),r())}function Ro(n,p){if(n&1&&(a(0,"mat-cell",32),s(1),r()),n&2){let e=p.$implicit;l(),ae(" ",e.pathSource," ")}}function Ao(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Time Scale "),r())}function Po(n,p){if(n&1&&(a(0,"mat-cell",33),s(1),r()),n&2){let e=p.$implicit;l(),ae(" ",e.timeScaleFormat," ")}}function Vo(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Duration "),r())}function No(n,p){if(n&1&&(a(0,"mat-cell",33),s(1),r()),n&2){let e=p.$implicit;l(),ae(" ",e.period," ")}}function Oo(n,p){n&1&&_(0,"mat-header-cell",34)}function Fo(n,p){if(n&1){let e=A();a(0,"mat-cell",35)(1,"button",36),b("click",function(){let i=u(e).$implicit,o=v();return g(o.openDatasetModal(i.uuid))}),s(2,"Edit"),r(),a(3,"button",36),b("click",function(){let i=u(e).$implicit,o=v();return g(o.deleteDataset(i.uuid))}),s(4,"Delete"),r()()}}function Lo(n,p){n&1&&_(0,"mat-header-row",37)}function zo(n,p){n&1&&_(0,"mat-row",38)}function Bo(n,p){if(n&1&&(a(0,"mat-row"),s(1),r()),n&2){v();let e=R(9);l(),ae(' No data matching the filter "',e.value,'" ')}}function Uo(n,p){n&1&&s(0,"Source Data")}function Ho(n,p){if(n&1&&(a(0,"mat-option",7),s(1),r()),n&2){let e=p.$implicit;h("value",e),l(),ae(" ",e," ")}}function Wo(n,p){if(n&1&&(a(0,"mat-option",7),s(1),r()),n&2){let e=p.$implicit;h("value",e),l(),ae(" ",e," ")}}function Qo(n,p){n&1&&s(0,"Sampling")}var Kn="[_nghost-%COMP%]{display:block;height:100%;width:100%}.content-area[_ngcontent-%COMP%]{height:calc(100% - 63px);overflow-y:auto;width:100%;scroll-behavior:smooth}.filter[_ngcontent-%COMP%]{margin-bottom:10px}.buttons[_ngcontent-%COMP%]{margin-top:10px}.mat-column-actions[_ngcontent-%COMP%]{text-align:end}.buttons[_ngcontent-%COMP%]{margin-right:5px}.pathCell[_ngcontent-%COMP%], .pathHeader[_ngcontent-%COMP%]{flex:1 1 50%}.dataHeader[_ngcontent-%COMP%], .dataCell[_ngcontent-%COMP%]{flex:1 1 10%;justify-content:center}.actionHeader[_ngcontent-%COMP%]{flex:1 1 20%}.actionCell[_ngcontent-%COMP%]{flex:1 1 20%;justify-content:end}@media screen and (max-width: 750px){.pathHeader[_ngcontent-%COMP%], .dataHeader[_ngcontent-%COMP%]{flex:1 1 30%}.actionHeader[_ngcontent-%COMP%]{display:none}.mat-mdc-table[_ngcontent-%COMP%] .mat-mdc-cell[_ngcontent-%COMP%]:before{content:attr(data-label);float:left;padding-right:5px}mat-row[_ngcontent-%COMP%]:after{min-height:auto;padding-bottom:10px}.dataRow[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}.dataCell[_ngcontent-%COMP%], .actionCell[_ngcontent-%COMP%]{margin-left:24px}}",Zn=(()=>{class n{paginator=re(Rt);sort=re(At);pageTitle="Datasets";selectedDataset;tableData=new bn([]);displayedColumns=["path","pathSource","timeScaleFormat","period","actions"];dialog=m(wt);cdRef=m(z);dsService=m($i);ngOnInit(){this.loadDatasets()}loadDatasets(){this.tableData.data=this.dsService.list().filter(e=>e.editable!==!1)}ngAfterViewInit(){this.tableData.paginator=this.paginator(),this.tableData.sort=this.sort(),this.tableData.filter="",this.cdRef.detectChanges()}openDatasetModal(e){let t;if(e){let i=et(this.tableData.data.find(o=>o.uuid===e));i&&(t=this.dialog.open(Gn,{data:i,disableClose:!1}))}else t=this.dialog.open(Gn,{disableClose:!1});t.afterClosed().subscribe(i=>{i===void 0||!i||(i.label=`${i.path}, Source: ${i.pathSource}, Scale: ${i.timeScaleFormat}, Period: ${i.period} `,i.uuid?this.editDataset(i):this.addDataset(i),this.loadDatasets())})}addDataset(e){this.dsService.create(e.path,e.pathSource,e.timeScaleFormat,e.period,e.label,!0,!0),this.loadDatasets()}editDataset(e){this.dsService.edit(e),this.loadDatasets()}deleteDataset(e){this.dsService.remove(e),this.loadDatasets()}trackByUuid(e,t){return`${t.uuid}`}applyFilter(e){let t=e.target.value;this.tableData.filter=t.trim().toLowerCase(),this.tableData.paginator&&this.tableData.paginator.firstPage()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-datasets"]],viewQuery:function(t,i){t&1&&(ne(i.paginator,Rt,5),ne(i.sort,At,5)),t&2&&Te(2)},decls:36,vars:7,consts:[["existingDataSet","ngForm"],["input",""],[1,"content-area"],["name","existingDataSet",1,"page-content-wrapper","content-area"],[1,"mat-card-subtitle","description-text"],[1,"filter"],["matInput","","placeholder","Ex: navigation","value","",3,"keyup"],[1,"mat-elevation-z8","full-width","table-container"],["matSort","","matSortActive","path","matSortDirection","asc",1,"full-display",3,"dataSource","trackBy"],["matColumnDef","path"],["class","pathHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","pathCell","data-label","Path: ",4,"matCellDef"],["matColumnDef","pathSource"],["class","dataHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","dataCell","data-label","Source: ",4,"matCellDef"],["matColumnDef","timeScaleFormat"],["class","dataCell","data-label","Scale: ",4,"matCellDef"],["matColumnDef","period"],["matColumnDef","actions"],["class","actionHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","actionCell",4,"matCellDef"],["class","headerRow",4,"matHeaderRowDef","matHeaderRowDefSticky"],["class","dataRow",4,"matRowDef","matRowDefColumns"],[4,"matNoDataRow"],[1,"paginator"],["pageSize","5",3,"pageSizeOptions"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","",1,"formActionButton",3,"click"],["mat-sort-header","",1,"pathHeader"],["data-label","Path: ",1,"pathCell"],["mat-sort-header","",1,"dataHeader"],["data-label","Source: ",1,"dataCell"],["data-label","Scale: ",1,"dataCell"],["mat-sort-header","",1,"actionHeader"],[1,"actionCell"],["mat-raised-button","","color","accent",1,"small-button","buttons",3,"click"],[1,"headerRow"],[1,"dataRow"]],template:function(t,i){if(t&1){let o=A();a(0,"div",2)(1,"form",3,0)(3,"p",4),s(4,"Datasets are background processes that record path values over time. Combine with the Data Chart widget they offer data visualization graphs. Care should be applied to manage Datasets and evaluate system resources usage. "),r(),a(5,"mat-form-field",5)(6,"mat-label"),s(7,"Filter"),r(),a(8,"input",6,1),b("keyup",function(c){return u(o),g(i.applyFilter(c))}),r()(),a(10,"div",7)(11,"mat-table",8),Ue(12,9),U(13,Eo,2,0,"mat-header-cell",10)(14,Do,2,1,"mat-cell",11),He(),Ue(15,12),U(16,Io,2,0,"mat-header-cell",13)(17,Ro,2,1,"mat-cell",14),He(),Ue(18,15),U(19,Ao,2,0,"mat-header-cell",13)(20,Po,2,1,"mat-cell",16),He(),Ue(21,17),U(22,Vo,2,0,"mat-header-cell",13)(23,No,2,1,"mat-cell",16),He(),Ue(24,18),U(25,Oo,1,0,"mat-header-cell",19)(26,Fo,5,0,"mat-cell",20),He(),U(27,Lo,1,0,"mat-header-row",21)(28,zo,1,0,"mat-row",22)(29,Bo,2,1,"mat-row",23),r()(),a(30,"div",24),_(31,"mat-paginator",25),r(),a(32,"div",26),_(33,"mat-divider",27),a(34,"button",28),b("click",function(){return u(o),g(i.openDatasetModal())}),s(35,"Add"),r()()()()}t&2&&(l(11),h("dataSource",i.tableData)("trackBy",i.trackByUuid),l(16),h("matHeaderRowDef",i.displayedColumns)("matHeaderRowDefSticky",!0),l(),h("matRowDefColumns",i.displayedColumns),l(3),h("pageSizeOptions",oe(6,To)))},dependencies:[$,Z,K,se,de,le,Ce,sn,At,cn,dn,mn,vn,ln,pn,G,hn,gn,un,_n,fn,Rt,ce],styles:[Kn]})}return n})(),Gn=(()=>{class n{SignalKDataService=m(Ge);dialogRef=m(Pi);dataset=m(Vi);titleDialog=null;newDataset={uuid:null,path:null,pathSource:null,baseUnit:null,timeScaleFormat:"second",period:10,label:null};formDataset=null;availablePaths=[];availableSources=[];filterSelfPaths=!0;ngOnInit(){if(this.dataset){this.titleDialog="Edit Dataset",this.formDataset=this.dataset;let e=this.SignalKDataService.getPathObject(this.formDataset.path);e!==null&&(this.availableSources=["default"].concat(Object.keys(e.sources)))}else this.titleDialog="Add Dataset",this.formDataset=this.newDataset;this.availablePaths=this.SignalKDataService.getPathsByType("number").sort()}changePath(){let e=this.SignalKDataService.getPathObject(this.formDataset.path);e!==null&&(this.availableSources=["default"].concat(Object.keys(e.sources)),this.formDataset.pathSource="default")}closeForm(){this.dialogRef.close(this.formDataset)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-datasets-modal"]],decls:67,vars:11,consts:[["datasetForm","ngForm"],["mat-dialog-title",""],["name","datasetForm",3,"ngSubmit"],["matStepLabel",""],[1,"tab-content"],[1,"full-width"],["placeholder","Select data path","name","selectedPath","required","",3,"ngModelChange","ngModel"],[3,"value"],["name","filterSelfPaths",3,"ngModelChange","ngModel"],["placeholder","Select data source","name","selectedSource","required","",3,"ngModelChange","ngModel"],[1,"buttons"],["type","button","mat-raised-button","","color","accent","matStepperNext","",3,"disabled"],[1,"mat-subtitle-1"],[1,"flex-container",2,"margin-top","10px"],[1,"flex-field-50"],["placeholder","Select dataset time scale","name","timeScaleFormat","required","",3,"ngModelChange","ngModel"],["value","hour"],["value","minute"],["value","second"],["matInput","","type","number","min","1","max","60","step","1","placeholder","Enter or select number...","name","period","required","",3,"ngModelChange","ngModel"],[2,"margin-top","10px"],["type","button","mat-raised-button","","color","accent","matStepperPrevious","",1,"buttons"],["mat-raised-button","","type","submit","color","accent",1,"buttons",3,"disabled"]],template:function(t,i){if(t&1){let o=A();a(0,"h6",1),s(1),r(),a(2,"mat-dialog-content")(3,"form",2,0),b("ngSubmit",function(){return u(o),g(i.closeForm())}),a(5,"mat-horizontal-stepper")(6,"mat-step"),U(7,Uo,1,0,"ng-template",3),a(8,"div",4)(9,"mat-form-field",5)(10,"mat-label"),s(11,"Signal K Path"),r(),a(12,"mat-select",6),w("ngModelChange",function(c){return u(o),x(i.formDataset.path,c)||(i.formDataset.path=c),g(c)}),b("ngModelChange",function(){return u(o),g(i.changePath())}),H(13,Ho,2,2,"mat-option",7,be),pt(15,"filterSelf"),r()(),a(16,"mat-checkbox",8),w("ngModelChange",function(c){return u(o),x(i.filterSelfPaths,c)||(i.filterSelfPaths=c),g(c)}),s(17," Restrict to own vessel "),r(),_(18,"br")(19,"br"),a(20,"mat-form-field",5)(21,"mat-label"),s(22,"Source"),r(),a(23,"mat-select",9),w("ngModelChange",function(c){return u(o),x(i.formDataset.pathSource,c)||(i.formDataset.pathSource=c),g(c)}),H(24,Wo,2,2,"mat-option",7,be),r()()(),_(26,"mat-divider"),a(27,"div",10)(28,"button",11),s(29," Next "),r()()(),a(30,"mat-step"),U(31,Qo,1,0,"ng-template",3),a(32,"div",4)(33,"span",12),s(34,"Time Scales"),r(),a(35,"div",13)(36,"div",14)(37,"mat-form-field",5)(38,"mat-label"),s(39,"Scale"),r(),a(40,"mat-select",15),w("ngModelChange",function(c){return u(o),x(i.formDataset.timeScaleFormat,c)||(i.formDataset.timeScaleFormat=c),g(c)}),a(41,"mat-option",16),s(42,"Hours"),r(),a(43,"mat-option",17),s(44,"Minutes"),r(),a(45,"mat-option",18),s(46,"Seconds"),r()()()(),a(47,"div",14)(48,"mat-form-field",5)(49,"mat-label"),s(50,"Duration"),r(),a(51,"input",19),w("ngModelChange",function(c){return u(o),x(i.formDataset.period,c)||(i.formDataset.period=c),g(c)}),r()()()(),a(52,"p",20),s(53,"Time scales define the data sampling rate and overall Dataset level of precision. Select a Time Scale that is targeted to your intended usage. Shorter Time Scales have higher system resources costs, for both the data capture and widget rendering process. "),r(),a(54,"ul")(55,"li"),s(56,"Hours: per minute sampling rate. Intended for long sampling periods when slow refresh rate is acceptable and system resource usage should be minimized. Grafana is the perfect alternative to this Time Scale. "),r(),a(57,"li"),s(58,"Minutes: per second sampling rate. Meant for trends observations such wind speed, depth, solar power, voltage, etc. "),r(),a(59,"li"),s(60,"Secondes: 200ms sampling rate. Intended for use cases where user may act upon realtime information such as when racing. "),r()()(),_(61,"mat-divider"),a(62,"div",10)(63,"button",21),s(64," Back "),r(),a(65,"button",22),s(66," Save "),r()()()()()()}if(t&2){let o=R(4);l(),ae(" ",i.titleDialog," "),l(11),S("ngModel",i.formDataset.path),l(),W(vi(15,8,i.availablePaths,i.filterSelfPaths)),l(3),S("ngModel",i.filterSelfPaths),l(7),S("ngModel",i.formDataset.pathSource),l(),W(i.availableSources),l(4),h("disabled",!i.formDataset.path),l(12),S("ngModel",i.formDataset.timeScaleFormat),l(11),S("ngModel",i.formDataset.period),l(14),h("disabled",!o.valid)}},dependencies:[Ki,Ni,Oi,$,Z,Re,Hi,ee,K,fe,Qi,Wi,_e,se,jn,ti,ot,de,le,Ze,Ke,Ae,ce,G,qn,Ce,Xn,zn],styles:[Kn]})}return n})();var hc=(()=>{class n{pageTitle="Settings";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["tabs"]],decls:14,vars:1,consts:[[3,"pageTitle"],[1,"content-area"],["label","Connectivity"],[1,"tab-content"],["label","Display"],["label","Notifications"],["label","Units"],["label","Dataset"],["label","Configuration"]],template:function(t,i){t&1&&(_(0,"page-header",0),a(1,"mat-tab-group",1)(2,"mat-tab",2),_(3,"settings-signalk",3),r(),a(4,"mat-tab",4),_(5,"settings-display",3),r(),a(6,"mat-tab",5),_(7,"settings-notifications",3),r(),a(8,"mat-tab",6),_(9,"settings-units",3),r(),a(10,"mat-tab",7),_(11,"settings-datasets",3),r(),a(12,"mat-tab",8),_(13,"settings-config",3),r()()),t&2&&h("pageTitle",i.pageTitle)},dependencies:[en,Yi,An,In,yn,Fn,Ln,rn,Zn],styles:["[_nghost-%COMP%]{display:block;height:100%;width:100%}.content-area[_ngcontent-%COMP%]{height:calc(100% - 63px);overflow:hidden;width:100%;padding:0 24px}.tab-content[_ngcontent-%COMP%]{overflow-y:auto;width:100%;scroll-behavior:smooth;display:block}"]})}return n})();export{hc as TabsComponent};
|
|
7
|
+
`,i.streamStatus.message,", ",i.streamStatus.hasToken?"Logged In":"Readonly")}},dependencies:[$,Z,Pe,ee,G,fe,qi,_e,se,de,le,Se,Ki,$e,Ue,sn,K],styles:[".server-status[_ngcontent-%COMP%]{background-color:var(--kip-contrast-dimmer-color);margin:1% 5% 0%;padding:10px 20px 20px}.flex-item-chart[_ngcontent-%COMP%]{flex:1 1 250px;position:relative;margin:0;height:150px;width:100%;border:2px inset;border-color:var(--kip-contrast-color)}.connect-btn[_ngcontent-%COMP%]{margin-left:15px}.credentials-btn[_ngcontent-%COMP%]{margin:7px 0 4px 20px}.connect-table[_ngcontent-%COMP%]{width:100%;vertical-align:middle}.connectUrlInput[_ngcontent-%COMP%], .url-cell[_ngcontent-%COMP%]{width:100%}.connect-cell[_ngcontent-%COMP%]{width:fit-content;vertical-align:middle}.flex-item-detail[_ngcontent-%COMP%]{flex:0 0 290px}.fit[_ngcontent-%COMP%]{width:fit-content}tr[_ngcontent-%COMP%]{vertical-align:top}.tableCellLabel[_ngcontent-%COMP%]{display:table-cell;text-align:right;padding:5px}.tableCellData[_ngcontent-%COMP%]{display:table-cell;margin:0!important;padding:5px}.activity-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;gap:10px}.activity-graph-container[_ngcontent-%COMP%]{height:100px;width:230px;padding:23px 0 0 15px}.activity-graph[_ngcontent-%COMP%]{border:1px solid var(--mat-sys-outline-variant);background-color:var(--mat-sys-background)}.info-container[_ngcontent-%COMP%]{height:123px;align-content:center;font-size:11px}"]})}return n})();var Ma=["knob"],ka=["valueIndicatorContainer"];function Ta(n,p){if(n&1&&(a(0,"div",2,1)(2,"div",5)(3,"span",6),s(4),r()()()),n&2){let e=v();d(4),X(e.valueIndicatorText)}}var Ea=["trackActive"],Da=["*"];function Ia(n,p){if(n&1&&_(0,"div"),n&2){let e=p.$implicit,t=p.$index,i=v(3);ve(e===0?"mdc-slider__tick-mark--active":"mdc-slider__tick-mark--inactive"),qe("transform",i._calcTickMarkTransform(t))}}function Ra(n,p){if(n&1&&H(0,Ia,1,4,"div",8,ct),n&2){let e=v(2);W(e._tickMarks)}}function Pa(n,p){if(n&1&&(a(0,"div",6,1),y(2,Ra,2,0),r()),n&2){let e=v();d(2),S(e._cachedWidth?2:-1)}}function Aa(n,p){if(n&1&&_(0,"mat-slider-visual-thumb",7),n&2){let e=v();h("discrete",e.discrete)("thumbPosition",1)("valueIndicatorText",e.startValueIndicatorText)}}var f=(function(n){return n[n.START=1]="START",n[n.END=2]="END",n})(f||{}),Je=(function(n){return n[n.ACTIVE=0]="ACTIVE",n[n.INACTIVE=1]="INACTIVE",n})(Je||{}),Jt=new B("_MatSlider"),Nn=new B("_MatSliderThumb"),Va=new B("_MatSliderRangeThumb"),On=new B("_MatSliderVisualThumb");var Na=(()=>{class n{_cdr=m(z);_ngZone=m(Me);_slider=m(Jt);_renderer=m(Fe);_listenerCleanups;discrete;thumbPosition;valueIndicatorText;_ripple;_knob;_valueIndicatorContainer;_sliderInput;_sliderInputEl;_hoverRippleRef;_focusRippleRef;_activeRippleRef;_isHovered=!1;_isActive=!1;_isValueIndicatorVisible=!1;_hostElement=m(q).nativeElement;_platform=m(Ke);constructor(){}ngAfterViewInit(){let e=this._slider._getInput(this.thumbPosition);e&&(this._ripple.radius=24,this._sliderInput=e,this._sliderInputEl=this._sliderInput._hostElement,this._ngZone.runOutsideAngular(()=>{let t=this._sliderInputEl,i=this._renderer;this._listenerCleanups=[i.listen(t,"pointermove",this._onPointerMove),i.listen(t,"pointerdown",this._onDragStart),i.listen(t,"pointerup",this._onDragEnd),i.listen(t,"pointerleave",this._onMouseLeave),i.listen(t,"focus",this._onFocus),i.listen(t,"blur",this._onBlur)]}))}ngOnDestroy(){this._listenerCleanups?.forEach(e=>e())}_onPointerMove=e=>{if(this._sliderInput._isFocused)return;let t=this._hostElement.getBoundingClientRect(),i=this._slider._isCursorOnSliderThumb(e,t);this._isHovered=i,i?this._showHoverRipple():this._hideRipple(this._hoverRippleRef)};_onMouseLeave=()=>{this._isHovered=!1,this._hideRipple(this._hoverRippleRef)};_onFocus=()=>{this._hideRipple(this._hoverRippleRef),this._showFocusRipple(),this._hostElement.classList.add("mdc-slider__thumb--focused")};_onBlur=()=>{this._isActive||this._hideRipple(this._focusRippleRef),this._isHovered&&this._showHoverRipple(),this._hostElement.classList.remove("mdc-slider__thumb--focused")};_onDragStart=e=>{e.button===0&&(this._isActive=!0,this._showActiveRipple())};_onDragEnd=()=>{this._isActive=!1,this._hideRipple(this._activeRippleRef),this._sliderInput._isFocused||this._hideRipple(this._focusRippleRef),this._platform.SAFARI&&this._showHoverRipple()};_showHoverRipple(){this._isShowingRipple(this._hoverRippleRef)||(this._hoverRippleRef=this._showRipple({enterDuration:0,exitDuration:0}),this._hoverRippleRef?.element.classList.add("mat-mdc-slider-hover-ripple"))}_showFocusRipple(){this._isShowingRipple(this._focusRippleRef)||(this._focusRippleRef=this._showRipple({enterDuration:0,exitDuration:0},!0),this._focusRippleRef?.element.classList.add("mat-mdc-slider-focus-ripple"))}_showActiveRipple(){this._isShowingRipple(this._activeRippleRef)||(this._activeRippleRef=this._showRipple({enterDuration:225,exitDuration:400}),this._activeRippleRef?.element.classList.add("mat-mdc-slider-active-ripple"))}_isShowingRipple(e){return e?.state===jt.FADING_IN||e?.state===jt.VISIBLE}_showRipple(e,t){if(!this._slider.disabled&&(this._showValueIndicator(),this._slider._isRange&&this._slider._getThumb(this.thumbPosition===f.START?f.END:f.START)._showValueIndicator(),!(this._slider._globalRippleOptions?.disabled&&!t)))return this._ripple.launch({animation:this._slider._noopAnimations?{enterDuration:0,exitDuration:0}:e,centered:!0,persistent:!0})}_hideRipple(e){if(e?.fadeOut(),this._isShowingAnyRipple())return;this._slider._isRange||this._hideValueIndicator();let t=this._getSibling();t._isShowingAnyRipple()||(this._hideValueIndicator(),t._hideValueIndicator())}_showValueIndicator(){this._hostElement.classList.add("mdc-slider__thumb--with-indicator")}_hideValueIndicator(){this._hostElement.classList.remove("mdc-slider__thumb--with-indicator")}_getSibling(){return this._slider._getThumb(this.thumbPosition===f.START?f.END:f.START)}_getValueIndicatorContainer(){return this._valueIndicatorContainer?.nativeElement}_getKnob(){return this._knob.nativeElement}_isShowingAnyRipple(){return this._isShowingRipple(this._hoverRippleRef)||this._isShowingRipple(this._focusRippleRef)||this._isShowingRipple(this._activeRippleRef)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-slider-visual-thumb"]],viewQuery:function(t,i){if(t&1&&(L(Be,5),L(Ma,5),L(ka,5)),t&2){let o;k(o=T())&&(i._ripple=o.first),k(o=T())&&(i._knob=o.first),k(o=T())&&(i._valueIndicatorContainer=o.first)}},hostAttrs:[1,"mdc-slider__thumb","mat-mdc-slider-visual-thumb"],inputs:{discrete:"discrete",thumbPosition:"thumbPosition",valueIndicatorText:"valueIndicatorText"},features:[Q([{provide:On,useExisting:n}])],decls:4,vars:2,consts:[["knob",""],["valueIndicatorContainer",""],[1,"mdc-slider__value-indicator-container"],[1,"mdc-slider__thumb-knob"],["matRipple","",1,"mat-focus-indicator",3,"matRippleDisabled"],[1,"mdc-slider__value-indicator"],[1,"mdc-slider__value-indicator-text"]],template:function(t,i){t&1&&(y(0,Ta,5,1,"div",2),_(1,"div",3,0)(3,"div",4)),t&2&&(S(i.discrete?0:-1),d(3),h("matRippleDisabled",!0))},dependencies:[Be],styles:[`.mat-mdc-slider-visual-thumb .mat-ripple{height:100%;width:100%}.mat-mdc-slider .mdc-slider__tick-marks{justify-content:start}.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active,.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive{position:absolute;left:2px}
|
|
8
|
+
`],encapsulation:2,changeDetection:0})}return n})(),Fn=(()=>{class n{_ngZone=m(Me);_cdr=m(z);_elementRef=m(q);_dir=m(yt,{optional:!0});_globalRippleOptions=m(Pi,{optional:!0});_trackActive;_thumbs;_input;_inputs;get disabled(){return this._disabled}set disabled(e){this._disabled=e;let t=this._getInput(f.END),i=this._getInput(f.START);t&&(t.disabled=this._disabled),i&&(i.disabled=this._disabled)}_disabled=!1;get discrete(){return this._discrete}set discrete(e){this._discrete=e,this._updateValueIndicatorUIs()}_discrete=!1;get showTickMarks(){return this._showTickMarks}set showTickMarks(e){this._showTickMarks=e,this._hasViewInitialized&&(this._updateTickMarkUI(),this._updateTickMarkTrackUI())}_showTickMarks=!1;get min(){return this._min}set min(e){let t=e==null||isNaN(e)?this._min:e;this._min!==t&&this._updateMin(t)}_min=0;color;disableRipple=!1;_updateMin(e){let t=this._min;this._min=e,this._isRange?this._updateMinRange({old:t,new:e}):this._updateMinNonRange(e),this._onMinMaxOrStepChange()}_updateMinRange(e){let t=this._getInput(f.END),i=this._getInput(f.START),o=t.value,c=i.value;i.min=e.new,t.min=Math.max(e.new,i.value),i.max=Math.min(t.max,t.value),i._updateWidthInactive(),t._updateWidthInactive(),e.new<e.old?this._onTranslateXChangeBySideEffect(t,i):this._onTranslateXChangeBySideEffect(i,t),o!==t.value&&this._onValueChange(t),c!==i.value&&this._onValueChange(i)}_updateMinNonRange(e){let t=this._getInput(f.END);if(t){let i=t.value;t.min=e,t._updateThumbUIByValue(),this._updateTrackUI(t),i!==t.value&&this._onValueChange(t)}}get max(){return this._max}set max(e){let t=e==null||isNaN(e)?this._max:e;this._max!==t&&this._updateMax(t)}_max=100;_updateMax(e){let t=this._max;this._max=e,this._isRange?this._updateMaxRange({old:t,new:e}):this._updateMaxNonRange(e),this._onMinMaxOrStepChange()}_updateMaxRange(e){let t=this._getInput(f.END),i=this._getInput(f.START),o=t.value,c=i.value;t.max=e.new,i.max=Math.min(e.new,t.value),t.min=i.value,t._updateWidthInactive(),i._updateWidthInactive(),e.new>e.old?this._onTranslateXChangeBySideEffect(i,t):this._onTranslateXChangeBySideEffect(t,i),o!==t.value&&this._onValueChange(t),c!==i.value&&this._onValueChange(i)}_updateMaxNonRange(e){let t=this._getInput(f.END);if(t){let i=t.value;t.max=e,t._updateThumbUIByValue(),this._updateTrackUI(t),i!==t.value&&this._onValueChange(t)}}get step(){return this._step}set step(e){let t=isNaN(e)?this._step:e;this._step!==t&&this._updateStep(t)}_step=1;_updateStep(e){this._step=e,this._isRange?this._updateStepRange():this._updateStepNonRange(),this._onMinMaxOrStepChange()}_updateStepRange(){let e=this._getInput(f.END),t=this._getInput(f.START),i=e.value,o=t.value,c=t.value;e.min=this._min,t.max=this._max,e.step=this._step,t.step=this._step,this._platform.SAFARI&&(e.value=e.value,t.value=t.value),e.min=Math.max(this._min,t.value),t.max=Math.min(this._max,e.value),t._updateWidthInactive(),e._updateWidthInactive(),e.value<c?this._onTranslateXChangeBySideEffect(t,e):this._onTranslateXChangeBySideEffect(e,t),i!==e.value&&this._onValueChange(e),o!==t.value&&this._onValueChange(t)}_updateStepNonRange(){let e=this._getInput(f.END);if(e){let t=e.value;e.step=this._step,this._platform.SAFARI&&(e.value=e.value),e._updateThumbUIByValue(),t!==e.value&&this._onValueChange(e)}}displayWith=e=>`${e}`;_tickMarks;_noopAnimations=Ie();_dirChangeSubscription;_resizeObserver;_cachedWidth;_cachedLeft;_rippleRadius=24;startValueIndicatorText="";endValueIndicatorText="";_endThumbTransform;_startThumbTransform;_isRange=!1;_isRtl=!1;_hasViewInitialized=!1;_tickMarkTrackWidth=0;_hasAnimation=!1;_resizeTimer=null;_platform=m(Ke);constructor(){m(De).load(Re),this._dir&&(this._dirChangeSubscription=this._dir.change.subscribe(()=>this._onDirChange()),this._isRtl=this._dir.value==="rtl")}_knobRadius=8;_inputPadding;ngAfterViewInit(){this._platform.isBrowser&&this._updateDimensions();let e=this._getInput(f.END),t=this._getInput(f.START);this._isRange=!!e&&!!t,this._cdr.detectChanges();let i=this._getThumb(f.END);this._rippleRadius=i._ripple.radius,this._inputPadding=this._rippleRadius-this._knobRadius,this._isRange?this._initUIRange(e,t):this._initUINonRange(e),this._updateTrackUI(e),this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._observeHostResize(),this._cdr.detectChanges()}_initUINonRange(e){e.initProps(),e.initUI(),this._updateValueIndicatorUI(e),this._hasViewInitialized=!0,e._updateThumbUIByValue()}_initUIRange(e,t){e.initProps(),e.initUI(),t.initProps(),t.initUI(),e._updateMinMax(),t._updateMinMax(),e._updateStaticStyles(),t._updateStaticStyles(),this._updateValueIndicatorUIs(),this._hasViewInitialized=!0,e._updateThumbUIByValue(),t._updateThumbUIByValue()}ngOnDestroy(){this._dirChangeSubscription.unsubscribe(),this._resizeObserver?.disconnect(),this._resizeObserver=null}_onDirChange(){this._isRtl=this._dir?.value==="rtl",this._isRange?this._onDirChangeRange():this._onDirChangeNonRange(),this._updateTickMarkUI()}_onDirChangeRange(){let e=this._getInput(f.END),t=this._getInput(f.START);e._setIsLeftThumb(),t._setIsLeftThumb(),e.translateX=e._calcTranslateXByValue(),t.translateX=t._calcTranslateXByValue(),e._updateStaticStyles(),t._updateStaticStyles(),e._updateWidthInactive(),t._updateWidthInactive(),e._updateThumbUIByValue(),t._updateThumbUIByValue()}_onDirChangeNonRange(){this._getInput(f.END)._updateThumbUIByValue()}_observeHostResize(){typeof ResizeObserver>"u"||!ResizeObserver||this._ngZone.runOutsideAngular(()=>{this._resizeObserver=new ResizeObserver(()=>{this._isActive()||(this._resizeTimer&&clearTimeout(this._resizeTimer),this._onResize())}),this._resizeObserver.observe(this._elementRef.nativeElement)})}_isActive(){return this._getThumb(f.START)._isActive||this._getThumb(f.END)._isActive}_getValue(e=f.END){let t=this._getInput(e);return t?t.value:this.min}_skipUpdate(){return!!(this._getInput(f.START)?._skipUIUpdate||this._getInput(f.END)?._skipUIUpdate)}_updateDimensions(){this._cachedWidth=this._elementRef.nativeElement.offsetWidth,this._cachedLeft=this._elementRef.nativeElement.getBoundingClientRect().left}_setTrackActiveStyles(e){let t=this._trackActive.nativeElement.style;t.left=e.left,t.right=e.right,t.transformOrigin=e.transformOrigin,t.transform=e.transform}_calcTickMarkTransform(e){let t=e*(this._tickMarkTrackWidth/(this._tickMarks.length-1));return`translateX(${this._isRtl?this._cachedWidth-6-t:t}px`}_onTranslateXChange(e){this._hasViewInitialized&&(this._updateThumbUI(e),this._updateTrackUI(e),this._updateOverlappingThumbUI(e))}_onTranslateXChangeBySideEffect(e,t){this._hasViewInitialized&&(e._updateThumbUIByValue(),t._updateThumbUIByValue())}_onValueChange(e){this._hasViewInitialized&&(this._updateValueIndicatorUI(e),this._updateTickMarkUI(),this._cdr.detectChanges())}_onMinMaxOrStepChange(){this._hasViewInitialized&&(this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._cdr.markForCheck())}_onResize(){if(this._hasViewInitialized){if(this._updateDimensions(),this._isRange){let e=this._getInput(f.END),t=this._getInput(f.START);e._updateThumbUIByValue(),t._updateThumbUIByValue(),e._updateStaticStyles(),t._updateStaticStyles(),e._updateMinMax(),t._updateMinMax(),e._updateWidthInactive(),t._updateWidthInactive()}else{let e=this._getInput(f.END);e&&e._updateThumbUIByValue()}this._updateTickMarkUI(),this._updateTickMarkTrackUI(),this._cdr.detectChanges()}}_thumbsOverlap=!1;_areThumbsOverlapping(){let e=this._getInput(f.START),t=this._getInput(f.END);return!e||!t?!1:t.translateX-e.translateX<20}_updateOverlappingThumbClassNames(e){let t=e.getSibling(),i=this._getThumb(e.thumbPosition);this._getThumb(t.thumbPosition)._hostElement.classList.remove("mdc-slider__thumb--top"),i._hostElement.classList.toggle("mdc-slider__thumb--top",this._thumbsOverlap)}_updateOverlappingThumbUI(e){!this._isRange||this._skipUpdate()||this._thumbsOverlap!==this._areThumbsOverlapping()&&(this._thumbsOverlap=!this._thumbsOverlap,this._updateOverlappingThumbClassNames(e))}_updateThumbUI(e){if(this._skipUpdate())return;let t=this._getThumb(e.thumbPosition===f.END?f.END:f.START);t._hostElement.style.transform=`translateX(${e.translateX}px)`}_updateValueIndicatorUI(e){if(this._skipUpdate())return;let t=this.displayWith(e.value);if(this._hasViewInitialized?e._valuetext.set(t):e._hostElement.setAttribute("aria-valuetext",t),this.discrete){e.thumbPosition===f.START?this.startValueIndicatorText=t:this.endValueIndicatorText=t;let i=this._getThumb(e.thumbPosition);t.length<3?i._hostElement.classList.add("mdc-slider__thumb--short-value"):i._hostElement.classList.remove("mdc-slider__thumb--short-value")}}_updateValueIndicatorUIs(){let e=this._getInput(f.END),t=this._getInput(f.START);e&&this._updateValueIndicatorUI(e),t&&this._updateValueIndicatorUI(t)}_updateTickMarkTrackUI(){if(!this.showTickMarks||this._skipUpdate())return;let e=this._step&&this._step>0?this._step:1,i=(Math.floor(this.max/e)*e-this.min)/(this.max-this.min);this._tickMarkTrackWidth=(this._cachedWidth-6)*i}_updateTrackUI(e){this._skipUpdate()||(this._isRange?this._updateTrackUIRange(e):this._updateTrackUINonRange(e))}_updateTrackUIRange(e){let t=e.getSibling();if(!t||!this._cachedWidth)return;let i=Math.abs(t.translateX-e.translateX)/this._cachedWidth;e._isLeftThumb&&this._cachedWidth?this._setTrackActiveStyles({left:"auto",right:`${this._cachedWidth-t.translateX}px`,transformOrigin:"right",transform:`scaleX(${i})`}):this._setTrackActiveStyles({left:`${t.translateX}px`,right:"auto",transformOrigin:"left",transform:`scaleX(${i})`})}_updateTrackUINonRange(e){this._isRtl?this._setTrackActiveStyles({left:"auto",right:"0px",transformOrigin:"right",transform:`scaleX(${1-e.fillPercentage})`}):this._setTrackActiveStyles({left:"0px",right:"auto",transformOrigin:"left",transform:`scaleX(${e.fillPercentage})`})}_updateTickMarkUI(){if(!this.showTickMarks||this.step===void 0||this.min===void 0||this.max===void 0)return;let e=this.step>0?this.step:1;this._isRange?this._updateTickMarkUIRange(e):this._updateTickMarkUINonRange(e)}_updateTickMarkUINonRange(e){let t=this._getValue(),i=Math.max(Math.round((t-this.min)/e),0)+1,o=Math.max(Math.round((this.max-t)/e),0)-1;this._isRtl?i++:o++,this._tickMarks=Array(i).fill(Je.ACTIVE).concat(Array(o).fill(Je.INACTIVE))}_updateTickMarkUIRange(e){let t=this._getValue(),i=this._getValue(f.START),o=Math.max(Math.round((i-this.min)/e),0),c=Math.max(Math.round((t-i)/e)+1,0),l=Math.max(Math.round((this.max-t)/e),0);this._tickMarks=Array(o).fill(Je.INACTIVE).concat(Array(c).fill(Je.ACTIVE),Array(l).fill(Je.INACTIVE))}_getInput(e){if(e===f.END&&this._input)return this._input;if(this._inputs?.length)return e===f.START?this._inputs.first:this._inputs.last}_getThumb(e){return e===f.END?this._thumbs?.last:this._thumbs?.first}_setTransition(e){this._hasAnimation=!this._platform.IOS&&e&&!this._noopAnimations,this._elementRef.nativeElement.classList.toggle("mat-mdc-slider-with-animation",this._hasAnimation)}_isCursorOnSliderThumb(e,t){let i=t.width/2,o=t.x+i,c=t.y+i,l=e.clientX-o,ni=e.clientY-c;return Math.pow(l,2)+Math.pow(ni,2)<Math.pow(i,2)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-slider"]],contentQueries:function(t,i,o){if(t&1&&(F(o,Nn,5),F(o,Va,4)),t&2){let c;k(c=T())&&(i._input=c.first),k(c=T())&&(i._inputs=c)}},viewQuery:function(t,i){if(t&1&&(L(Ea,5),L(On,5)),t&2){let o;k(o=T())&&(i._trackActive=o.first),k(o=T())&&(i._thumbs=o)}},hostAttrs:[1,"mat-mdc-slider","mdc-slider"],hostVars:12,hostBindings:function(t,i){t&2&&(ve("mat-"+(i.color||"primary")),A("mdc-slider--range",i._isRange)("mdc-slider--disabled",i.disabled)("mdc-slider--discrete",i.discrete)("mdc-slider--tick-marks",i.showTickMarks)("_mat-animation-noopable",i._noopAnimations))},inputs:{disabled:[2,"disabled","disabled",E],discrete:[2,"discrete","discrete",E],showTickMarks:[2,"showTickMarks","showTickMarks",E],min:[2,"min","min",j],color:"color",disableRipple:[2,"disableRipple","disableRipple",E],max:[2,"max","max",j],step:[2,"step","step",j],displayWith:"displayWith"},exportAs:["matSlider"],features:[Q([{provide:Jt,useExisting:n}])],ngContentSelectors:Da,decls:9,vars:5,consts:[["trackActive",""],["tickMarkContainer",""],[1,"mdc-slider__track"],[1,"mdc-slider__track--inactive"],[1,"mdc-slider__track--active"],[1,"mdc-slider__track--active_fill"],[1,"mdc-slider__tick-marks"],[3,"discrete","thumbPosition","valueIndicatorText"],[3,"class","transform"]],template:function(t,i){t&1&&(Y(),O(0),a(1,"div",2),_(2,"div",3),a(3,"div",4),_(4,"div",5,0),r(),y(6,Pa,3,1,"div",6),r(),y(7,Aa,1,3,"mat-slider-visual-thumb",7),_(8,"mat-slider-visual-thumb",7)),t&2&&(d(6),S(i.showTickMarks?6:-1),d(),S(i._isRange?7:-1),d(),h("discrete",i.discrete)("thumbPosition",2)("valueIndicatorText",i.endValueIndicatorText))},dependencies:[Na],styles:[`.mdc-slider__track{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;height:var(--mat-slider-inactive-track-height, 4px)}.mdc-slider__track--active,.mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider__track--active{overflow:hidden;border-radius:var(--mat-slider-active-track-shape, var(--mat-sys-corner-full));height:var(--mat-slider-active-track-height, 4px);top:calc((var(--mat-slider-inactive-track-height, 4px) - var(--mat-slider-active-track-height, 4px))/2)}.mdc-slider__track--active_fill{border-top-style:solid;box-sizing:border-box;height:100%;width:100%;position:relative;transform-origin:left;transition:transform 80ms ease;border-color:var(--mat-slider-active-track-color, var(--mat-sys-primary));border-top-width:var(--mat-slider-active-track-height, 4px)}.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mat-slider-disabled-active-track-color, var(--mat-sys-on-surface))}[dir=rtl] .mdc-slider__track--active_fill{-webkit-transform-origin:right;transform-origin:right}.mdc-slider__track--inactive{left:0;top:0;opacity:.24;background-color:var(--mat-slider-inactive-track-color, var(--mat-sys-surface-variant));height:var(--mat-slider-inactive-track-height, 4px);border-radius:var(--mat-slider-inactive-track-shape, var(--mat-sys-corner-full))}.mdc-slider--disabled .mdc-slider__track--inactive{background-color:var(--mat-slider-disabled-inactive-track-color, var(--mat-sys-on-surface));opacity:.24}.mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}@media(forced-colors: active){.mdc-slider__track--inactive::before{border-color:CanvasText}}.mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:var(--mat-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg))}.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider__value-indicator{display:flex;align-items:center;transform:scale(0);transform-origin:bottom;transition:transform 100ms cubic-bezier(0.4, 0, 1, 1);word-break:normal;background-color:var(--mat-slider-label-container-color, var(--mat-sys-primary));color:var(--mat-slider-label-label-text-color, var(--mat-sys-on-primary));width:var(--mat-slider-value-indicator-width, 28px);height:var(--mat-slider-value-indicator-height, 28px);padding:var(--mat-slider-value-indicator-padding, 0);opacity:var(--mat-slider-value-indicator-opacity, 1);border-radius:var(--mat-slider-value-indicator-border-radius, 50% 50% 50% 0)}.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}.mdc-slider__value-indicator::before{border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;display:var(--mat-slider-value-indicator-caret-display, none);border-top-color:var(--mat-slider-label-container-color, var(--mat-sys-primary))}.mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}@media(forced-colors: active){.mdc-slider__value-indicator::after{border-color:CanvasText}}.mdc-slider__value-indicator-text{text-align:center;width:var(--mat-slider-value-indicator-width, 28px);transform:var(--mat-slider-value-indicator-text-transform, rotate(45deg));font-family:var(--mat-slider-label-label-text-font, var(--mat-sys-label-medium-font));font-size:var(--mat-slider-label-label-text-size, var(--mat-sys-label-medium-size));font-weight:var(--mat-slider-label-label-text-weight, var(--mat-sys-label-medium-weight));line-height:var(--mat-slider-label-label-text-line-height, var(--mat-sys-label-medium-line-height));letter-spacing:var(--mat-slider-label-label-text-tracking, var(--mat-sys-label-medium-tracking))}.mdc-slider__thumb{-webkit-user-select:none;user-select:none;display:flex;left:-24px;outline:none;position:absolute;height:48px;width:48px;pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb{transition:transform 80ms ease}.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider__thumb--top{z-index:1}.mdc-slider__thumb-knob{position:absolute;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%, -50%);border-style:solid;width:var(--mat-slider-handle-width, 20px);height:var(--mat-slider-handle-height, 20px);border-width:calc(var(--mat-slider-handle-height, 20px)/2) calc(var(--mat-slider-handle-width, 20px)/2);box-shadow:var(--mat-slider-handle-elevation, var(--mat-sys-level1));background-color:var(--mat-slider-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-handle-color, var(--mat-sys-primary));border-radius:var(--mat-slider-handle-shape, var(--mat-sys-corner-full))}.mdc-slider__thumb:hover .mdc-slider__thumb-knob{background-color:var(--mat-slider-hover-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-hover-handle-color, var(--mat-sys-primary))}.mdc-slider__thumb--focused .mdc-slider__thumb-knob{background-color:var(--mat-slider-focus-handle-color, var(--mat-sys-primary));border-color:var(--mat-slider-focus-handle-color, var(--mat-sys-primary))}.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface));border-color:var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface))}.mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border:solid 1px #fff;box-sizing:content-box;border-color:var(--mat-slider-with-overlap-handle-outline-color, var(--mat-sys-on-primary));border-width:var(--mat-slider-with-overlap-handle-outline-width, 1px)}.mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider__tick-mark--active,.mdc-slider__tick-mark--inactive{width:var(--mat-slider-with-tick-marks-container-size, 2px);height:var(--mat-slider-with-tick-marks-container-size, 2px);border-radius:var(--mat-slider-with-tick-marks-container-shape, var(--mat-sys-corner-full))}.mdc-slider__tick-mark--inactive{opacity:var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-inactive-container-color, var(--mat-sys-on-surface-variant))}.mdc-slider--disabled .mdc-slider__tick-mark--inactive{opacity:var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-disabled-container-color, var(--mat-sys-on-surface))}.mdc-slider__tick-mark--active{opacity:var(--mat-slider-with-tick-marks-active-container-opacity, 0.38);background-color:var(--mat-slider-with-tick-marks-active-container-color, var(--mat-sys-on-primary))}.mdc-slider__input{cursor:pointer;left:2px;margin:0;height:44px;opacity:0;position:absolute;top:2px;width:44px;box-sizing:content-box}.mdc-slider__input.mat-mdc-slider-input-no-pointer-events{pointer-events:none}.mdc-slider__input.mat-slider__right-input{left:auto;right:0}.mat-mdc-slider{display:inline-block;box-sizing:border-box;outline:none;vertical-align:middle;cursor:pointer;height:48px;margin:0 8px;position:relative;touch-action:pan-y;width:auto;min-width:112px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-slider.mdc-slider--disabled{cursor:auto;opacity:.38}.mat-mdc-slider.mdc-slider--disabled .mdc-slider__input{cursor:auto}.mat-mdc-slider .mdc-slider__thumb,.mat-mdc-slider .mdc-slider__track--active_fill{transition-duration:0ms}.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill{transition-duration:80ms}.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill{transition-duration:0ms}.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill{transition-duration:80ms}.mat-mdc-slider .mat-ripple .mat-ripple-element{background-color:var(--mat-slider-ripple-color, var(--mat-sys-primary))}.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple{background-color:var(--mat-slider-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 5%, transparent))}.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple,.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple{background-color:var(--mat-slider-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 20%, transparent))}.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb,.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator{transition:none}.mat-mdc-slider .mat-focus-indicator::before{border-radius:50%}.mdc-slider__thumb--focused .mat-focus-indicator::before{content:""}
|
|
9
|
+
`],encapsulation:2,changeDetection:0})}return n})();var Oa={provide:Mt,useExisting:st(()=>Yt),multi:!0};var Yt=(()=>{class n{_ngZone=m(Me);_elementRef=m(q);_cdr=m(z);_slider=m(Jt);_platform=m(Ke);_listenerCleanups;get value(){return j(this._hostElement.value,0)}set value(e){e===null&&(e=this._getDefaultValue()),e=isNaN(e)?0:e;let t=e+"";if(!this._hasSetInitialValue){this._initialValue=t;return}this._isActive||this._setValue(t)}_setValue(e){this._hostElement.value=e,this._updateThumbUIByValue(),this._slider._onValueChange(this),this._cdr.detectChanges(),this._slider._cdr.markForCheck()}valueChange=new R;dragStart=new R;dragEnd=new R;get translateX(){return this._slider.min>=this._slider.max?(this._translateX=this._tickMarkOffset,this._translateX):(this._translateX===void 0&&(this._translateX=this._calcTranslateXByValue()),this._translateX)}set translateX(e){this._translateX=e}_translateX;thumbPosition=f.END;get min(){return j(this._hostElement.min,0)}set min(e){this._hostElement.min=e+"",this._cdr.detectChanges()}get max(){return j(this._hostElement.max,0)}set max(e){this._hostElement.max=e+"",this._cdr.detectChanges()}get step(){return j(this._hostElement.step,0)}set step(e){this._hostElement.step=e+"",this._cdr.detectChanges()}get disabled(){return E(this._hostElement.disabled)}set disabled(e){this._hostElement.disabled=e,this._cdr.detectChanges(),this._slider.disabled!==this.disabled&&(this._slider.disabled=this.disabled)}get percentage(){return this._slider.min>=this._slider.max?this._slider._isRtl?1:0:(this.value-this._slider.min)/(this._slider.max-this._slider.min)}get fillPercentage(){return this._slider._cachedWidth?this._translateX===0?0:this.translateX/this._slider._cachedWidth:this._slider._isRtl?1:0}_hostElement=this._elementRef.nativeElement;_valuetext=V("");_knobRadius=8;_tickMarkOffset=3;_isActive=!1;_isFocused=!1;_setIsFocused(e){this._isFocused=e}_hasSetInitialValue=!1;_initialValue;_formControl;_destroyed=new te;_skipUIUpdate=!1;_onChangeFn;_onTouchedFn=()=>{};_isControlInitialized=!1;constructor(){let e=m(Fe);this._ngZone.runOutsideAngular(()=>{this._listenerCleanups=[e.listen(this._hostElement,"pointerdown",this._onPointerDown.bind(this)),e.listen(this._hostElement,"pointermove",this._onPointerMove.bind(this)),e.listen(this._hostElement,"pointerup",this._onPointerUp.bind(this))]})}ngOnDestroy(){this._listenerCleanups.forEach(e=>e()),this._destroyed.next(),this._destroyed.complete(),this.dragStart.complete(),this.dragEnd.complete()}initProps(){this._updateWidthInactive(),this.disabled!==this._slider.disabled&&(this._slider.disabled=!0),this.step=this._slider.step,this.min=this._slider.min,this.max=this._slider.max,this._initValue()}initUI(){this._updateThumbUIByValue()}_initValue(){this._hasSetInitialValue=!0,this._initialValue===void 0?this.value=this._getDefaultValue():(this._hostElement.value=this._initialValue,this._updateThumbUIByValue(),this._slider._onValueChange(this),this._cdr.detectChanges())}_getDefaultValue(){return this.min}_onBlur(){this._setIsFocused(!1),this._onTouchedFn()}_onFocus(){this._slider._setTransition(!1),this._slider._updateTrackUI(this),this._setIsFocused(!0)}_onChange(){this.valueChange.emit(this.value),this._isActive&&this._updateThumbUIByValue({withAnimation:!0})}_onInput(){this._onChangeFn?.(this.value),(this._slider.step||!this._isActive)&&this._updateThumbUIByValue({withAnimation:!0}),this._slider._onValueChange(this)}_onNgControlValueChange(){(!this._isActive||!this._isFocused)&&(this._slider._onValueChange(this),this._updateThumbUIByValue()),this._slider.disabled=this._formControl.disabled}_onPointerDown(e){if(!(this.disabled||e.button!==0)){if(this._platform.IOS){let t=this._slider._isCursorOnSliderThumb(e,this._slider._getThumb(this.thumbPosition)._hostElement.getBoundingClientRect());this._isActive=t,this._updateWidthActive(),this._slider._updateDimensions();return}this._isActive=!0,this._setIsFocused(!0),this._updateWidthActive(),this._slider._updateDimensions(),this._slider.step||this._updateThumbUIByPointerEvent(e,{withAnimation:!0}),this.disabled||(this._handleValueCorrection(e),this.dragStart.emit({source:this,parent:this._slider,value:this.value}))}}_handleValueCorrection(e){this._skipUIUpdate=!0,setTimeout(()=>{this._skipUIUpdate=!1,this._fixValue(e)},0)}_fixValue(e){let t=e.clientX-this._slider._cachedLeft,i=this._slider._cachedWidth,o=this._slider.step===0?1:this._slider.step,c=Math.floor((this._slider.max-this._slider.min)/o),l=this._slider._isRtl?1-t/i:t/i,Yn=Math.round(l*c)/c*(this._slider.max-this._slider.min)+this._slider.min,ai=Math.round(Yn/o)*o,ea=this.value;if(ai===ea){this._slider._onValueChange(this),this._slider.step>0?this._updateThumbUIByValue():this._updateThumbUIByPointerEvent(e,{withAnimation:this._slider._hasAnimation});return}this.value=ai,this.valueChange.emit(this.value),this._onChangeFn?.(this.value),this._slider._onValueChange(this),this._slider.step>0?this._updateThumbUIByValue():this._updateThumbUIByPointerEvent(e,{withAnimation:this._slider._hasAnimation})}_onPointerMove(e){!this._slider.step&&this._isActive&&this._updateThumbUIByPointerEvent(e)}_onPointerUp(){this._isActive&&(this._isActive=!1,this._platform.SAFARI&&this._setIsFocused(!1),this.dragEnd.emit({source:this,parent:this._slider,value:this.value}),setTimeout(()=>this._updateWidthInactive(),this._platform.IOS?10:0))}_clamp(e){let t=this._tickMarkOffset,i=this._slider._cachedWidth-this._tickMarkOffset;return Math.max(Math.min(e,i),t)}_calcTranslateXByValue(){return this._slider._isRtl?(1-this.percentage)*(this._slider._cachedWidth-this._tickMarkOffset*2)+this._tickMarkOffset:this.percentage*(this._slider._cachedWidth-this._tickMarkOffset*2)+this._tickMarkOffset}_calcTranslateXByPointerEvent(e){return e.clientX-this._slider._cachedLeft}_updateWidthActive(){}_updateWidthInactive(){this._hostElement.style.padding=`0 ${this._slider._inputPadding}px`,this._hostElement.style.width=`calc(100% + ${this._slider._inputPadding-this._tickMarkOffset*2}px)`,this._hostElement.style.left=`-${this._slider._rippleRadius-this._tickMarkOffset}px`}_updateThumbUIByValue(e){this.translateX=this._clamp(this._calcTranslateXByValue()),this._updateThumbUI(e)}_updateThumbUIByPointerEvent(e,t){this.translateX=this._clamp(this._calcTranslateXByPointerEvent(e)),this._updateThumbUI(t)}_updateThumbUI(e){this._slider._setTransition(!!e?.withAnimation),this._slider._onTranslateXChange(this)}writeValue(e){(this._isControlInitialized||e!==null)&&(this.value=e)}registerOnChange(e){this._onChangeFn=e,this._isControlInitialized=!0}registerOnTouched(e){this._onTouchedFn=e}setDisabledState(e){this.disabled=e}focus(){this._hostElement.focus()}blur(){this._hostElement.blur()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["input","matSliderThumb",""]],hostAttrs:["type","range",1,"mdc-slider__input"],hostVars:1,hostBindings:function(t,i){t&1&&b("change",function(){return i._onChange()})("input",function(){return i._onInput()})("blur",function(){return i._onBlur()})("focus",function(){return i._onFocus()}),t&2&&N("aria-valuetext",i._valuetext())},inputs:{value:[2,"value","value",j]},outputs:{valueChange:"valueChange",dragStart:"dragStart",dragEnd:"dragEnd"},exportAs:["matSliderThumb"],features:[Q([Oa,{provide:Nn,useExisting:n}])]})}return n})();var Ln=(()=>{class n{static \u0275fac=function(t){return new(t||n)};static \u0275mod=he({type:n});static \u0275inj=pe({imports:[ze,Ai]})}return n})();var La=["displayForm"],za=()=>({standalone:!0});function Ba(n,p){if(n&1&&(a(0,"mat-panel-description",5),s(1," Adjust night mode settings to enhance visibility in low-light environments. "),r()),n&2){let e=v();h("hidden",e.isPhonePortrait().matches)}}function Ua(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Choose your preferred high-contrast theme. "),r())}function Ha(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Set integrated chartplotter mode. "),r())}function Wa(n,p){n&1&&(a(0,"mat-panel-description"),s(1," Enable remote dashboard management between KIP instances. "),r())}var zn=(()=>{class n{MODE_PATH="self.environment.mode";displayForm=re("displayForm");_app=m(ge);_settings=m(ue);_responsive=m(ft);_plugins=m(en);_data=m(Ze);isPhonePortrait;nightBrightness=V(.27);autoNightMode=Ee(!1);isRedNightMode=Ee(!1);isLightTheme=Ee(!1);isRemoteControl=Ee(!1);instanceName=Ee("");splitShellEnabled=Ee(!1);splitShellSide=Ee("left");_pluginCheckSeq=0;LIGHT_THEME_NAME="light-theme";RED_NIGHT_MODE_THEME_NAME="night-theme";constructor(){this.isPhonePortrait=gt(this._responsive.observe(St.HandsetPortrait))}ngOnInit(){this.nightBrightness.set(this._settings.getNightModeBrightness()),this.autoNightMode.set(this._settings.getAutoNightMode()),this.isLightTheme.set(this._settings.getThemeName()===this.LIGHT_THEME_NAME),this.isRedNightMode.set(this._settings.getRedNightMode()),this.isRemoteControl.set(this._settings.getIsRemoteControl()),this.instanceName.set(this._settings.getInstanceName()),this.splitShellEnabled.set(this._settings.getSplitShellEnabled()),this.splitShellSide.set(this._settings.getSplitShellSide())}saveAllSettings(){this._settings.setAutoNightMode(this.autoNightMode()),this._settings.setRedNightMode(this.isRedNightMode()),this._settings.setNightModeBrightness(this.nightBrightness()),this._settings.setIsRemoteControl(this.isRemoteControl()),this.isRemoteControl()?this._settings.setInstanceName(this.instanceName()):this._settings.setInstanceName(""),this.displayForm().form.markAsPristine(),this._app.isNightMode()||this._app.setBrightness(1),this.isLightTheme()?this._settings.setThemeName(this.LIGHT_THEME_NAME):this._settings.setThemeName(""),this._app.sendSnackbarNotification("Configuration saved",3e3,!1),this._settings.setSplitShellEnabled(this.splitShellEnabled()),this._settings.setSplitShellSide(this.splitShellSide())}isAutoNightModeSupported(e){if(this.displayForm().form.markAsDirty(),!e.checked){this.autoNightMode.set(!1);return}let t=++this._pluginCheckSeq;this._plugins.isEnabled("derived-data").then(i=>{if(t!==this._pluginCheckSeq)return;if(!i){this.autoNightMode.set(!1),this._app.sendSnackbarNotification("Plugin Error: To enable Automatic Night Mode, verify that: 1) The Signal K Derived Data plugin is installed and enabled on the server. 2) The plugin's Sun: Sets environment.sun parameter is enabled. Restart the Signal K server and try again.",0);return}let o=this.validateAutoNightModeSupported();this.autoNightMode.set(o)}).catch(i=>{t===this._pluginCheckSeq&&(console.error("[Display Component] Error checking plugin status:",i),this.autoNightMode.set(!1))})}validateAutoNightModeSupported(){return this._data.getPathObject(this.MODE_PATH)?!0:(this._app.sendSnackbarNotification("Path Error: In Signal K, locate the Derived Data plugin and enable the 'Sets environment.sun' parameter under the 'Sun' group. Restart the Signal K server and try again.",0),!1)}setBrightness(e){this.displayForm().form.markAsDirty(),this.nightBrightness.set(e),this._app.setBrightness(e,this._app.isNightMode())}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-display"]],viewQuery:function(t,i){t&1&&ne(i.displayForm,La,5),t&2&&Te()},inputs:{autoNightMode:[1,"autoNightMode"],isRedNightMode:[1,"isRedNightMode"],isLightTheme:[1,"isLightTheme"],isRemoteControl:[1,"isRemoteControl"],instanceName:[1,"instanceName"],splitShellEnabled:[1,"splitShellEnabled"],splitShellSide:[1,"splitShellSide"]},outputs:{autoNightMode:"autoNightModeChange",isRedNightMode:"isRedNightModeChange",isLightTheme:"isLightThemeChange",isRemoteControl:"isRemoteControlChange",instanceName:"instanceNameChange",splitShellEnabled:"splitShellEnabledChange",splitShellSide:"splitShellSideChange"},decls:61,vars:18,consts:[["displayForm","ngForm"],["inputBrightness",""],["isFskShellEnabled",""],["isRemoteControlCb",""],["id","displaySetting",3,"ngSubmit"],[3,"hidden"],["name","autoNightMode",1,"full-width","sliders",3,"change","ngModelChange","ngModel"],["name","redNightMode",1,"full-width","sliders",3,"ngModelChange","ngModel"],[2,"padding-left","10px"],[1,"mat-body-medium"],["min","0","max","1","step","0.01","discrete",""],["matSliderThumb","",3,"input","value","disabled"],["name","isLightTheme",1,"full-width",3,"ngModelChange","ngModel"],["name","freeboardShellEnabled",1,"full-width",3,"ngModelChange","ngModel"],[1,"optional-field"],["name","splitShellSide",3,"ngModelChange","ngModel","disabled"],["value","left"],["value","right"],["name","isRemoteControl",1,"full-width",3,"ngModelChange","ngModel"],["matInput","","name","instanceName","placeholder","Ex. Mast","required","",3,"ngModelChange","ngModel","ngModelOptions","disabled"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit",1,"formActionButton",3,"disabled"]],template:function(t,i){if(t&1){let o=P();a(0,"form",4,0),b("ngSubmit",function(){return u(o),g(i.saveAllSettings())}),a(2,"p"),s(3,"Customize your display settings to improve visibility and adapt to various lighting conditions."),r(),a(4,"mat-accordion")(5,"mat-expansion-panel")(6,"mat-expansion-panel-header")(7,"mat-panel-title"),s(8," Night Mode "),r(),y(9,Ba,2,1,"mat-panel-description",5),r(),a(10,"mat-slide-toggle",6),b("change",function(l){return u(o),g(i.isAutoNightModeSupported(l))}),w("ngModelChange",function(l){return u(o),x(i.autoNightMode,l)||(i.autoNightMode=l),g(l)}),s(11," Automatically activate day and night modes based on sun phases. "),r(),a(12,"mat-slide-toggle",7),w("ngModelChange",function(l){return u(o),x(i.isRedNightMode,l)||(i.isRedNightMode=l),g(l)}),s(13," Enable red-only night mode. "),r(),a(14,"div",8),_(15,"br"),a(16,"span",9),s(17,"Adjust Night Mode Brightness"),r(),_(18,"br"),a(19,"mat-slider",10)(20,"input",11,1),b("input",function(){u(o);let l=I(21);return g(i.setBrightness(+l.value))}),r()()()(),a(22,"mat-expansion-panel")(23,"mat-expansion-panel-header")(24,"mat-panel-title"),s(25," Theme "),r(),y(26,Ua,2,0,"mat-panel-description"),r(),a(27,"mat-slide-toggle",12),w("ngModelChange",function(l){return u(o),x(i.isLightTheme,l)||(i.isLightTheme=l),g(l)}),s(28," Enable light theme for brighter display settings. "),r()(),a(29,"mat-expansion-panel")(30,"mat-expansion-panel-header")(31,"mat-panel-title"),s(32," Chartplotter "),r(),y(33,Ha,2,0,"mat-panel-description"),r(),a(34,"mat-slide-toggle",13,2),w("ngModelChange",function(l){return u(o),x(i.splitShellEnabled,l)||(i.splitShellEnabled=l),g(l)}),s(36," Enable Freeboard-SK chartplotter split view shell mode. "),r(),a(37,"mat-form-field",14)(38,"mat-label"),s(39,"Display Freeboard-SK in"),r(),a(40,"mat-select",15),w("ngModelChange",function(l){return u(o),x(i.splitShellSide,l)||(i.splitShellSide=l),g(l)}),a(41,"mat-option",16),s(42,"Left split"),r(),a(43,"mat-option",17),s(44,"Right split"),r()()()(),a(45,"mat-expansion-panel")(46,"mat-expansion-panel-header")(47,"mat-panel-title"),s(48," Remote Control "),r(),y(49,Wa,2,0,"mat-panel-description"),r(),a(50,"mat-slide-toggle",18,3),w("ngModelChange",function(l){return u(o),x(i.isRemoteControl,l)||(i.isRemoteControl=l),g(l)}),s(52," Allow this KIP dashboard to be changed remotely by other KIP instances. "),r(),a(53,"mat-form-field",14)(54,"mat-label"),s(55,"Instance Name"),r(),a(56,"input",19),b("ngModelChange",function(){u(o);let l=I(1);return g(l.form.markAsDirty())}),w("ngModelChange",function(l){return u(o),x(i.instanceName,l)||(i.instanceName=l),g(l)}),r()()()(),a(57,"div",20),_(58,"mat-divider",21),a(59,"button",22),s(60,"Save"),r()()()}if(t&2){let o=I(1),c=I(35),l=I(51);d(9),S(i.isPhonePortrait().matches?-1:9),d(),C("ngModel",i.autoNightMode),d(2),C("ngModel",i.isRedNightMode),d(8),h("value",i.nightBrightness())("disabled",i.isRedNightMode()),d(6),S(i.isPhonePortrait().matches?-1:26),d(),C("ngModel",i.isLightTheme),d(6),S(i.isPhonePortrait().matches?-1:33),d(),C("ngModel",i.splitShellEnabled),d(6),C("ngModel",i.splitShellSide),h("disabled",!c.checked),d(9),S(i.isPhonePortrait().matches?-1:49),d(),C("ngModel",i.isRemoteControl),d(6),C("ngModel",i.instanceName),h("ngModelOptions",oe(17,za))("disabled",!l.checked),d(3),h("disabled",!o.form.dirty)}},dependencies:[$,Z,Pe,ee,G,fe,_e,se,ce,K,Ln,Fn,Yt,Ot,Nt,nt,at,Vt,At,Dt,Se,de,le,Lt,Ue,Gi,Ve,Ae],styles:[".optional-field[_ngcontent-%COMP%]{margin-left:55px;margin-top:10px}.sliders[_ngcontent-%COMP%]{margin:5px 0}"]})}return n})();var Qa=()=>({standalone:!1});function ja(n,p){n&1&&(a(0,"div"),s(1,' Writing to the server requires "Login to Server" authentication or a Device token '),r())}function qa(n,p){if(n&1){let e=P();a(0,"div")(1,"mat-form-field",30)(2,"mat-label"),s(3,"Scope"),r(),a(4,"mat-select",31),w("ngModelChange",function(i){u(e);let o=v();return x(o.saveConfigScope,i)||(o.saveConfigScope=i),g(i)}),a(5,"mat-option",32),s(6," Global "),r(),a(7,"mat-option",33),s(8," User "),r()()(),a(9,"mat-form-field",34)(10,"mat-label"),s(11,"Configuration Name"),r(),a(12,"input",35),w("ngModelChange",function(i){u(e);let o=v();return x(o.saveConfigName,i)||(o.saveConfigName=i),g(i)}),r()(),y(13,ja,2,0,"div"),r()}if(n&2){let e=v();d(4),C("ngModel",e.saveConfigScope),d(8),C("ngModel",e.saveConfigName),h("ngModelOptions",oe(4,Qa)),d(),S(e.hasToken?-1:13)}}function Xa(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Server authentication or Device Token required"),r()())}function Ka(n,p){if(n&1&&(a(0,"mat-option",38),s(1),r()),n&2){let e=p.$implicit;h("value",e),d(),Ut(" ",e.scope," / ",e.name," ")}}function Ga(n,p){if(n&1){let e=P();a(0,"div")(1,"mat-form-field",36)(2,"mat-label"),s(3,"Configuration"),r(),a(4,"mat-select",37),w("ngModelChange",function(i){u(e);let o=v();return x(o.deleteConfigItem,i)||(o.deleteConfigItem=i),g(i)}),H(5,Ka,2,3,"mat-option",38,be),r()()()}if(n&2){let e=v();d(4),C("ngModel",e.deleteConfigItem),d(),W(e.serverConfigList)}}function Za(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Authentication or Device Token required"),r()())}function $a(n,p){if(n&1&&(a(0,"mat-option",38),s(1),r()),n&2){let e=p.$implicit;h("value",e),d(),Ut(" ",e.scope," / ",e.name," ")}}function Ja(n,p){if(n&1&&(a(0,"div")(1,"mat-form-field",36)(2,"mat-label"),s(3,"Configuration"),r(),a(4,"mat-select",39),H(5,$a,2,3,"mat-option",38,ct),r()()()),n&2){let e=v();d(5),W(e.serverConfigList)}}function Ya(n,p){n&1&&(a(0,"div",9)(1,"p"),s(2,"Authentication or Device Token required"),r()())}var Bn=(()=>{class n{appSettingsService=m(ue);storageSvc=m(ki);appService=m(ge);auth=m(_t);fb=m(Xi);pageTitle="Configurations";hasToken=!1;isTokenTypeDevice=!1;tokenSub;supportApplicationData=!1;serverConfigList=[];serverUpgradableConfigList=[];copyConfigForm;storageLocation=null;locations=["Local Storage","Server Storage"];saveConfigName=null;saveConfigScope=null;deleteConfigItem;jsonData=null;ngOnInit(){this.tokenSub=this.auth.authToken$.subscribe(e=>{e&&e.token?(this.hasToken=!0,this.isTokenTypeDevice=e.isDeviceAccessToken,e.isDeviceAccessToken?this.saveConfigScope="global":this.saveConfigScope="user"):this.hasToken=!1}),this.copyConfigForm=this.fb.group({sourceTarget:[{value:"",disabled:!1},zi.required]}),this.supportApplicationData=this.storageSvc.isAppDataSupported,this.hasToken&&this.getServerConfigList()}getServerConfigList(e){this.supportApplicationData&&this.storageSvc.listConfigs(e).then(t=>{let i=t.filter(o=>!(o.scope==="user"&&o.name==="default"));e?this.serverUpgradableConfigList=i:this.serverConfigList=i}).catch(t=>{switch(t.status){case 401:this.appService.sendSnackbarNotification("Application Storage Error: "+t.statusText+". Signal K configuration must meet the following requirements; 1) Security enabled. 2) Application Data Storage Interface: On. 3) Either Allow Readonly Access enabled, or connecting with a user.",0,!1);break;default:this.appService.sendSnackbarNotification("Error listing server configurations: "+t,3e3,!1);break}})}saveConfig(e,t,i,o,c){if(this.supportApplicationData){if(t==="user"&&i==="default"&&!c){this.appService.sendSnackbarNotification("Saving configuration with scope 'user' and name 'default' is not allowed.",5e3,!1);return}this.storageSvc.setConfig(t,i,e)?(this.appService.sendSnackbarNotification(`Configuration [${i}] saved to [${t}] storage scope`,5e3,!1),o||this.getServerConfigList()):this.appService.sendSnackbarNotification("Error saving configuration to server",0,!1)}}saveToLocalstorage(e){this.appSettingsService.replaceConfig("appConfig",e.app,!1),this.appSettingsService.replaceConfig("dashboardsConfig",e.dashboards,!1),this.appSettingsService.replaceConfig("themeConfig",e.theme,!1)}copyConfig(){return rt(this,null,function*(){let e=null;try{yield this.storageSvc.getConfig(this.copyConfigForm.value.sourceTarget.scope,this.copyConfigForm.value.sourceTarget.name).then(t=>{e=t})}catch(t){this.appService.sendSnackbarNotification("Error retrieving configuration from server: "+t.statusText,3e3,!1);return}this.saveConfig(e,"user","default",!1,!0),this.appSettingsService.reloadApp()})}deleteConfig(e,t,i,o){this.storageSvc.removeItem(e,t,i),this.appService.sendSnackbarNotification(`Configuration [${t}] deleted from [${e}] storage scope`,5e3,!1),o||this.getServerConfigList()}resetConfigToDefault(){this.appSettingsService.resetSettings()}resetConnectionToDefault(){this.appSettingsService.resetConnection()}loadDemoConfig(){this.appSettingsService.loadDemoConfig()}getActiveConfig(){let e;return this.appSettingsService.useSharedConfig?e=this.getLocalConfigFromMemory():e=this.getLocalConfigFromLocalStorage(),e}getLocalConfigFromMemory(){return{app:this.appSettingsService.getAppConfig(),dashboards:this.appSettingsService.getDashboardConfig(),theme:this.appSettingsService.getThemeConfig()}}getLocalConfigFromLocalStorage(){return{app:this.appSettingsService.loadConfigFromLocalStorage("appConfig"),dashboards:this.appSettingsService.loadConfigFromLocalStorage("dashboardsConfig"),theme:this.appSettingsService.loadConfigFromLocalStorage("themeConfig")}}downloadJsonConfig(){let e=this.getActiveConfig(),t=JSON.stringify(e,null,2),i=new Blob([t],{type:"application/json"}),o=window.URL.createObjectURL(i),c=document.createElement("a");c.href=o,c.download="KipConfig.json",document.body.appendChild(c),c.click(),document.body.removeChild(c),window.URL.revokeObjectURL(o)}uploadJsonConfig(e){let i=e.target.files?.[0];if(i&&i.type==="application/json"){let o=new FileReader;o.onload=c=>{try{this.jsonData=JSON.parse(c.target?.result),this.hasToken?this.saveConfig(this.jsonData,"user","default",!1,!0):this.saveToLocalstorage(this.jsonData),this.appSettingsService.reloadApp()}catch(l){this.appService.sendSnackbarNotification("Invalid JSON file",3e3,!1),console.error("Invalid JSON file:",l)}},o.readAsText(i)}else this.appService.sendSnackbarNotification("Please select a valid JSON file",0,!1)}ngOnDestroy(){this.tokenSub.unsubscribe()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-config"]],decls:93,vars:7,consts:[["saveConfigForm","ngForm"],["deleteConfigForm","ngForm"],["fileInput",""],[1,"page-content"],["routerLink","/help"],[1,"flex-container"],[1,"flex-item-rounded-card","rounded-card-color"],["name","saveConfigForm",3,"ngSubmit"],[2,"margin-bottom","16px"],[1,"no-token-notice"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","","type","submit","color","accent",3,"disabled"],["name","deleteConfigForm",3,"ngSubmit"],[3,"ngSubmit","formGroup"],[1,"flex-item-reset","rounded-card-color"],[1,"config-operation-container",2,"margin-top","20px"],[1,"download-txt"],[1,"download-btn","btn-div"],["mat-flat-button","","type","button",1,"adv-btn",3,"click"],[1,"upload-txt"],[1,"upload-btn","btn-div"],["type","file","accept",".json","hidden","",3,"change"],["mat-flat-button","",1,"adv-btn",3,"click"],[1,"demo-txt"],[1,"demo-btn","btn-div"],[1,"reset-txt"],[1,"reset-btn","btn-div"],[1,"config-txt"],[1,"config-btn","btn-div"],[2,"width","25%"],["name","serverConfiScope","required","",3,"ngModelChange","ngModel"],["value","global"],["value","user"],[2,"width","70%","padding-left","3%"],["matInput","","name","serverConfigName","placeholder","Enter a name for the configuration","required","",3,"ngModelChange","ngModel","ngModelOptions"],[2,"width","100%"],["name","selectedDeleteItem","required","",3,"ngModelChange","ngModel"],[3,"value"],["formControlName","sourceTarget"]],template:function(t,i){if(t&1){let o=P();a(0,"div",3)(1,"p"),s(2," Recommended Reading: To understand configuration management and storage options, consult the "),a(3,"a",4),s(4,"Configuration Management Help"),r(),s(5," section. "),r(),a(6,"div",5)(7,"div",6)(8,"form",7,0),b("ngSubmit",function(){return u(o),g(i.saveConfig(i.getActiveConfig(),i.saveConfigScope,i.saveConfigName))}),a(10,"h2"),s(11,"Backup"),r(),a(12,"p",8),s(13," Create a backup of the current active configuration on the server. "),r(),y(14,qa,14,5,"div")(15,Xa,3,0,"div",9),a(16,"div",10),_(17,"mat-divider",11),a(18,"button",12),s(19," Create "),r()()()(),a(20,"div",6)(21,"form",13,1),b("ngSubmit",function(){return u(o),g(i.deleteConfig(i.deleteConfigItem.scope,i.deleteConfigItem.name))}),a(23,"h2"),s(24,"Delete"),r(),a(25,"p",8),s(26," Select a backup configuration to permanently delete from the server. "),r(),y(27,Ga,7,1,"div")(28,Za,3,0,"div",9),a(29,"div",10),_(30,"mat-divider",11),a(31,"button",12),s(32," Delete "),r()()()(),a(33,"div",6)(34,"form",14),b("ngSubmit",function(){return u(o),g(i.copyConfig())}),a(35,"h2"),s(36,"Restore"),r(),a(37,"p",8),s(38," Replace the current configuration with a backup from the server. "),r(),y(39,Ja,7,0,"div")(40,Ya,3,0,"div",9),a(41,"div",10),_(42,"mat-divider",11),a(43,"button",12),s(44," Restore "),r()()()(),a(45,"div",15)(46,"h2"),s(47,"Advanced"),r(),a(48,"div",16)(49,"div",17)(50,"p"),s(51,"To reuse your configuration on different devices, simply login using the same credential from any device (See "),a(52,"a",4),s(53,"Login & Configurations Help documentation"),r(),s(54," for more information). If you need to move your configuration between different Signal K servers, you can use Download to obtain a copy of the active configuration to a file."),r()(),a(55,"div",18)(56,"button",19),b("click",function(){return u(o),g(i.downloadJsonConfig())}),s(57," Download "),r()(),a(58,"div",20)(59,"p"),s(60," Select a configuration file to upload. The file must be a valid KIP configuration file of JSON format. "),_(61,"br"),a(62,"strong"),s(63,"WARNING: This will permanently overwrite active configuration."),r()()(),a(64,"div",21)(65,"input",22,2),b("change",function(l){return u(o),g(i.uploadJsonConfig(l))}),r(),a(67,"button",23),b("click",function(){u(o);let l=I(66);return g(l.click())}),s(68," Upload "),r()(),a(69,"div",24)(70,"p"),s(71," Load the demonstration configuration and connection to Signal K demo server. "),_(72,"br"),a(73,"strong"),s(74,"WARNING: This will permanently reset your active configuration."),r()()(),a(75,"div",25)(76,"button",19),b("click",function(){return u(o),g(i.loadDemoConfig())}),s(77," Demo "),r()(),a(78,"div",26)(79,"p"),s(80," Reset all your settings to default. The default configuration has a single Getting Started instruction widget. Your Signal K server connection settings will remain. "),_(81,"br"),a(82,"strong"),s(83,"WARNING: This will permanently reset your active configuration."),r()()(),a(84,"div",27)(85,"button",19),b("click",function(){return u(o),g(i.resetConfigToDefault())}),s(86," Default "),r()(),a(87,"div",28)(88,"p"),s(89," Clear the current connection configuration. This only affects Connectivity settings tab. "),r()(),a(90,"div",29)(91,"button",19),b("click",function(){return u(o),g(i.resetConnectionToDefault())}),s(92," Connection "),r()()()()()()}if(t&2){let o=I(9),c=I(22);d(14),S(i.hasToken?14:15),d(4),h("disabled",!i.hasToken||!o.valid),d(9),S(i.hasToken?27:28),d(4),h("disabled",!i.hasToken||!c.valid),d(3),h("formGroup",i.copyConfigForm),d(5),S(i.hasToken?39:40),d(4),h("disabled",!i.copyConfigForm.valid)}},dependencies:[Ti,$,Z,Pe,ee,G,fe,_e,se,ce,K,de,le,Ve,Ae,Se,Et,kt,Tt,Dt],styles:['[_nghost-%COMP%]{display:block;height:100%;width:100%}.page-content[_ngcontent-%COMP%]{width:100%;height:calc(100% - 63px);overflow-y:auto;scroll-behavior:smooth;padding:0 24px 10px}.flex-item-copy[_ngcontent-%COMP%]{flex:2 1 41%;padding:10px 20px;border-radius:15px}.flex-item-reset[_ngcontent-%COMP%]{flex:1 1 100%;padding:10px 20px;border-radius:15px}a[_ngcontent-%COMP%]{font-size:14px}a[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}a[_ngcontent-%COMP%]:link, a[_ngcontent-%COMP%]:visited{color:#8ab4f8;text-decoration:none}.warningText[_ngcontent-%COMP%]{padding-left:15px}.no-token-notice[_ngcontent-%COMP%]{height:58px;contain:content;text-align:center;font-style:italic}.mat-mdc-radio-button[_ngcontent-%COMP%] ~ .mat-radio-button[_ngcontent-%COMP%]{margin-right:16px;margin-left:16px}.config-column[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-basis:100%;flex:1;margin:0 10px}.sources-radio-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;margin:15px 0}.sources-radio-button[_ngcontent-%COMP%]{margin:5px;margin-left:0!important}.select-config[_ngcontent-%COMP%]{margin-left:0}.config-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.btn-div[_ngcontent-%COMP%]{align-self:center}.adv-btn[_ngcontent-%COMP%]{width:100%}.config-operation-container[_ngcontent-%COMP%]{display:grid;grid-template-columns:[col-start] auto [col1-end] min-content [col2-end];grid-template-rows:[row-start] max-content [row1-end] max-content [row2-end];grid-template-areas:"download-txt download-btn" "upload-txt upload-btn" "demo-txt demo-btn" "reset-txt reset-btn" "config-txt config-btn";row-gap:20px;column-gap:10px}.upload-txt[_ngcontent-%COMP%]{grid-area:upload-txt}.upload-btn[_ngcontent-%COMP%]{grid-area:upload-btn}.download-txt[_ngcontent-%COMP%]{grid-area:download-txt}.download-btn[_ngcontent-%COMP%]{grid-area:download-btn}.demo-txt[_ngcontent-%COMP%]{grid-area:demo-txt}.demo-btn[_ngcontent-%COMP%]{grid-area:demo-btn}.reset-txt[_ngcontent-%COMP%]{grid-area:reset-txt}.reset-btn[_ngcontent-%COMP%]{grid-area:reset-btn}.config-txt[_ngcontent-%COMP%]{grid-area:config-txt}.config-btn[_ngcontent-%COMP%]{grid-area:config-btn}']})}return n})();var Un=(()=>{class n{transform(e,t){return!e||!e.length?[]:t?e.filter(i=>i.includes("self")):e}static \u0275fac=function(t){return new(t||n)};static \u0275pipe=ui({name:"filterSelf",type:n,pure:!0})}return n})();var eo=["*"];function to(n,p){n&1&&O(0)}var ei=(()=>{class n{_elementRef=m(q);constructor(){}focus(){this._elementRef.nativeElement.focus()}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepHeader",""]],hostAttrs:["role","tab"]})}return n})(),ti=(()=>{class n{template=m(we);constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepLabel",""]]})}return n})();var He={NUMBER:"number",EDIT:"edit",DONE:"done",ERROR:"error"},io=new B("STEPPER_GLOBAL_OPTIONS"),zt=(()=>{class n{_stepperOptions;_stepper=m(Ye);_displayDefaultIndicatorType;stepLabel;_childForms;content;stepControl;get interacted(){return this._interacted()}set interacted(e){this._interacted.set(e)}_interacted=V(!1);interactedStream=new R;label;errorMessage;ariaLabel;ariaLabelledby;get state(){return this._state()}set state(e){this._state.set(e)}_state=V(void 0);get editable(){return this._editable()}set editable(e){this._editable.set(e)}_editable=V(!0);optional=!1;get completed(){let e=this._completedOverride(),t=this._interacted();return e??(t&&(!this.stepControl||this.stepControl.valid))}set completed(e){this._completedOverride.set(e)}_completedOverride=V(null);index=V(-1);isSelected=ht(()=>this._stepper.selectedIndex===this.index());indicatorType=ht(()=>{let e=this.isSelected(),t=this.completed,i=this._state()??He.NUMBER,o=this._editable();return this._showError()&&this.hasError&&!e?He.ERROR:this._displayDefaultIndicatorType?!t||e?He.NUMBER:o?He.EDIT:He.DONE:t&&!e?He.DONE:t&&e?i:o&&e?He.EDIT:i});isNavigable=ht(()=>{let e=this.isSelected();return this.completed||e||!this._stepper.linear});get hasError(){let e=this._customError();return e??this._getDefaultError()}set hasError(e){this._customError.set(e)}_customError=V(null);_getDefaultError(){return this.interacted&&!!this.stepControl?.invalid}constructor(){let e=m(io,{optional:!0});this._stepperOptions=e||{},this._displayDefaultIndicatorType=this._stepperOptions.displayDefaultIndicatorType!==!1}select(){this._stepper.selected=this}reset(){this._interacted.set(!1),this._completedOverride()!=null&&this._completedOverride.set(!1),this._customError()!=null&&this._customError.set(!1),this.stepControl&&(this._childForms?.forEach(e=>e.resetForm?.()),this.stepControl.reset())}ngOnChanges(){this._stepper._stateChanged()}_markAsInteracted(){this._interacted()||(this._interacted.set(!0),this.interactedStream.emit(this))}_showError(){return this._stepperOptions.showError??this._customError()!=null}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["cdk-step"]],contentQueries:function(t,i,o){if(t&1&&(F(o,ti,5),F(o,Bi,5)),t&2){let c;k(c=T())&&(i.stepLabel=c.first),k(c=T())&&(i._childForms=c)}},viewQuery:function(t,i){if(t&1&&L(we,7),t&2){let o;k(o=T())&&(i.content=o.first)}},inputs:{stepControl:"stepControl",label:"label",errorMessage:"errorMessage",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],state:"state",editable:[2,"editable","editable",E],optional:[2,"optional","optional",E],completed:[2,"completed","completed",E],hasError:[2,"hasError","hasError",E]},outputs:{interactedStream:"interacted"},exportAs:["cdkStep"],features:[xe],ngContentSelectors:eo,decls:1,vars:0,template:function(t,i){t&1&&(Y(),gi(0,to,1,0,"ng-template"))},encapsulation:2,changeDetection:0})}return n})(),Ye=(()=>{class n{_dir=m(yt,{optional:!0});_changeDetectorRef=m(z);_elementRef=m(q);_destroyed=new te;_keyManager;_steps;steps=new Oe;_stepHeader;_sortedHeaders=new Oe;linear=!1;get selectedIndex(){return this._selectedIndex()}set selectedIndex(e){this._steps?(this._isValidIndex(e),this.selectedIndex!==e&&(this.selected?._markAsInteracted(),!this._anyControlsInvalidOrPending(e)&&(e>=this.selectedIndex||this.steps.toArray()[e].editable)&&this._updateSelectedItemIndex(e))):this._selectedIndex.set(e)}_selectedIndex=V(0);get selected(){return this.steps?this.steps.toArray()[this.selectedIndex]:void 0}set selected(e){this.selectedIndex=e&&this.steps?this.steps.toArray().indexOf(e):-1}selectionChange=new R;selectedIndexChange=new R;_groupId=m(ye).getId("cdk-stepper-");get orientation(){return this._orientation}set orientation(e){this._orientation=e,this._keyManager&&this._keyManager.withVerticalOrientation(e==="vertical")}_orientation="horizontal";constructor(){}ngAfterContentInit(){this._steps.changes.pipe(me(this._steps),Ce(this._destroyed)).subscribe(e=>{this.steps.reset(e.filter(t=>t._stepper===this)),this.steps.forEach((t,i)=>t.index.set(i)),this.steps.notifyOnChanges()})}ngAfterViewInit(){if(this._stepHeader.changes.pipe(me(this._stepHeader),Ce(this._destroyed)).subscribe(e=>{this._sortedHeaders.reset(e.toArray().sort((t,i)=>t._elementRef.nativeElement.compareDocumentPosition(i._elementRef.nativeElement)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)),this._sortedHeaders.notifyOnChanges()}),this._keyManager=new vt(this._sortedHeaders).withWrap().withHomeAndEnd().withVerticalOrientation(this._orientation==="vertical"),this._keyManager.updateActiveItem(this.selectedIndex),(this._dir?this._dir.change:ri()).pipe(me(this._layoutDirection()),Ce(this._destroyed)).subscribe(e=>this._keyManager?.withHorizontalOrientation(e)),this._keyManager.updateActiveItem(this.selectedIndex),this.steps.changes.subscribe(()=>{this.selected||this._selectedIndex.set(Math.max(this.selectedIndex-1,0))}),this._isValidIndex(this.selectedIndex)||this._selectedIndex.set(0),this.linear&&this.selectedIndex>0){let e=this.steps.toArray().slice(0,this._selectedIndex());for(let t of e)t._markAsInteracted()}}ngOnDestroy(){this._keyManager?.destroy(),this.steps.destroy(),this._sortedHeaders.destroy(),this._destroyed.next(),this._destroyed.complete()}next(){this.selectedIndex=Math.min(this._selectedIndex()+1,this.steps.length-1)}previous(){this.selectedIndex=Math.max(this._selectedIndex()-1,0)}reset(){this._updateSelectedItemIndex(0),this.steps.forEach(e=>e.reset()),this._stateChanged()}_getStepLabelId(e){return`${this._groupId}-label-${e}`}_getStepContentId(e){return`${this._groupId}-content-${e}`}_stateChanged(){this._changeDetectorRef.markForCheck()}_getAnimationDirection(e){let t=e-this._selectedIndex();return t<0?this._layoutDirection()==="rtl"?"next":"previous":t>0?this._layoutDirection()==="rtl"?"previous":"next":"current"}_getFocusIndex(){return this._keyManager?this._keyManager.activeItemIndex:this._selectedIndex()}_updateSelectedItemIndex(e){let t=this.steps.toArray(),i=this._selectedIndex();this.selectionChange.emit({selectedIndex:e,previouslySelectedIndex:i,selectedStep:t[e],previouslySelectedStep:t[i]}),this._keyManager&&(this._containsFocus()?this._keyManager.setActiveItem(e):this._keyManager.updateActiveItem(e)),this._selectedIndex.set(e),this.selectedIndexChange.emit(e),this._stateChanged()}_onKeydown(e){let t=bt(e),i=e.keyCode,o=this._keyManager;o?.activeItemIndex!=null&&!t&&(i===32||i===13)?(this.selectedIndex=o.activeItemIndex,e.preventDefault()):o?.setFocusOrigin("keyboard").onKeydown(e)}_anyControlsInvalidOrPending(e){return this.linear&&e>=0?this.steps.toArray().slice(0,e).some(t=>{let i=t.stepControl;return(i?i.invalid||i.pending||!t.interacted:!t.completed)&&!t.optional&&!t._completedOverride()}):!1}_layoutDirection(){return this._dir&&this._dir.value==="rtl"?"rtl":"ltr"}_containsFocus(){let e=this._elementRef.nativeElement,t=Ei();return e===t||e.contains(t)}_isValidIndex(e){return e>-1&&(!this.steps||e<this.steps.length)}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["","cdkStepper",""]],contentQueries:function(t,i,o){if(t&1&&(F(o,zt,5),F(o,ei,5)),t&2){let c;k(c=T())&&(i._steps=c),k(c=T())&&(i._stepHeader=c)}},inputs:{linear:[2,"linear","linear",E],selectedIndex:[2,"selectedIndex","selectedIndex",j],selected:"selected",orientation:"orientation"},outputs:{selectionChange:"selectionChange",selectedIndexChange:"selectedIndexChange"},exportAs:["cdkStepper"]})}return n})(),Hn=(()=>{class n{_stepper=m(Ye);type="submit";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["button","cdkStepperNext",""]],hostVars:1,hostBindings:function(t,i){t&1&&b("click",function(){return i._stepper.next()}),t&2&&ke("type",i.type)},inputs:{type:"type"}})}return n})(),Wn=(()=>{class n{_stepper=m(Ye);type="button";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["button","cdkStepperPrevious",""]],hostVars:1,hostBindings:function(t,i){t&1&&b("click",function(){return i._stepper.previous()}),t&2&&ke("type",i.type)},inputs:{type:"type"}})}return n})();var no=(n,p,e)=>({index:n,active:p,optional:e});function ao(n,p){if(n&1&&Le(0,2),n&2){let e=v();h("ngTemplateOutlet",e.iconOverrides[e.state])("ngTemplateOutletContext",bi(2,no,e.index,e.active,e.optional))}}function oo(n,p){if(n&1&&(a(0,"span",7),s(1),r()),n&2){let e=v(2);d(),X(e._getDefaultTextForState(e.state))}}function ro(n,p){if(n&1&&(a(0,"span",8),s(1),r()),n&2){let e=v(3);d(),X(e._intl.completedLabel)}}function so(n,p){if(n&1&&(a(0,"span",8),s(1),r()),n&2){let e=v(3);d(),X(e._intl.editableLabel)}}function lo(n,p){if(n&1&&(y(0,ro,2,1,"span",8)(1,so,2,1,"span",8),a(2,"mat-icon",7),s(3),r()),n&2){let e=v(2);S(e.state==="done"?0:e.state==="edit"?1:-1),d(3),X(e._getDefaultTextForState(e.state))}}function co(n,p){if(n&1&&y(0,oo,2,1,"span",7)(1,lo,4,2),n&2){let e,t=v();S((e=t.state)==="number"?0:1)}}function mo(n,p){n&1&&(a(0,"div",4),Le(1,9),r()),n&2&&(d(),h("ngTemplateOutlet",p.template))}function po(n,p){if(n&1&&(a(0,"div",4),s(1),r()),n&2){let e=v();d(),X(e.label)}}function ho(n,p){if(n&1&&(a(0,"div",5),s(1),r()),n&2){let e=v();d(),X(e._intl.optionalLabel)}}function uo(n,p){if(n&1&&(a(0,"div",6),s(1),r()),n&2){let e=v();d(),X(e.errorMessage)}}var jn=["*"];function go(n,p){}function _o(n,p){if(n&1&&(O(0),U(1,go,0,0,"ng-template",0)),n&2){let e=v();d(),h("cdkPortalOutlet",e._portal)}}var fo=["animatedContainer"],qn=n=>({step:n});function bo(n,p){n&1&&O(0)}function vo(n,p){n&1&&_(0,"div",7)}function yo(n,p){if(n&1&&(Le(0,6),y(1,vo,1,0,"div",7)),n&2){let e=p.$implicit,t=p.$index,i=p.$count;v(2);let o=I(4);h("ngTemplateOutlet",o)("ngTemplateOutletContext",Wt(3,qn,e)),d(),S(t!==i-1?1:-1)}}function So(n,p){if(n&1&&(a(0,"div",8,1),Le(2,9),r()),n&2){let e=p.$implicit,t=p.$index,i=v(2);ve("mat-horizontal-stepper-content-"+i._getAnimationDirection(t)),h("id",i._getStepContentId(t)),N("aria-labelledby",i._getStepLabelId(t))("inert",i.selectedIndex===t?null:""),d(2),h("ngTemplateOutlet",e.content)}}function Co(n,p){if(n&1&&(a(0,"div",2)(1,"div",3),H(2,yo,2,5,null,null,be),r(),a(4,"div",4),H(5,So,3,6,"div",5,be),r()()),n&2){let e=v();d(2),W(e.steps),d(3),W(e.steps)}}function xo(n,p){if(n&1&&(a(0,"div",10),Le(1,6),a(2,"div",11,1)(4,"div",12)(5,"div",13),Le(6,9),r()()()()),n&2){let e=p.$implicit,t=p.$index,i=p.$index,o=p.$count,c=v(2),l=I(4);d(),h("ngTemplateOutlet",l)("ngTemplateOutletContext",Wt(10,qn,e)),d(),A("mat-stepper-vertical-line",i!==o-1)("mat-vertical-content-container-active",c.selectedIndex===t),N("inert",c.selectedIndex===t?null:""),d(2),h("id",c._getStepContentId(t)),N("aria-labelledby",c._getStepLabelId(t)),d(2),h("ngTemplateOutlet",e.content)}}function wo(n,p){if(n&1&&H(0,xo,7,12,"div",10,be),n&2){let e=v();W(e.steps)}}function Mo(n,p){if(n&1){let e=P();a(0,"mat-step-header",14),b("click",function(){let i=u(e).step;return g(i.select())})("keydown",function(i){u(e);let o=v();return g(o._onKeydown(i))}),r()}if(n&2){let e=p.step,t=v();A("mat-horizontal-stepper-header",t.orientation==="horizontal")("mat-vertical-stepper-header",t.orientation==="vertical"),h("tabIndex",t._getFocusIndex()===e.index()?0:-1)("id",t._getStepLabelId(e.index()))("index",e.index())("state",e.indicatorType())("label",e.stepLabel||e.label)("selected",e.isSelected())("active",e.isNavigable())("optional",e.optional)("errorMessage",e.errorMessage)("iconOverrides",t._iconOverrides)("disableRipple",t.disableRipple||!e.isNavigable())("color",e.color||t.color),N("aria-posinset",e.index()+1)("aria-setsize",t.steps.length)("aria-controls",t._getStepContentId(e.index()))("aria-selected",e.isSelected())("aria-label",e.ariaLabel||null)("aria-labelledby",!e.ariaLabel&&e.ariaLabelledby?e.ariaLabelledby:null)("aria-disabled",e.isNavigable()?null:!0)}}var ot=(()=>{class n extends ti{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Ne(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["","matStepLabel",""]],features:[ie]})}return n})(),ko=(()=>{class n{changes=new te;optionalLabel="Optional";completedLabel="Completed";editableLabel="Editable";static \u0275fac=function(t){return new(t||n)};static \u0275prov=mi({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();var Qn=(()=>{class n extends ei{_intl=m(ko);_focusMonitor=m(Ge);_intlSubscription;state;label;errorMessage;iconOverrides;index;selected;active;optional;disableRipple;color;constructor(){super();let e=m(De);e.load(Re),e.load(Di);let t=m(z);this._intlSubscription=this._intl.changes.subscribe(()=>t.markForCheck())}ngAfterViewInit(){this._focusMonitor.monitor(this._elementRef,!0)}ngOnDestroy(){this._intlSubscription.unsubscribe(),this._focusMonitor.stopMonitoring(this._elementRef)}focus(e,t){e?this._focusMonitor.focusVia(this._elementRef,e,t):this._elementRef.nativeElement.focus(t)}_stringLabel(){return this.label instanceof ot?null:this.label}_templateLabel(){return this.label instanceof ot?this.label:null}_getHostElement(){return this._elementRef.nativeElement}_getDefaultTextForState(e){return e=="number"?`${this.index+1}`:e=="edit"?"create":e=="error"?"warning":e}_hasEmptyLabel(){return!this._stringLabel()&&!this._templateLabel()&&!this._hasOptionalLabel()&&!this._hasErrorLabel()}_hasOptionalLabel(){return this.optional&&this.state!=="error"}_hasErrorLabel(){return this.state==="error"}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-step-header"]],hostAttrs:["role","tab",1,"mat-step-header"],hostVars:4,hostBindings:function(t,i){t&2&&(ve("mat-"+(i.color||"primary")),A("mat-step-header-empty-label",i._hasEmptyLabel()))},inputs:{state:"state",label:"label",errorMessage:"errorMessage",iconOverrides:"iconOverrides",index:"index",selected:"selected",active:"active",optional:"optional",disableRipple:"disableRipple",color:"color"},features:[ie],decls:10,vars:17,consts:[["matRipple","",1,"mat-step-header-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled"],[1,"mat-step-icon-content"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"mat-step-label"],[1,"mat-step-text-label"],[1,"mat-step-optional"],[1,"mat-step-sub-label-error"],["aria-hidden","true"],[1,"cdk-visually-hidden"],[3,"ngTemplateOutlet"]],template:function(t,i){if(t&1&&(_(0,"div",0),a(1,"div")(2,"div",1),y(3,ao,1,6,"ng-container",2)(4,co,2,1),r()(),a(5,"div",3),y(6,mo,2,1,"div",4)(7,po,2,1,"div",4),y(8,ho,2,1,"div",5),y(9,uo,2,1,"div",6),r()),t&2){let o;h("matRippleTrigger",i._getHostElement())("matRippleDisabled",i.disableRipple),d(),ve(fi("mat-step-icon-state-",i.state," mat-step-icon")),A("mat-step-icon-selected",i.selected),d(2),S(i.iconOverrides&&i.iconOverrides[i.state]?3:4),d(2),A("mat-step-label-active",i.active)("mat-step-label-selected",i.selected)("mat-step-label-error",i.state=="error"),d(),S((o=i._templateLabel())?6:i._stringLabel()?7:-1,o),d(2),S(i._hasOptionalLabel()?8:-1),d(),S(i._hasErrorLabel()?9:-1)}},dependencies:[Be,Qt,Ii],styles:[`.mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:""}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-header-empty-label .mat-step-label{min-width:0}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-done-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}
|
|
10
|
+
`],encapsulation:2,changeDetection:0})}return n})(),To=(()=>{class n{templateRef=m(we);name;constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matStepperIcon",""]],inputs:{name:[0,"matStepperIcon","name"]}})}return n})(),Eo=(()=>{class n{_template=m(we);constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275dir=D({type:n,selectors:[["ng-template","matStepContent",""]]})}return n})(),ii=(()=>{class n extends zt{_errorStateMatcher=m(Xt,{skipSelf:!0});_viewContainerRef=m(dt);_isSelected=We.EMPTY;stepLabel=void 0;color;_lazyContent;_portal;ngAfterContentInit(){this._isSelected=this._stepper.steps.changes.pipe(ci(()=>this._stepper.selectionChange.pipe(si(e=>e.selectedStep===this),me(this._stepper.selected===this)))).subscribe(e=>{e&&this._lazyContent&&!this._portal&&(this._portal=new Ct(this._lazyContent._template,this._viewContainerRef))})}ngOnDestroy(){this._isSelected.unsubscribe()}isErrorState(e,t){let i=this._errorStateMatcher.isErrorState(e,t),o=!!(e&&e.invalid&&this.interacted);return i||o}static \u0275fac=(()=>{let e;return function(i){return(e||(e=Ne(n)))(i||n)}})();static \u0275cmp=M({type:n,selectors:[["mat-step"]],contentQueries:function(t,i,o){if(t&1&&(F(o,ot,5),F(o,Eo,5)),t&2){let c;k(c=T())&&(i.stepLabel=c.first),k(c=T())&&(i._lazyContent=c.first)}},hostAttrs:["hidden",""],inputs:{color:"color"},exportAs:["matStep"],features:[Q([{provide:Xt,useExisting:n},{provide:zt,useExisting:n}]),ie],ngContentSelectors:jn,decls:1,vars:0,consts:[[3,"cdkPortalOutlet"]],template:function(t,i){t&1&&(Y(),U(0,_o,2,1,"ng-template"))},dependencies:[xt],encapsulation:2,changeDetection:0})}return n})(),Xn=(()=>{class n extends Ye{_ngZone=m(Me);_renderer=m(Fe);_animationsDisabled=Ie();_cleanupTransition;_isAnimating=V(!1);_stepHeader=void 0;_animatedContainers;_steps=void 0;steps=new Oe;_icons;animationDone=new R;disableRipple;color;labelPosition="end";headerPosition="top";_iconOverrides={};get animationDuration(){return this._animationDuration}set animationDuration(e){this._animationDuration=/^\d+$/.test(e)?e+"ms":e}_animationDuration="";_isServer=!m(Ke).isBrowser;constructor(){super();let t=m(q).nativeElement.nodeName.toLowerCase();this.orientation=t==="mat-vertical-stepper"?"vertical":"horizontal"}ngAfterContentInit(){super.ngAfterContentInit(),this._icons.forEach(({name:e,templateRef:t})=>this._iconOverrides[e]=t),this.steps.changes.pipe(Ce(this._destroyed)).subscribe(()=>this._stateChanged()),this.selectedIndexChange.pipe(Ce(this._destroyed)).subscribe(()=>{let e=this._getAnimationDuration();e==="0ms"||e==="0s"?this._onAnimationDone():this._isAnimating.set(!0)}),this._ngZone.runOutsideAngular(()=>{this._animationsDisabled||setTimeout(()=>{this._elementRef.nativeElement.classList.add("mat-stepper-animations-enabled"),this._cleanupTransition=this._renderer.listen(this._elementRef.nativeElement,"transitionend",this._handleTransitionend)},200)})}ngAfterViewInit(){if(super.ngAfterViewInit(),typeof queueMicrotask=="function"){let e=!1;this._animatedContainers.changes.pipe(me(null),Ce(this._destroyed)).subscribe(()=>queueMicrotask(()=>{e||(e=!0,this.animationDone.emit()),this._stateChanged()}))}}ngOnDestroy(){super.ngOnDestroy(),this._cleanupTransition?.()}_getAnimationDuration(){return this._animationsDisabled?"0ms":this.animationDuration?this.animationDuration:this.orientation==="horizontal"?"500ms":"225ms"}_handleTransitionend=e=>{let t=e.target;if(!t)return;let i=this.orientation==="horizontal"&&e.propertyName==="transform"&&t.classList.contains("mat-horizontal-stepper-content-current"),o=this.orientation==="vertical"&&e.propertyName==="grid-template-rows"&&t.classList.contains("mat-vertical-content-container-active");(i||o)&&this._animatedContainers.find(l=>l.nativeElement===t)&&this._onAnimationDone()};_onAnimationDone(){this._isAnimating.set(!1),this.animationDone.emit()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["mat-stepper"],["mat-vertical-stepper"],["mat-horizontal-stepper"],["","matStepper",""]],contentQueries:function(t,i,o){if(t&1&&(F(o,ii,5),F(o,To,5)),t&2){let c;k(c=T())&&(i._steps=c),k(c=T())&&(i._icons=c)}},viewQuery:function(t,i){if(t&1&&(L(Qn,5),L(fo,5)),t&2){let o;k(o=T())&&(i._stepHeader=o),k(o=T())&&(i._animatedContainers=o)}},hostAttrs:["role","tablist"],hostVars:15,hostBindings:function(t,i){t&2&&(N("aria-orientation",i.orientation),qe("--mat-stepper-animation-duration",i._getAnimationDuration()),A("mat-stepper-horizontal",i.orientation==="horizontal")("mat-stepper-vertical",i.orientation==="vertical")("mat-stepper-label-position-end",i.orientation==="horizontal"&&i.labelPosition=="end")("mat-stepper-label-position-bottom",i.orientation==="horizontal"&&i.labelPosition=="bottom")("mat-stepper-header-position-bottom",i.headerPosition==="bottom")("mat-stepper-animating",i._isAnimating()))},inputs:{disableRipple:"disableRipple",color:"color",labelPosition:"labelPosition",headerPosition:"headerPosition",animationDuration:"animationDuration"},outputs:{animationDone:"animationDone"},exportAs:["matStepper","matVerticalStepper","matHorizontalStepper"],features:[Q([{provide:Ye,useExisting:n}]),ie],ngContentSelectors:jn,decls:5,vars:2,consts:[["stepTemplate",""],["animatedContainer",""],[1,"mat-horizontal-stepper-wrapper"],[1,"mat-horizontal-stepper-header-container"],[1,"mat-horizontal-content-container"],["role","tabpanel",1,"mat-horizontal-stepper-content",3,"id","class"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"mat-stepper-horizontal-line"],["role","tabpanel",1,"mat-horizontal-stepper-content",3,"id"],[3,"ngTemplateOutlet"],[1,"mat-step"],[1,"mat-vertical-content-container"],["role","tabpanel",1,"mat-vertical-stepper-content",3,"id"],[1,"mat-vertical-content"],[3,"click","keydown","tabIndex","id","index","state","label","selected","active","optional","errorMessage","iconOverrides","disableRipple","color"]],template:function(t,i){if(t&1&&(Y(),y(0,bo,1,0),y(1,Co,7,0,"div",2)(2,wo,2,0),U(3,Mo,1,23,"ng-template",null,0,Si)),t&2){let o;S(i._isServer?0:-1),d(),S((o=i.orientation)==="horizontal"?1:o==="vertical"?2:-1)}},dependencies:[Qt,Qn],styles:[`.mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:"";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:"";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}
|
|
11
|
+
`],encapsulation:2,changeDetection:0})}return n})(),Kn=(()=>{class n extends Hn{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Ne(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["button","matStepperNext",""]],hostAttrs:[1,"mat-stepper-next"],hostVars:1,hostBindings:function(t,i){t&2&&ke("type",i.type)},features:[ie]})}return n})(),Gn=(()=>{class n extends Wn{static \u0275fac=(()=>{let e;return function(i){return(e||(e=Ne(n)))(i||n)}})();static \u0275dir=D({type:n,selectors:[["button","matStepperPrevious",""]],hostAttrs:[1,"mat-stepper-previous"],hostVars:1,hostBindings:function(t,i){t&2&&ke("type",i.type)},features:[ie]})}return n})();var Do=()=>[5,10,25,100];function Io(n,p){n&1&&(a(0,"mat-header-cell",29),s(1," Path "),r())}function Ro(n,p){if(n&1&&(a(0,"mat-cell",30),s(1),r()),n&2){let e=p.$implicit;d(),ae(" ",e.path," ")}}function Po(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Source "),r())}function Ao(n,p){if(n&1&&(a(0,"mat-cell",32),s(1),r()),n&2){let e=p.$implicit;d(),ae(" ",e.pathSource," ")}}function Vo(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Time Scale "),r())}function No(n,p){if(n&1&&(a(0,"mat-cell",33),s(1),r()),n&2){let e=p.$implicit;d(),ae(" ",e.timeScaleFormat," ")}}function Oo(n,p){n&1&&(a(0,"mat-header-cell",31),s(1," Duration "),r())}function Fo(n,p){if(n&1&&(a(0,"mat-cell",33),s(1),r()),n&2){let e=p.$implicit;d(),ae(" ",e.period," ")}}function Lo(n,p){n&1&&_(0,"mat-header-cell",34)}function zo(n,p){if(n&1){let e=P();a(0,"mat-cell",35)(1,"button",36),b("click",function(){let i=u(e).$implicit,o=v();return g(o.openDatasetModal(i.uuid))}),s(2,"Edit"),r(),a(3,"button",36),b("click",function(){let i=u(e).$implicit,o=v();return g(o.deleteDataset(i.uuid))}),s(4,"Delete"),r()()}}function Bo(n,p){n&1&&_(0,"mat-header-row",37)}function Uo(n,p){n&1&&_(0,"mat-row",38)}function Ho(n,p){if(n&1&&(a(0,"mat-row"),s(1),r()),n&2){v();let e=I(9);d(),ae(' No data matching the filter "',e.value,'" ')}}function Wo(n,p){n&1&&s(0,"Source Data")}function Qo(n,p){if(n&1&&(a(0,"mat-option",7),s(1),r()),n&2){let e=p.$implicit;h("value",e),d(),ae(" ",e," ")}}function jo(n,p){if(n&1&&(a(0,"mat-option",7),s(1),r()),n&2){let e=p.$implicit;h("value",e),d(),ae(" ",e," ")}}function qo(n,p){n&1&&s(0,"Sampling")}var $n="[_nghost-%COMP%]{display:block;height:100%;width:100%}.content-area[_ngcontent-%COMP%]{height:calc(100% - 63px);overflow-y:auto;width:100%;scroll-behavior:smooth}.filter[_ngcontent-%COMP%]{margin-bottom:10px}.buttons[_ngcontent-%COMP%]{margin-top:10px}.mat-column-actions[_ngcontent-%COMP%]{text-align:end}.buttons[_ngcontent-%COMP%]{margin-right:5px}.pathCell[_ngcontent-%COMP%], .pathHeader[_ngcontent-%COMP%]{flex:1 1 50%}.dataHeader[_ngcontent-%COMP%], .dataCell[_ngcontent-%COMP%]{flex:1 1 10%;justify-content:center}.actionHeader[_ngcontent-%COMP%]{flex:1 1 20%}.actionCell[_ngcontent-%COMP%]{flex:1 1 20%;justify-content:end}@media screen and (max-width: 750px){.pathHeader[_ngcontent-%COMP%], .dataHeader[_ngcontent-%COMP%]{flex:1 1 30%}.actionHeader[_ngcontent-%COMP%]{display:none}.mat-mdc-table[_ngcontent-%COMP%] .mat-mdc-cell[_ngcontent-%COMP%]:before{content:attr(data-label);float:left;padding-right:5px}mat-row[_ngcontent-%COMP%]:after{min-height:auto;padding-bottom:10px}.dataRow[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}.dataCell[_ngcontent-%COMP%], .actionCell[_ngcontent-%COMP%]{margin-left:24px}}",Jn=(()=>{class n{paginator=re(Rt);sort=re(Pt);pageTitle="Datasets";selectedDataset;tableData=new yn([]);displayedColumns=["path","pathSource","timeScaleFormat","period","actions"];dialog=m(wt);cdRef=m(z);dsService=m(Yi);ngOnInit(){this.loadDatasets()}loadDatasets(){this.tableData.data=this.dsService.list().filter(e=>e.editable!==!1)}ngAfterViewInit(){this.tableData.paginator=this.paginator(),this.tableData.sort=this.sort(),this.tableData.filter="",this.cdRef.detectChanges()}openDatasetModal(e){let t;if(e){let i=tt(this.tableData.data.find(o=>o.uuid===e));i&&(t=this.dialog.open(Zn,{data:i,disableClose:!1}))}else t=this.dialog.open(Zn,{disableClose:!1});t.afterClosed().subscribe(i=>{i===void 0||!i||(i.label=`${i.path}, Source: ${i.pathSource}, Scale: ${i.timeScaleFormat}, Period: ${i.period} `,i.uuid?this.editDataset(i):this.addDataset(i),this.loadDatasets())})}addDataset(e){this.dsService.create(e.path,e.pathSource,e.timeScaleFormat,e.period,e.label,!0,!0),this.loadDatasets()}editDataset(e){this.dsService.edit(e),this.loadDatasets()}deleteDataset(e){this.dsService.remove(e),this.loadDatasets()}trackByUuid(e,t){return`${t.uuid}`}applyFilter(e){let t=e.target.value;this.tableData.filter=t.trim().toLowerCase(),this.tableData.paginator&&this.tableData.paginator.firstPage()}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-datasets"]],viewQuery:function(t,i){t&1&&(ne(i.paginator,Rt,5),ne(i.sort,Pt,5)),t&2&&Te(2)},decls:36,vars:7,consts:[["existingDataSet","ngForm"],["input",""],[1,"content-area"],["name","existingDataSet",1,"page-content-wrapper","content-area"],[1,"mat-card-subtitle","description-text"],[1,"filter"],["matInput","","placeholder","Ex: navigation","value","",3,"keyup"],[1,"mat-elevation-z8","full-width","table-container"],["matSort","","matSortActive","path","matSortDirection","asc",1,"full-display",3,"dataSource","trackBy"],["matColumnDef","path"],["class","pathHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","pathCell","data-label","Path: ",4,"matCellDef"],["matColumnDef","pathSource"],["class","dataHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","dataCell","data-label","Source: ",4,"matCellDef"],["matColumnDef","timeScaleFormat"],["class","dataCell","data-label","Scale: ",4,"matCellDef"],["matColumnDef","period"],["matColumnDef","actions"],["class","actionHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","actionCell",4,"matCellDef"],["class","headerRow",4,"matHeaderRowDef","matHeaderRowDefSticky"],["class","dataRow",4,"matRowDef","matRowDefColumns"],[4,"matNoDataRow"],[1,"paginator"],["pageSize","5",3,"pageSizeOptions"],[1,"formActionFooter"],[1,"formActionDivider"],["mat-flat-button","",1,"formActionButton",3,"click"],["mat-sort-header","",1,"pathHeader"],["data-label","Path: ",1,"pathCell"],["mat-sort-header","",1,"dataHeader"],["data-label","Source: ",1,"dataCell"],["data-label","Scale: ",1,"dataCell"],["mat-sort-header","",1,"actionHeader"],[1,"actionCell"],["mat-raised-button","","color","accent",1,"small-button","buttons",3,"click"],[1,"headerRow"],[1,"dataRow"]],template:function(t,i){if(t&1){let o=P();a(0,"div",2)(1,"form",3,0)(3,"p",4),s(4,"Datasets are background processes that record path values over time. Combine with the Data Chart widget they offer data visualization graphs. Care should be applied to manage Datasets and evaluate system resources usage. "),r(),a(5,"mat-form-field",5)(6,"mat-label"),s(7,"Filter"),r(),a(8,"input",6,1),b("keyup",function(l){return u(o),g(i.applyFilter(l))}),r()(),a(10,"div",7)(11,"mat-table",8),Qe(12,9),U(13,Io,2,0,"mat-header-cell",10)(14,Ro,2,1,"mat-cell",11),je(),Qe(15,12),U(16,Po,2,0,"mat-header-cell",13)(17,Ao,2,1,"mat-cell",14),je(),Qe(18,15),U(19,Vo,2,0,"mat-header-cell",13)(20,No,2,1,"mat-cell",16),je(),Qe(21,17),U(22,Oo,2,0,"mat-header-cell",13)(23,Fo,2,1,"mat-cell",16),je(),Qe(24,18),U(25,Lo,1,0,"mat-header-cell",19)(26,zo,5,0,"mat-cell",20),je(),U(27,Bo,1,0,"mat-header-row",21)(28,Uo,1,0,"mat-row",22)(29,Ho,2,1,"mat-row",23),r()(),a(30,"div",24),_(31,"mat-paginator",25),r(),a(32,"div",26),_(33,"mat-divider",27),a(34,"button",28),b("click",function(){return u(o),g(i.openDatasetModal())}),s(35,"Add"),r()()()()}t&2&&(d(11),h("dataSource",i.tableData)("trackBy",i.trackByUuid),d(16),h("matHeaderRowDef",i.displayedColumns)("matHeaderRowDefSticky",!0),d(),h("matRowDefColumns",i.displayedColumns),d(3),h("pageSizeOptions",oe(6,Do)))},dependencies:[$,Z,G,se,de,le,Se,dn,Pt,pn,mn,hn,Sn,cn,un,K,gn,fn,_n,bn,vn,Rt,ce],styles:[$n]})}return n})(),Zn=(()=>{class n{SignalKDataService=m(Ze);dialogRef=m(Vi);dataset=m(Ni);titleDialog=null;newDataset={uuid:null,path:null,pathSource:null,baseUnit:null,timeScaleFormat:"second",period:10,label:null};formDataset=null;availablePaths=[];availableSources=[];filterSelfPaths=!0;ngOnInit(){if(this.dataset){this.titleDialog="Edit Dataset",this.formDataset=this.dataset;let e=this.SignalKDataService.getPathObject(this.formDataset.path);e!==null&&(this.availableSources=["default"].concat(Object.keys(e.sources)))}else this.titleDialog="Add Dataset",this.formDataset=this.newDataset;this.availablePaths=this.SignalKDataService.getPathsByType("number").sort()}changePath(){let e=this.SignalKDataService.getPathObject(this.formDataset.path);e!==null&&(this.availableSources=["default"].concat(Object.keys(e.sources)),this.formDataset.pathSource="default")}closeForm(){this.dialogRef.close(this.formDataset)}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["settings-datasets-modal"]],decls:67,vars:11,consts:[["datasetForm","ngForm"],["mat-dialog-title",""],["name","datasetForm",3,"ngSubmit"],["matStepLabel",""],[1,"tab-content"],[1,"full-width"],["placeholder","Select data path","name","selectedPath","required","",3,"ngModelChange","ngModel"],[3,"value"],["name","filterSelfPaths",3,"ngModelChange","ngModel"],["placeholder","Select data source","name","selectedSource","required","",3,"ngModelChange","ngModel"],[1,"buttons"],["type","button","mat-raised-button","","color","accent","matStepperNext","",3,"disabled"],[1,"mat-subtitle-1"],[1,"flex-container",2,"margin-top","10px"],[1,"flex-field-50"],["placeholder","Select dataset time scale","name","timeScaleFormat","required","",3,"ngModelChange","ngModel"],["value","hour"],["value","minute"],["value","second"],["matInput","","type","number","min","1","max","60","step","1","placeholder","Enter or select number...","name","period","required","",3,"ngModelChange","ngModel"],[2,"margin-top","10px"],["type","button","mat-raised-button","","color","accent","matStepperPrevious","",1,"buttons"],["mat-raised-button","","type","submit","color","accent",1,"buttons",3,"disabled"]],template:function(t,i){if(t&1){let o=P();a(0,"h6",1),s(1),r(),a(2,"mat-dialog-content")(3,"form",2,0),b("ngSubmit",function(){return u(o),g(i.closeForm())}),a(5,"mat-horizontal-stepper")(6,"mat-step"),U(7,Wo,1,0,"ng-template",3),a(8,"div",4)(9,"mat-form-field",5)(10,"mat-label"),s(11,"Signal K Path"),r(),a(12,"mat-select",6),w("ngModelChange",function(l){return u(o),x(i.formDataset.path,l)||(i.formDataset.path=l),g(l)}),b("ngModelChange",function(){return u(o),g(i.changePath())}),H(13,Qo,2,2,"mat-option",7,be),pt(15,"filterSelf"),r()(),a(16,"mat-checkbox",8),w("ngModelChange",function(l){return u(o),x(i.filterSelfPaths,l)||(i.filterSelfPaths=l),g(l)}),s(17," Restrict to own vessel "),r(),_(18,"br")(19,"br"),a(20,"mat-form-field",5)(21,"mat-label"),s(22,"Source"),r(),a(23,"mat-select",9),w("ngModelChange",function(l){return u(o),x(i.formDataset.pathSource,l)||(i.formDataset.pathSource=l),g(l)}),H(24,jo,2,2,"mat-option",7,be),r()()(),_(26,"mat-divider"),a(27,"div",10)(28,"button",11),s(29," Next "),r()()(),a(30,"mat-step"),U(31,qo,1,0,"ng-template",3),a(32,"div",4)(33,"span",12),s(34,"Time Scales"),r(),a(35,"div",13)(36,"div",14)(37,"mat-form-field",5)(38,"mat-label"),s(39,"Scale"),r(),a(40,"mat-select",15),w("ngModelChange",function(l){return u(o),x(i.formDataset.timeScaleFormat,l)||(i.formDataset.timeScaleFormat=l),g(l)}),a(41,"mat-option",16),s(42,"Hours"),r(),a(43,"mat-option",17),s(44,"Minutes"),r(),a(45,"mat-option",18),s(46,"Seconds"),r()()()(),a(47,"div",14)(48,"mat-form-field",5)(49,"mat-label"),s(50,"Duration"),r(),a(51,"input",19),w("ngModelChange",function(l){return u(o),x(i.formDataset.period,l)||(i.formDataset.period=l),g(l)}),r()()()(),a(52,"p",20),s(53,"Time scales define the data sampling rate and overall Dataset level of precision. Select a Time Scale that is targeted to your intended usage. Shorter Time Scales have higher system resources costs, for both the data capture and widget rendering process. "),r(),a(54,"ul")(55,"li"),s(56,"Hours: per minute sampling rate. Intended for long sampling periods when slow refresh rate is acceptable and system resource usage should be minimized. Grafana is the perfect alternative to this Time Scale. "),r(),a(57,"li"),s(58,"Minutes: per second sampling rate. Meant for trends observations such wind speed, depth, solar power, voltage, etc. "),r(),a(59,"li"),s(60,"Secondes: 200ms sampling rate. Intended for use cases where user may act upon realtime information such as when racing. "),r()()(),_(61,"mat-divider"),a(62,"div",10)(63,"button",21),s(64," Back "),r(),a(65,"button",22),s(66," Save "),r()()()()()()}if(t&2){let o=I(4);d(),ae(" ",i.titleDialog," "),d(11),C("ngModel",i.formDataset.path),d(),W(yi(15,8,i.availablePaths,i.filterSelfPaths)),d(3),C("ngModel",i.filterSelfPaths),d(7),C("ngModel",i.formDataset.pathSource),d(),W(i.availableSources),d(4),h("disabled",!i.formDataset.path),d(12),C("ngModel",i.formDataset.timeScaleFormat),d(11),C("ngModel",i.formDataset.period),d(14),h("disabled",!o.valid)}},dependencies:[$i,Oi,Fi,$,Z,Pe,Wi,ee,G,fe,ji,Qi,_e,se,Xn,ii,ot,de,le,Ve,Ae,$e,ce,K,Kn,Se,Gn,Un],styles:[$n]})}return n})();var fc=(()=>{class n{pageTitle="Settings";constructor(){}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=M({type:n,selectors:[["tabs"]],decls:14,vars:1,consts:[[3,"pageTitle"],[1,"content-area"],["label","Connectivity"],[1,"tab-content"],["label","Display"],["label","Notifications"],["label","Units"],["label","Dataset"],["label","Configuration"]],template:function(t,i){t&1&&(_(0,"page-header",0),a(1,"mat-tab-group",1)(2,"mat-tab",2),_(3,"settings-signalk",3),r(),a(4,"mat-tab",4),_(5,"settings-display",3),r(),a(6,"mat-tab",5),_(7,"settings-notifications",3),r(),a(8,"mat-tab",6),_(9,"settings-units",3),r(),a(10,"mat-tab",7),_(11,"settings-datasets",3),r(),a(12,"mat-tab",8),_(13,"settings-config",3),r()()),t&2&&h("pageTitle",i.pageTitle)},dependencies:[nn,tn,Vn,Pn,Cn,zn,Bn,ln,Jn],styles:["[_nghost-%COMP%]{display:block;height:100%;width:100%}.content-area[_ngcontent-%COMP%]{height:calc(100% - 63px);overflow:hidden;width:100%;padding:0 24px}.tab-content[_ngcontent-%COMP%]{overflow-y:auto;width:100%;scroll-behavior:smooth;display:block}"]})}return n})();export{fc as TabsComponent};
|