@mxtommy/kip 3.10.4 → 3.11.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 +9 -1
- package/README.md +15 -3
- package/package.json +1 -1
- package/public/assets/svg/icons.svg +8 -0
- package/public/{chunk-FFE275CO.js → chunk-5MLB3PYZ.js} +1 -1
- package/public/{chunk-X5HFS54R.js → chunk-K4BST2XF.js} +1 -1
- package/public/{chunk-OX4U3HT6.js → chunk-N3HCHSSE.js} +1 -1
- package/public/{chunk-CS5U3NWY.js → chunk-P4K222SI.js} +7 -7
- package/public/{chunk-Z4FDWG2W.js → chunk-S4OKR5KN.js} +1 -1
- package/public/index.html +1 -1
- package/public/main-KP322K7A.js +51 -0
- package/public/main-ASCSBNAW.js +0 -51
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import{a as bn,b as Cn,c as kn,d as nd,e as ad,f as od,g as rd}from"./chunk-P4K222SI.js";import{A as ud,B as md,C as En,D as Pi,E as Ct,F as Mn,G as Dn,H as An,I as ro,J as so,K as pd,L as Pn,M as On,a as it,b as Mi,c as Di,d as eo,e as Yi,f as ca,g as ei,h as Ai,i as Bt,j as to,k as io,l as xn,m as Ki,n as no,o as ao,p as ti,q as _r,r as oo,s as ha,t as hd,u as Sr,v as Cr,w as kr,x as xr,y as Tn,z as ua}from"./chunk-VZ77T3BF.js";import{f as Rt}from"./chunk-FPMCI7XZ.js";import{a as bd,b as wd,c as _d,d as Sd}from"./chunk-2MAVQD65.js";import{a as td,b as id,c as sd,d as ld,e as dd,f as cd,g as Za,h as Ja,i as gd}from"./chunk-TARCFDF4.js";import{b as Cd,g as kd}from"./chunk-EJ4JM3HG.js";import{a as fd,b as vd,c as yd}from"./chunk-XE352AKG.js";import{c as pi}from"./chunk-I6UWIF55.js";import"./chunk-TIXQ3FAF.js";import{a as ot,b as Ot}from"./chunk-S4OKR5KN.js";import{a as ed}from"./chunk-G4B4D3XR.js";import{A as Jl,a as Vt,b as _n,c as ne,d as Sn,e as Ti,f as zl,g as Ei,m as Yl}from"./chunk-XFU5YJJP.js";import{K as Zl,a as ui,b as bl,c as wl,e as wn,f as Ua,h as Ht,i as Ga,j as Pt,l as Kl,q as Ql,x as Xl}from"./chunk-GIZH6HIB.js";import{a as da,b as Hl,c as Ul,f as br,j as Gl,k as Xa,n as ql,o as jl,p as $l,s as wr}from"./chunk-IZAPOSYM.js";import{$b as hi,$c as Ol,$d as bt,Ab as vi,Ac as gl,Ba as Wa,Bb as yi,C as dr,Ca as La,D as Ra,Da as Xs,Db as te,Dc as fl,Dd as Bl,Ea as gr,Eb as we,F as Ia,Fa as C,Fb as rl,Fc as vl,Ga as Zs,Gb as ye,Gc as yl,Gd as yr,Ha as Js,Hb as Jt,Hd as vt,Ia as el,Ib as sl,Id as ut,J as qs,Ja as At,Jb as ji,Jc as _l,Kb as b,Kc as Sl,La as fr,Lb as Fe,Lc as Cl,M as cr,Ma as tl,Mb as et,Mc as kl,Md as Ka,Nb as ll,O as Na,Oa as H,Oc as ft,Od as la,P as js,Pa as di,Pb as ge,Pc as St,Qa as ci,Qb as fe,Qc as xl,R as hr,Ra as il,Rb as ve,Rc as Tl,S as hn,Sa as de,Sb as dl,Sc as El,Tb as cl,Tc as qa,Ua as Va,Ub as hl,Uc as ja,V as $s,Va as nl,Vb as xi,Vc as Ml,Wa as kt,Wc as Dl,Wd as Fl,X as Ys,Xa as Ze,Xc as mi,Ya as oa,Yd as yt,Z as ur,Zc as Al,Zd as Qa,_a as al,_c as Pl,a as Y,aa as $e,ab as ee,ac as Fa,b as tt,bb as Pe,bc as fn,c as Fs,ca as lt,cb as Oe,cc as vr,d as Hs,da as si,db as xt,dc as Je,e as Aa,ea as mr,ec as at,f as Gi,fa as un,fb as mt,fc as oe,g as Pa,ga as E,gb as pt,gc as ul,gd as Rl,ha as Ks,hb as F,ib as f,j as Xt,ja as P,jb as w,jc as vn,ka as O,kb as U,kc as B,l as Ci,la as Z,lb as D,lc as ie,ma as Ge,mb as W,na as qi,nb as Q,nc as $i,nd as Il,oa as mn,ob as Ba,oc as yn,od as Nl,pa as li,pb as za,q as Us,qc as Ha,qd as $a,r as sr,ra as q,rb as K,t as Oa,tb as R,td as Wl,ua as pn,ub as ra,uc as ml,v as lr,va as Qs,vb as G,vd as Ll,w as Zt,wa as Xe,wb as sa,wd as Vl,x as Gs,xb as gn,xc as pl,xd as Ya,yb as ol,za as pr,zb as ki}from"./chunk-ANRGX57I.js";var Kr=Hs((LS,Do)=>{(function(a){"use strict";function n(u){if(Array.isArray(u)){for(var h=0,g=Array(u.length);h<u.length;h++)g[h]=u[h];return g}return Array.from(u)}function e(u,h){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!h||typeof h!="object"&&typeof h!="function"?u:h}function t(u,h){if(typeof h!="function"&&h!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof h);u.prototype=Object.create(h&&h.prototype,{constructor:{value:u,enumerable:!1,writable:!0,configurable:!0}}),h&&(Object.setPrototypeOf?Object.setPrototypeOf(u,h):u.__proto__=h)}function i(u,h){if(!(u instanceof h))throw new TypeError("Cannot call a class as a function")}function o(u,h){if(h||(h=typeof window>"u"?global:window),h[u]!==void 0)return h[u];if(Da===null){var g=window.getComputedStyle(document.documentElement,"");Da=(Array.prototype.slice.call(g).join("").match(/-(moz|webkit|ms)-/)||g.OLink===""&&["","o"]||["",""])[1]}if(Da==="")return null;var _=u.charAt(0).toUpperCase()+u.substr(1),k=h[Da+_];return k!==void 0?k:null}function r(u,h,g,_,k,T,A){if(typeof _!="function")throw new TypeError("Invalid animation rule:",_);var N=u-g,I=N/k,L=0;I>1&&(I=1),I!==1&&(L=_(I),isFinite(L)&&!isNaN(L)&&(I=L)),h&&h(I),N<k?A.frame=Ws(function(j){return r(j,h,g,_,k,T,A)}):(T&&T(),A.inProgress=!1)}function l(){Array.prototype.constructor.apply(this,arguments)}function d(u){if(!(u instanceof DOMException&&u.result===2152923147))throw u}function p(u,h){return h.replace(Gu,function(g,_){var k=u[_];return k!==void 0?k:g})}function s(u){return u.majorTicks instanceof Array||(u.majorTicks=u.majorTicks?[u.majorTicks]:[]),u.majorTicks.length||(u.majorTicks.push(re.formatMajorTickNumber(u.minValue,u)),u.majorTicks.push(re.formatMajorTickNumber(u.maxValue,u))),[u.tickSide!=="right",u.tickSide!=="left"]}function c(u,h,g,_,k,T){u.beginPath(),u.moveTo(h+T,g),u.lineTo(h+_-T,g),u.quadraticCurveTo(h+_,g,h+_,g+T),u.lineTo(h+_,g+k-T),u.quadraticCurveTo(h+_,g+k,h+_-T,g+k),u.lineTo(h+T,g+k),u.quadraticCurveTo(h,g+k,h,g+k-T),u.lineTo(h,g+T),u.quadraticCurveTo(h,g,h+T,g),u.closePath()}function m(u,h){var g=h.valueDec,_=h.valueInt,k=0,T=void 0,A=void 0,N=void 0;if(u=parseFloat(u),N=u<0,u=Math.abs(u),g>0){for(A=u.toFixed(g).toString().split("."),T=_-A[0].length;k<T;++k)A[0]="0"+A[0];A=(N?"-":"")+A[0]+"."+A[1]}else{for(A=Math.round(u).toString(),T=_-A.length;k<T;++k)A="0"+A;A=(N?"-":"")+A}return A}function v(u,h){var g=void 0,_=!1;return g=h.majorTicksDec===0?Math.round(u).toString():u.toFixed(h.majorTicksDec),h.majorTicksInt>1?(_=~g.indexOf("."),~g.indexOf("-")?"-"+[h.majorTicksInt+h.majorTicksDec+2+(_?1:0)-g.length].join("0")+g.replace("-",""):[h.majorTicksInt+h.majorTicksDec+1+(_?1:0)-g.length].join("0")+g):g}function y(u){return u*Math.PI/180}function S(u,h){return{x:-u*Math.sin(h),y:u*Math.cos(h)}}function x(u,h,g,_){var k=!(arguments.length>4&&arguments[4]!==void 0)||arguments[4],T=arguments.length>5&&arguments[5]!==void 0?arguments[5]:0,A=u.createLinearGradient(k?0:T,k?T:0,k?0:_,k?_:0);return A.addColorStop(0,h),A.addColorStop(1,g),A}function V(u,h){h.needleShadow&&(u.shadowOffsetX=2,u.shadowOffsetY=2,u.shadowBlur=10,u.shadowColor=h.colorNeedleShadowDown)}function z(u,h,g){return u["font"+h+"Style"]+" "+u["font"+h+"Weight"]+" "+u["font"+h+"Size"]*g+"px "+u["font"+h]}function X(u){u.shadowOffsetX=null,u.shadowOffsetY=null,u.shadowBlur=null,u.shadowColor="",u.strokeStyle=null,u.lineWidth=0,u.save()}function se(u,h,g,_){h.valueTextShadow&&(u.shadowOffsetX=g,u.shadowOffsetY=g,u.shadowBlur=_,u.shadowColor=h.colorValueTextShadow)}function _e(u,h,g,_,k,T){if(h.valueBox){X(u);var A=h.valueDec?1+h.valueDec:0,N="9".repeat(Math.max.apply(null,[String(parseInt(g)).length+A].concat(h.majorTicks.map(function(ze){return String(parseInt(ze,10)).length+A})))),I=h.valueText||m(g,h),L=T/200,j=T/100,$=.4*j,pe=1.2*j;u.font=z(h,"Value",L),se(u,h,$,pe);var ke=u.measureText(h.valueText?I:"-"+m(Number(N),h)).width;X(u);var Me=parseFloat(h.fontValueSize)*L+$+pe,je=j*parseFloat(h.valueBoxStroke),Ee=2*T-2*je,He=ke+10*j,Ue=1.1*Me+$+pe,Ke=j*h.valueBoxBorderRadius,We=(parseFloat(h.valueBoxWidth)||0)/100*Ee;We>He&&(He=We),He>Ee&&(He=Ee);var Be=_-He/2,Ne=k-Ue/2,Te=k-5.75*j;if(u.beginPath(),Ke?c(u,Be,Ne,He,Ue,Ke):u.rect(Be,Ne,He,Ue),je){var Ae=u.createRadialGradient(_,Te,10*j,_,Te,20*j);Ae.addColorStop(0,h.colorValueBoxRect),Ae.addColorStop(1,h.colorValueBoxRectEnd),u.strokeStyle=Ae,u.lineWidth=je,u.stroke()}h.colorValueBoxShadow&&(u.shadowBlur=1.2*j,u.shadowColor=h.colorValueBoxShadow),h.colorValueBoxBackground&&(u.fillStyle=h.colorValueBoxBackground,u.fill()),u.closePath(),u.restore(),se(u,h,$,pe),u.fillStyle=h.colorValueText,u.textAlign="center",u.textBaseline="alphabetic",u.fillText(I,Be+He/2,k+Ue/2-Me/3),u.restore()}}function De(u){var h=u.value,g=u.minValue,_=u.maxValue,k=.01*(_-g);return{normal:h<g?g:h>_?_:h,indented:h<g?g-k:h>_?_+k:h}}function me(u,h,g,_,k){g.beginPath(),g.arc(0,0,Qt(u),0,2*na,!0),g.lineWidth=h,g.strokeStyle=k?re.linearGradient(g,_,k,u):_,g.stroke(),g.closePath()}function J(u,h){var g=Kt.pixelRatio;return u.maxRadius||(u.maxRadius=u.max-h.borderShadowWidth-h.borderOuterWidth*g-h.borderMiddleWidth*g-h.borderInnerWidth*g+(h.borderOuterWidth?.5:0)+(h.borderMiddleWidth?.5:0)+(h.borderInnerWidth?.5:0)),u.maxRadius}function xe(u,h){function g($,pe,ke,Me,je,Ee){return pe&&(!Ee&&h.borderShadowWidth&&(ke.save(),ke.shadowBlur=h.borderShadowWidth,ke.shadowColor=h.colorBorderShadow),me($,pe*_,ke,Me,je),!Ee&&h.borderShadowWidth&&(Ee=!0,ke.restore())),Ee}var _=Kt.pixelRatio,k=h.borderShadowWidth*_,T=u.max-k-h.borderOuterWidth*_/2,A=T-h.borderOuterWidth*_/2-h.borderMiddleWidth*_/2+.5,N=A-h.borderMiddleWidth*_/2-h.borderInnerWidth*_/2+.5,I=J(u,h),L=void 0,j=!1;u.save(),j=g(T,h.borderOuterWidth,u,h.colorBorderOuter,h.colorBorderOuterEnd,j),j=g(A,h.borderMiddleWidth,u,h.colorBorderMiddle,h.colorBorderMiddleEnd,j),j=g(N,h.borderInnerWidth,u,h.colorBorderInner,h.colorBorderInnerEnd,j),!j&&h.borderShadowWidth&&(u.shadowBlur=h.borderShadowWidth,u.shadowColor=h.colorBorderShadow),u.beginPath(),u.arc(0,0,Qt(I),0,2*na,!0),h.colorPlateEnd?(L=u.createRadialGradient(0,0,I/2,0,0,I),L.addColorStop(0,h.colorPlate),L.addColorStop(1,h.colorPlateEnd)):L=h.colorPlate,u.fillStyle=L,u.fill(),u.closePath(),u.restore()}function Le(u,h){if(h.highlights!=="false"&&h.highlights.length&&h.highlightsWidth!==0){var g=u.max*(parseFloat(h.highlightsWidth)||0)/100,_=Qt(qe(u,h)-g/2),k=h.highlights.length,T=(h.maxValue-h.minValue)/h.ticksAngle;u.save();for(var A=0;A<k;A++){var N=h.highlights[A];u.lineWidth=g,u.lineCap=h.highlightsLineCap,u.strokeStyle=N.color,u.beginPath(),u.rotate(rr),u.arc(0,0,_,re.radians(h.startAngle+(N.from-h.minValue)/T),re.radians(h.startAngle+(N.to-h.minValue)/T),!1),u.stroke(),u.closePath(),u.restore(),u.save()}u.restore()}}function dt(u,h){var g=qe(u,h),_=void 0,k=void 0,T=void 0,A=0,N=Math.abs(h.minorTicks)||0,I=h.ticksAngle/(h.maxValue-h.minValue);h.exactTicks?(k=h.maxValue-h.minValue,_=N?k/N:0,A=(ri.mod(h.majorTicks[0],N)||0)*I):_=N*(h.majorTicks.length-1),u.lineWidth=Kt.pixelRatio,u.strokeStyle=h.colorMinorTicks||h.colorStrokeTicks,u.save();for(var L=0;L<_;++L)(T=h.startAngle+A+L*(h.ticksAngle/_))<=h.ticksAngle+h.startAngle&&(u.rotate(re.radians(T)),u.beginPath(),u.moveTo(0,g),u.lineTo(0,g-.075*u.max),ai(u));u.restore()}function qe(u,h){var g=u.max/100;return J(u,h)-5*g-(h.barWidth?2*(parseFloat(h.barStrokeWidth)||0)+((parseFloat(h.barWidth)||0)+5)*g:0)}function Ye(u,h){re.prepareTicks(h);var g=Qt(qe(u,h)),_=void 0,k=h.majorTicks.length,T=Kt.pixelRatio;u.lineWidth=2*T,_=h.colorMajorTicks instanceof Array?h.colorMajorTicks:new Array(k).fill(h.colorStrokeTicks||h.colorMajorTicks);for(var A=0;A<k;++A)u.save(),u.strokeStyle=_[A],u.rotate(re.radians(ct(h,h.exactTicks?h.majorTicks[A]:A,k))),u.beginPath(),u.moveTo(0,g),u.lineTo(0,g-.15*u.max),u.stroke(),u.closePath(),u.restore();h.strokeTicks&&(u.save(),u.strokeStyle=h.colorStrokeTicks||_[0],u.rotate(rr),u.beginPath(),u.arc(0,0,g,re.radians(h.startAngle),re.radians(h.startAngle+h.ticksAngle),!1),u.stroke(),u.closePath(),u.restore())}function ct(u,h,g){if(u.exactTicks){var _=u.ticksAngle/(u.maxValue-u.minValue);return u.startAngle+_*(h-u.minValue)}return u.startAngle+h*(u.ticksAngle/(g-1))}function ai(u){u.stroke(),u.restore(),u.closePath(),u.save()}function ae(u,h){var g=qe(u,h)-.15*u.max,_={},k=0,T=h.majorTicks.length,A=h.animationTarget!=="needle",N=h.colorNumbers instanceof Array?h.colorNumbers:new Array(T).fill(h.colorNumbers),I=A?-(h.value-h.minValue)/(h.maxValue-h.minValue)*h.ticksAngle:0;for(A&&(u.save(),u.rotate(-re.radians(I))),u.font=re.font(h,"Numbers",u.max/200),u.lineWidth=0,u.textAlign="center",u.textBaseline="middle";k<T;++k){var L=I+ct(h,h.exactTicks?h.majorTicks[k]:k,T),j=u.measureText(h.majorTicks[k]).width,$=h.fontNumbersSize,pe=Math.sqrt(j*j+$*$)/2,ke=re.radialPoint(g-pe-h.numbersMargin/100*u.max,re.radians(L));L===360&&(L=0),_[L]||(_[L]=!0,u.fillStyle=N[k],u.fillText(h.majorTicks[k],ke.x,ke.y))}A&&u.restore()}function ue(u,h){h.title&&(u.save(),u.font=re.font(h,"Title",u.max/200),u.fillStyle=h.colorTitle,u.textAlign="center",u.fillText(h.title,0,-u.max/4.25,.8*u.max),u.restore())}function be(u,h){h.units&&(u.save(),u.font=re.font(h,"Units",u.max/200),u.fillStyle=h.colorUnits,u.textAlign="center",u.fillText(re.formatContext(h,h.units),0,u.max/3.25,.8*u.max),u.restore())}function Ve(u,h){if(h.needle){var g=h.animationTarget!=="needle",_=h.ticksAngle<360?re.normalizedValue(h).indented:h.value,k=g?h.startAngle:h.startAngle+(_-h.minValue)/(h.maxValue-h.minValue)*h.ticksAngle;h.barStartPosition==="right"&&(k=h.startAngle+h.ticksAngle-(_-h.minValue)/(h.maxValue-h.minValue)*h.ticksAngle);var T=J(u,h),A=Qt(T/100*h.needleCircleSize),N=Qt(T/100*h.needleCircleSize*.75),I=Qt(T/100*h.needleEnd),L=Qt(h.needleStart?T/100*h.needleStart:0),j=T/100*h.needleWidth,$=T/100*h.needleWidth/2,pe=Kt.pixelRatio;u.save(),re.drawNeedleShadow(u,h),u.rotate(re.radians(k)),u.fillStyle=re.linearGradient(u,h.colorNeedle,h.colorNeedleEnd,I-L),h.needleType==="arrow"?(u.beginPath(),u.moveTo(-$,-L),u.lineTo(-j,0),u.lineTo(-1*pe,I),u.lineTo(pe,I),u.lineTo(j,0),u.lineTo($,-L),u.closePath(),u.fill(),u.beginPath(),u.lineTo(-.5*pe,I),u.lineTo(-1*pe,I),u.lineTo(-j,0),u.lineTo(-$,-L),u.lineTo($/2*pe-2*pe,-L),u.closePath(),u.fillStyle=h.colorNeedleShadowUp,u.fill()):(u.beginPath(),u.moveTo(-$,I),u.lineTo(-$,L),u.lineTo($,L),u.lineTo($,I),u.closePath(),u.fill()),u.restore(),h.needleCircleSize&&(u.save(),re.drawNeedleShadow(u,h),h.needleCircleOuter&&(u.beginPath(),u.arc(0,0,A,0,2*na,!0),u.fillStyle=re.linearGradient(u,h.colorNeedleCircleOuter,h.colorNeedleCircleOuterEnd,A),u.fill(),u.closePath()),h.needleCircleInner&&(u.beginPath(),u.arc(0,0,N,0,2*na,!0),u.fillStyle=re.linearGradient(u,h.colorNeedleCircleInner,h.colorNeedleCircleInnerEnd,N),u.fill(),u.closePath()),u.restore())}}function ht(u,h,g){re.drawValueBox(u,h,g,0,u.max-.33*u.max,u.max)}function zt(u){var h=u.startAngle,g=u.startAngle+u.ticksAngle,_=h,k=h+(re.normalizedValue(u).normal-u.minValue)/(u.maxValue-u.minValue)*u.ticksAngle;if(u.barStartPosition==="middle"){var T=.5*(u.minValue+u.maxValue);u.value<T?(_=180-(T-re.normalizedValue(u).normal)/(u.maxValue-u.minValue)*u.ticksAngle,k=180):(_=180,k=180+(re.normalizedValue(u).normal-T)/(u.maxValue-u.minValue)*u.ticksAngle)}else u.barStartPosition==="right"&&(_=g-k+h,k=g);return{startAngle:_,endAngle:k}}function _t(u,h){var g=u.max/100,_=J(u,h)-5*g,k=parseFloat(h.barStrokeWidth+"")||0,T=(parseFloat(h.barWidth+"")||0)*g,A=_-2*k-T,N=(_-A)/2,I=A+N,L=k/I,j=h.startAngle,$=h.startAngle+h.ticksAngle;if(u.save(),u.rotate(rr),k&&(u.beginPath(),u.arc(0,0,I,re.radians(j)-L,re.radians($)+L,!1),u.strokeStyle=h.colorBarStroke,u.lineWidth=2*N,u.stroke(),u.closePath()),T&&(u.beginPath(),u.arc(0,0,I,re.radians(j),re.radians($),!1),u.strokeStyle=h.colorBar,u.lineWidth=T,u.stroke(),u.closePath(),h.barShadow&&(u.save(),u.beginPath(),u.arc(0,0,_,re.radians(j),re.radians($),!1),u.clip(),u.beginPath(),u.strokeStyle=h.colorBar,u.lineWidth=1,u.shadowBlur=h.barShadow,u.shadowColor=h.colorBarShadow,u.shadowOffsetX=0,u.shadowOffsetY=0,u.arc(0,0,_,re.radians(h.startAngle),re.radians(h.startAngle+h.ticksAngle),!1),u.stroke(),u.closePath(),u.restore()),h.barProgress)){var pe=zt(h),ke=pe.startAngle,Me=pe.endAngle;u.beginPath(),u.arc(0,0,I,re.radians(ke),re.radians(Me),!1),u.strokeStyle=h.colorBarProgress,u.lineWidth=T,u.stroke(),u.closePath()}u.restore()}function Yt(u){return u.options.animatedValue?u.options.value:u.value}function rt(u,h,g,_,k,T,A,N){u.beginPath(),u.fillStyle=N?re.linearGradient(u,A,N,k>T?k:T,T>k,k>T?g:_):A,h>0?re.roundRect(u,g,_,k,T,h):u.rect(g,_,k,T),u.fill(),u.closePath()}function Ta(u,h,g,_,k,T,A,N,I){u.beginPath(),u.lineWidth=h,u.strokeStyle=I?re.linearGradient(u,N,I,A,!0,k):N,g>0?re.roundRect(u,_,k,T,A,g):u.rect(_,k,T,A),u.stroke(),u.closePath()}function tr(u,h,g,_,k,T){function A(ze,Qe,st,Dt){return ze&&(!Dt&&h.borderShadowWidth&&(u.save(),u.shadowBlur=h.borderShadowWidth,u.shadowColor=h.colorBorderShadow),Ta(u,ze*N,I,g+ze*N/2-Te,_+ze*N/2-Te,L,ke,Qe,st),Te+=.5*N,!Dt&&h.borderShadowWidth&&(Dt=!0,u.restore())),Dt}var N=Kt.pixelRatio,I=h.borderRadius*N,L=k-h.borderShadowWidth-h.borderOuterWidth*N,j=L-h.borderOuterWidth*N-h.borderMiddleWidth*N,$=j-h.borderMiddleWidth*N-h.borderInnerWidth*N,pe=$-h.borderInnerWidth*N,ke=T-h.borderShadowWidth-h.borderOuterWidth*N,Me=ke-h.borderOuterWidth*N-h.borderMiddleWidth*N,je=Me-h.borderMiddleWidth*N-h.borderInnerWidth*N,Ee=je-h.borderInnerWidth*N,He=g-(j-L)/2,Ue=He-($-j)/2,Ke=Ue-(pe-$)/2,We=_-(Me-ke)/2,Be=We-(je-Me)/2,Ne=Be-(Ee-je)/2,Te=0,Ae=!1;return u.save(),Ae=A(h.borderOuterWidth,h.colorBorderOuter,h.colorBorderOuterEnd,Ae),Ae=A(h.borderMiddleWidth,h.colorBorderMiddle,h.colorBorderMiddleEnd,Ae),Ae=A(h.borderInnerWidth,h.colorBorderInner,h.colorBorderInnerEnd,Ae),!Ae&&h.borderShadowWidth&&(u.shadowBlur=h.borderShadowWidth,u.shadowColor=h.colorBorderShadow),rt(u,I,Ke,Ne,pe+2*Te,Ee+2*Te,h.colorPlate,h.colorPlateEnd),u.restore(),[Ke,Ne,pe,Ee]}function gt(u,h,g,_,k,T){var A=Kt.pixelRatio,N=T>=k,I=N?.85*k:T,L=N?T:k;g=N?Ie(g+(k-I)/2):g;var j=!!h.title,$=!!h.units,pe=!!h.valueBox,ke=void 0,Me=void 0,je=void 0;N?(Me=Ie(.05*L),ke=Ie(.075*L),je=Ie(.11*L),j&&(L-=ke,_+=ke),$&&(L-=Me),pe&&(L-=je)):(Me=ke=Ie(.15*I),j&&(I-=ke,_+=ke),$&&(I-=Me));var Ee=2*h.barStrokeWidth,He=h.barBeginCircle?Ie(I*h.barBeginCircle/200-Ee/2):0,Ue=Ie(I*h.barWidth/100-Ee),Ke=Ie(L*h.barLength/100-Ee),We=Ie((L-Ke)/2),Be=Ie(g+(N?I/2:We+He)),Ne=Ie(_+(N?L-We-He+Ee/2:I/2)),Te=!N||h.hasLeft&&h.hasRight?0:(h.hasRight?-1:1)*h.ticksWidth/100*I,Ae=N||h.hasLeft&&h.hasRight?0:(h.hasRight?-1:1)*h.ticksWidth/100*I;return u.barDimensions={isVertical:N,width:I,length:L,barWidth:Ue,barLength:Ke,strokeWidth:Ee,barMargin:We,radius:He,pixelRatio:A,barOffset:null,titleMargin:j?ke:0,unitsMargin:$?Me:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:g+Te,Y:_+Ae,x0:Be+Te,y0:Ne+Ae,baseX:g,baseY:_,ticksPadding:h.ticksPadding/100},u.barDimensions}function oi(u,h,g,_,k,T,A){var N=gt(u,h,_,k,T,A),I=N.isVertical,L=N.width,j=N.barWidth,$=N.barLength,pe=N.strokeWidth,ke=N.barMargin,Me=N.radius,je=N.x0,Ee=N.y0,He=N.X,Ue=N.Y,Ke=$;u.save(),u.beginPath();var We=null;if(h.barBeginCircle){var Be=re.radians(I?270:0),Ne=Math.asin(j/2/Me),Te=Math.cos(Ne),Ae=Math.sin(Ne),ze=je+(I?Me*Ae:Me*Te-pe/2),Qe=I?Ee-Me*Te:Ee+Me*Ae,st=Qt(I?Qe-Ee:ze-je);We=Ie(st+Me);var Dt=I?Ie(je-Me*Ae):ze,Ft=I?Qe:Ie(Ee-Me*Ae);g==="progress"&&($=We+($-We)*(re.normalizedValue(h).normal-h.minValue)/(h.maxValue-h.minValue));var aa=Ie(ze+$-We+pe/2),Ui=Ie(Qe-$+We-pe/2);u.arc(je,Ee,Me,Be+Ne,Be-Ne),I?(u.moveTo(ze,Ft),u.lineTo(ze,Ui),u.lineTo(Dt,Ui),u.lineTo(Dt,Ft)):(u.moveTo(ze,Ft),u.lineTo(aa,Ft),u.lineTo(aa,Qe),u.lineTo(ze,Qe))}else{var Bs=Ie(I?He+(L-j)/2:He+ke),zs=Ie(I?Ue+$+ke:Ue+(L-j)/2);g==="progress"&&($*=(h.value-h.minValue)/(h.maxValue-h.minValue)),I?u.rect(Bs,zs,j,-$):u.rect(Bs,zs,$,j)}g!=="progress"&&h.barStrokeWidth&&(u.lineWidth=pe,u.strokeStyle=h.colorBarStroke,u.stroke()),g!=="progress"&&h.colorBar?(u.fillStyle=h.colorBarEnd?re.linearGradient(u,h.colorBar,h.colorBarEnd,$,I,I?Ue:He):h.colorBar,u.fill()):g==="progress"&&h.colorBarProgress&&(u.fillStyle=h.colorBarProgressEnd?re.linearGradient(u,h.colorBarProgress,h.colorBarProgressEnd,Ke,I,I?Ue:He):h.colorBarProgress,u.fill()),u.closePath(),u.restore(),h.barBeginCircle&&(u.barDimensions.radius+=pe),u.barDimensions.barOffset=We,u.barDimensions.barWidth+=pe,u.barDimensions.barLength+=pe}function Mt(u,h,g,_,k,T){oi(u,h,"",g,_,k,T)}function Fi(u,h){return h.needleSide!==u||h.tickSide!==u||h.numberSide!==u}function ea(u,h,g,_,k,T){h.barProgress&&oi(u,h,"progress",g,_,k,T)}function Ou(u,h){var g=u.barDimensions,_=g.isVertical,k=g.width,T=g.length,A=g.barWidth,N=g.barOffset,I=g.barMargin,L=g.X,j=g.Y,$=g.ticksLength,pe=g.ticksPadding,ke=k*(parseFloat(h.highlightsWidth)||0)/100;if(h.highlights&&ke){var Me=h.tickSide!=="right",je=h.tickSide!=="left",Ee=0,He=h.highlights.length,Ue=(k-A)/2,Ke=h.maxValue-h.minValue,We=Ie(_?L+Ue:L+I+N),Be=ke,Ne=_?j+T-I-N:j+Ue,Te=Ie((h.ticksWidth/100+pe)*k)+(ke-h.ticksWidth/100*k),Ae=Ie(A+pe*k);for(u.save();Ee<He;Ee++){var ze=h.highlights[Ee],Qe=$*Qt(h.minValue-ze.from)/Ke,st=$*Qt((ze.to-ze.from)/Ke);u.beginPath(),u.fillStyle=ze.color,_?(Me&&u.rect(We-Te,Ne-Qe,Be,-st),je&&u.rect(We+Ae,Ne-Qe,Be,-st)):(Me&&u.rect(We+Qe,Ne-Te,st,Be),je&&u.rect(We+Qe,Ne+Ae,st,Be)),u.fill(),u.closePath()}u.restore()}}function Ea(u,h,g,_,k){u.beginPath(),u.moveTo(h,g),u.lineTo(_,k),u.stroke(),u.closePath()}function Rs(u,h,g,_,k,T,A,N,I){var L=u.barDimensions,j=L.isVertical,$=L.length,pe=L.barWidth,ke=L.barOffset,Me=L.barMargin,je=L.pixelRatio,Ee=L.width,He=L.X,Ue=L.Y,Ke=L.ticksLength,We=L.ticksPadding,Be=(Ee-pe)/2,Ne=void 0,Te=void 0,Ae=0,ze=g.length,Qe=void 0,st=I*Ee,Dt=Be-We*Ee,Ft=Be+pe+st+We*Ee,aa=h instanceof Array?h:new Array(g.length).fill(h);u.save(),u.lineWidth=N*je;for(var Ui=Ke/(k-_);Ae<ze;Ae++)Qe=g[Ae],u.strokeStyle=aa[Ae],j?(Te=Ue+$-Me-ke+(_-Qe)*Ui,T&&(Ne=He+Dt,Ea(u,Ne,Te,Ie(Ne-st),Te)),A&&(Ne=He+Ft,Ea(u,Ne,Te,Ie(Ne-st),Te))):(Ne=He+Me+ke-(_-Qe)*Ui,T&&(Te=Ue+Dt,Ea(u,Ne,Te,Ne,Ie(Te-st))),A&&(Te=Ue+Ft,Ea(u,Ne,Ie(Te),Ne,Te-st)));u.restore()}function Ru(u,h){var g=re.prepareTicks(h),_=Ns(g,2),k=_[0],T=_[1],A=2,N=(h.maxValue-h.minValue)/(h.majorTicks.length-1),I=h.colorMajorTicks instanceof Array?h.colorMajorTicks:new Array(h.majorTicks.length).fill(h.colorStrokeTicks||h.colorMajorTicks);if(Rs(u,I,h.exactTicks?h.majorTicks:h.majorTicks.map(function(st,Dt){return h.minValue+N*Dt}),h.minValue,h.maxValue,k,T,A,h.ticksWidth/100),h.strokeTicks){var L=u.barDimensions,j=L.isVertical,$=L.length,pe=L.width,ke=L.barWidth,Me=L.barMargin,je=L.barOffset,Ee=L.X,He=L.Y,Ue=L.ticksLength,Ke=L.pixelRatio,We=L.ticksPadding,Be=(pe-ke)/2+ke+We*pe,Ne=(pe-ke)/2-We*pe,Te=void 0,Ae=void 0,ze=void 0,Qe=void 0;u.strokeStyle=h.colorStrokeTicks||I[0],A*=Ke,j?(Ae=He+$-Me-je+A/2,Qe=Ae-Ue-A,k&&(ze=Te=Ie(Ee+Ne),Ma(u,Te,Ae,ze,Qe)),T&&(ze=Te=Ie(Ee+Be),Ma(u,Te,Ae,ze,Qe))):(Te=Ee+Me+je-A/2,ze=Te+Ue+A,k&&(Qe=Ae=Ie(He+Ne),Ma(u,Te,Ae,ze,Qe)),T&&(Qe=Ae=Ie(He+Be),Ma(u,Te,Ae,ze,Qe)))}}function Ma(u,h,g,_,k){u.beginPath(),u.moveTo(h,g),u.lineTo(_,k),u.stroke(),u.closePath()}function Iu(u,h){var g=re.prepareTicks(h),_=Ns(g,2),k=_[0],T=_[1],A=[],N=h.minValue,I=Math.abs(h.minorTicks)||0,L=I?(h.maxValue-h.minValue)/(I*(h.majorTicks.length-1)):0;if(I)if(h.exactTicks)for(var j=ri.mod(h.majorTicks[0],I)||0;N<h.maxValue;N+=I)j+N<h.maxValue&&A.push(j+N);else for(;N<h.maxValue;N+=L)A.push(N);Rs(u,h.colorMinorTicks||h.colorStrokeTicks,A,h.minValue,h.maxValue,k,T,1,h.ticksWidthMinor/100)}function Nu(u,h){var g=u.barDimensions,_=g.isVertical,k=g.length,T=g.width,A=g.barWidth,N=g.barMargin,I=g.barOffset,L=g.X,j=g.Y,$=g.ticksLength,pe=g.ticksPadding,ke=h.maxValue-h.minValue,Me=ke/(h.majorTicks.length-1),je=h.exactTicks?h.majorTicks:h.majorTicks.map(function(aa,Ui){return h.minValue+Me*Ui}),Ee=je.length,He=h.numberSide!=="right",Ue=h.numberSide!=="left",Ke=h.fontNumbersSize*T/200,We=0,Be=(h.ticksWidth/100+2*pe)*T,Ne=(T-A)/2-Be,Te=(T-A)/2+A+Be,Ae=void 0,ze=void 0,Qe=void 0,st=void 0,Dt=h.colorNumbers instanceof Array?h.colorNumbers:new Array(Ee).fill(h.colorNumbers),Ft=h.numbersMargin/100*T;for(u.font=re.font(h,"Numbers",T/200),u.lineWidth=0,u.textAlign="center";We<Ee;We++)u.fillStyle=Dt[We],st=h.majorTicks[We],Qe=h.exactTicks?$*((je[We]-h.minValue)/ke):We*$/(Ee-1),_?(ze=j+k-N-I-Qe+Ke/3,He&&(u.textAlign="right",u.fillText(st,L+Ne-Ft,ze)),Ue&&(u.textAlign="left",u.fillText(st,L+Te+Ft,ze))):(u.measureText(st).width,Ae=L+N+I+Qe,He&&u.fillText(st,Ae,j+Ne-Ft),Ue&&u.fillText(st,Ae,j+Te+Ke+Ft))}function Wu(u,h){if(h.title){var g=u.barDimensions,_=g.isVertical,k=g.width,T=g.length,A=g.baseX,N=g.baseY,I=g.titleMargin,L=h.fontTitleSize*k/200,j=Ie(A+(_?k:T)/2),$=Ie(N+I/2-(_?L:L/2)-.025*(_?T:k));u.save(),u.textAlign="center",u.fillStyle=h.colorTitle,u.font=re.font(h,"Title",k/200),u.lineWidth=0,u.fillText(h.title,j,$,_?k:T),u.restore()}}function Lu(u,h){if(h.units){var g=u.barDimensions,_=g.isVertical,k=g.width,T=g.length,A=g.baseX,N=g.baseY,I=g.unitsMargin,L=h.fontUnitsSize*k/200,j=Ie(A+(_?k:T)/2),$=Ie(N+(_?T:k)+I/2-L/2);u.save(),u.textAlign="center",u.fillStyle=h.colorUnits,u.font=re.font(h,"Units",k/200),u.lineWidth=0,u.fillText(re.formatContext(h,h.units),j,$,_?k:T),u.restore()}}function Vu(u,h){if(h.needle){var g=u.barDimensions,_=g.isVertical,k=g.width,T=g.length,A=g.barWidth,N=g.barOffset,I=g.barMargin,L=g.ticksLength,j=g.X,$=g.Y,pe=g.ticksPadding,ke=h.needleSide!=="right",Me=h.needleSide!=="left",je=L*(re.normalizedValue(h).indented-h.minValue)/(h.maxValue-h.minValue),Ee=(h.ticksWidth/100+pe)*k,He=A/2+Ee,Ue=He*(h.needleEnd/100),Ke=void 0,We=void 0,Be=void 0,Ne=void 0,Te=h.needleType.toLowerCase()==="arrow"?zu:Bu,Ae=(k-A)/2,ze=He*(h.needleStart/100),Qe=Ae-Ee-ze,st=Ae+A+Ee+ze;u.save(),re.drawNeedleShadow(u,h),_?(Be=Ie($+T-I-N-je),ke&&(Ke=Ie(j+Qe),We=Ke+Ue,Te(u,h,Ke,Be,We,Be,Ue)),Me&&(Ke=Ie(j+st),We=Ke-Ue,Te(u,h,Ke,Be,We,Be,Ue,!0))):(Ke=Ie(j+I+N+je),ke&&(Be=Ie($+Qe),Ne=Be+Ue,Te(u,h,Ke,Be,Ke,Ne,Ue)),Me&&(Be=Ie($+st),Ne=Be-Ue,Te(u,h,Ke,Be,Ke,Ne,Ue,!0))),u.restore()}}function Is(u,h,g,_){return h.colorNeedleEnd?re.linearGradient(u,_?h.colorNeedleEnd:h.colorNeedle,_?h.colorNeedle:h.colorNeedleEnd,g,!u.barDimensions.isVertical):h.colorNeedle}function Bu(u,h,g,_,k,T,A,N){u.lineWidth=h.needleWidth,u.strokeStyle=Is(u,h,A,N),u.beginPath(),u.moveTo(g,_),u.lineTo(k,T),u.stroke(),u.closePath()}function zu(u,h,g,_,k,T,A,N){var I=Ie(.4*A),L=A-I,j=g===k,$=h.needleWidth/2;u.fillStyle=Is(u,h,A,N),u.beginPath(),j?(_>T&&(L*=-1),u.moveTo(g-$,_),u.lineTo(g+$,_),u.lineTo(g+$,_+L),u.lineTo(g,T),u.lineTo(g-$,_+L),u.lineTo(g-$,_)):(g>k&&(L*=-1),u.moveTo(g,_-$),u.lineTo(g,_+$),u.lineTo(g+L,_+$),u.lineTo(k,_),u.lineTo(g+L,_-$),u.lineTo(g,_-$)),u.fill(),u.closePath()}function Fu(u,h,g,_,k,T,A){var N=(parseFloat(h.fontValueSize)||0)*T/200,I=(.11*A-N)/2;u.barDimensions.isVertical&&re.drawValueBox(u,h,g,_+T/2,k+A-N-I,T)}var Ns=(function(){function u(h,g){var _=[],k=!0,T=!1,A=void 0;try{for(var N,I=h[Symbol.iterator]();!(k=(N=I.next()).done)&&(_.push(N.value),!g||_.length!==g);k=!0);}catch(L){T=!0,A=L}finally{try{!k&&I.return&&I.return()}finally{if(T)throw A}}return _}return function(h,g){if(Array.isArray(h))return h;if(Symbol.iterator in Object(h))return u(h,g);throw new TypeError("Invalid attempt to destructure non-iterable instance")}})(),ir=function u(h,g,_){h===null&&(h=Function.prototype);var k=Object.getOwnPropertyDescriptor(h,g);if(k===void 0){var T=Object.getPrototypeOf(h);return T===null?void 0:u(T,g,_)}if("value"in k)return k.value;var A=k.get;if(A!==void 0)return A.call(_)},Hu=function u(h,g,_,k){var T=Object.getOwnPropertyDescriptor(h,g);if(T===void 0){var A=Object.getPrototypeOf(h);A!==null&&u(A,g,_,k)}else if("value"in T&&T.writable)T.value=_;else{var N=T.set;N!==void 0&&N.call(k,_)}return _},Hi=(function(){function u(h,g){for(var _=0;_<g.length;_++){var k=g[_];k.enumerable=k.enumerable||!1,k.configurable=!0,"value"in k&&(k.writable=!0),Object.defineProperty(h,k.key,k)}}return function(h,g,_){return g&&u(h.prototype,g),_&&u(h,_),h}})(),Da=null,Uu=(function(){function u(){i(this,u),this._events={},this.addListener=this.on,this.removeListener=this.off}return Hi(u,[{key:"emit",value:function(h){if(this._events[h]){for(var g=0,_=this._events[h].length,k=arguments.length,T=Array(k>1?k-1:0),A=1;A<k;A++)T[A-1]=arguments[A];for(;g<_;g++)this._events[h][g]&&this._events[h][g].apply(this,T)}}},{key:"once",value:function(h){for(var g=arguments.length,_=Array(g>1?g-1:0),k=1;k<g;k++)_[k-1]=arguments[k];for(var T=0,A=_.length,N=this;T<A;T++)(function(){var I=_[T],L=function j(){N.off(h,j),I.apply(N,arguments)};_[T]=L})();this.on.apply(this,[h].concat(_))}},{key:"on",value:function(h){this._events[h]||(this._events[h]=[]);for(var g=0,_=arguments.length<=1?0:arguments.length-1;g<_;g++)this._events[h].push(arguments.length<=g+1?void 0:arguments[g+1])}},{key:"off",value:function(h){if(this._events[h])for(var g=0,_=arguments.length<=1?0:arguments.length-1;g<_;g++)for(var k=arguments.length<=g+1?void 0:arguments[g+1],T=void 0;~(T=this._events[h].indexOf(k));)this._events[h].splice(T,1)}},{key:"removeAllListeners",value:function(h){delete this._events[h]}},{key:"listeners",get:function(){return this._events}}]),u})(),Ws=o("requestAnimationFrame")||function(u){return setTimeout(function(){return u(new Date().getTime())},1e3/60)},ta={linear:function(u){return u},quad:function(u){return Math.pow(u,2)},dequad:function(u){return 1-ta.quad(1-u)},quint:function(u){return Math.pow(u,5)},dequint:function(u){return 1-Math.pow(1-u,5)},cycle:function(u){return 1-Math.sin(Math.acos(u))},decycle:function(u){return Math.sin(Math.acos(1-u))},bounce:function(u){return 1-ta.debounce(1-u)},debounce:function(u){for(var h=0,g=1;;h+=g,g/=2)if(u>=(7-4*h)/11)return-Math.pow((11-6*h-11*u)/4,2)+Math.pow(g,2)},elastic:function(u){return 1-ta.delastic(1-u)},delastic:function(u){return Math.pow(2,10*(u-1))*Math.cos(20*Math.PI*1.5/3*u)}},nr=(function(){function u(){var h=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"linear",g=arguments.length>1&&arguments[1]!==void 0?arguments[1]:250,_=arguments.length>2&&arguments[2]!==void 0?arguments[2]:function(){},k=arguments.length>3&&arguments[3]!==void 0?arguments[3]:function(){};if(i(this,u),this.duration=g,this.rule=h,this.draw=_,this.end=k,typeof this.draw!="function")throw new TypeError("Invalid animation draw callback:",_);if(typeof this.end!="function")throw new TypeError("Invalid animation end callback:",k)}return Hi(u,[{key:"animate",value:function(h,g){var _=this;this.frame&&this.cancel();var k=window.performance&&window.performance.now?window.performance.now():o("animationStartTime")||Date.now();h=h||this.draw,g=g||this.end,this.draw=h,this.end=g,this.frame=Ws(function(T){return r(T,h,k,ta[_.rule]||_.rule,_.duration,g,_)})}},{key:"cancel",value:function(){this.frame&&((o("cancelAnimationFrame")||function(h){})(this.frame),this.frame=null)}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),u})();nr.rules=ta;var cn=(function(){function u(h,g,_){i(this,u),this.options=h,this.element=g.toLowerCase(),this.type=u.toDashed(_),this.Type=a[_],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||u.domReady(this.traverse.bind(this))}return Hi(u,[{key:"isValidNode",value:function(h){return!(!h.tagName||h.tagName.toLowerCase()!==this.element||h.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var h=document.getElementsByTagName(this.element),g=0,_=h.length;g<_;g++)this.process(h[g]);this.isObservable&&!this.mutationsObserved&&(new MutationObserver(this.observe.bind(this)).observe(document.body,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.mutationsObserved=!0)}},{key:"observe",value:function(h){for(var g=0,_=h.length;g<_;g++){var k=h[g];if(k.type==="attributes"&&k.attributeName==="data-type"&&this.isValidNode(k.target)&&k.oldValue!==this.type)setTimeout(this.process.bind(this,k.target));else if(k.addedNodes&&k.addedNodes.length)for(var T=0,A=k.addedNodes.length;T<A;T++)setTimeout(this.process.bind(this,k.addedNodes[T]))}}},{key:"process",value:function(h){var g=this;if(!this.isValidNode(h))return null;var _=void 0,k=JSON.parse(JSON.stringify(this.options)),T=null;for(_ in k)if(k.hasOwnProperty(_)){var A=u.toAttributeName(_),N=u.parse(h.getAttribute(A));N!=null&&(k[_]=N)}return k.renderTo=h,T=new this.Type(k),T.draw&&T.draw(),this.isObservable&&(T.observer=new MutationObserver(function(I){I.forEach(function(L){if(L.type==="attributes"){var j=L.attributeName.toLowerCase(),$=h.getAttribute(j).toLowerCase();if(j==="data-type"&&$&&$!==g.type)T.observer.disconnect(),delete T.observer,T.destroy&&T.destroy();else if(j.substr(0,5)==="data-"){var pe=j.substr(5).split("-").map(function(Me,je){return je?Me.charAt(0).toUpperCase()+Me.substr(1):Me}).join(""),ke={};ke[pe]=u.parse(h.getAttribute(L.attributeName)),pe==="value"?T&&(T.value=ke[pe]):T.update&&T.update(ke)}}})}),T.observer.observe(h,{attributes:!0})),T}}],[{key:"parse",value:function(h){if(h==="true")return!0;if(h==="false")return!1;if(h!=="undefined"){if(h==="null")return null;if(/^[-+#.\w\d\s]+(?:,[-+#.\w\d\s]*)+$/.test(h))return h.split(",");try{return JSON.parse(h)}catch{}return h}}},{key:"toDashed",value:function(h){for(var g=h.split(/(?=[A-Z])/),_=1,k=g.length,T=g[0].toLowerCase();_<k;_++)T+="-"+g[_].toLowerCase();return T}},{key:"toCamelCase",value:function(h){for(var g=!(arguments.length>1&&arguments[1]!==void 0)||arguments[1],_=h.split(/-/),k=0,T=_.length,A="";k<T;k++)A+=k||g?_[k][0].toUpperCase()+_[k].substr(1).toLowerCase():_[k].toLowerCase();return A}},{key:"toAttributeName",value:function(h){return"data-"+u.toDashed(h)}},{key:"domReady",value:function(h){if(/comp|inter|loaded/.test((window.document||{}).readyState+""))return h();window.addEventListener?window.addEventListener("DOMContentLoaded",h,!1):window.attachEvent&&window.attachEvent("onload",h)}}]),u})(),Kt=(function(){function u(h,g,_){i(this,u),u.collection.push(this),this.width=g||0,this.height=_||0,this.element=h,this.init()}return Hi(u,[{key:"init",value:function(){var h=u.pixelRatio;this.element.width=this.width*h,this.element.height=this.height*h,this.element.style.width=this.width+"px",this.element.style.height=this.height+"px",this.elementClone=this.element.cloneNode(!0),this.context=this.element.getContext("2d"),this.contextClone=this.elementClone.getContext("2d"),this.drawWidth=this.element.width,this.drawHeight=this.element.height,this.drawX=this.drawWidth/2,this.drawY=this.drawHeight/2,this.minSide=this.drawX<this.drawY?this.drawX:this.drawY,this.contextClone.translate(this.drawX,this.drawY),this.elementClone.initialized=!1,this.context.translate(this.drawX,this.drawY),this.context.max=this.contextClone.max=this.minSide,this.context.maxRadius=this.contextClone.maxRadius=null}},{key:"destroy",value:function(){var h=u.collection.indexOf(this);~h&&u.collection.splice(h,1),this.context.clearRect(-this.drawX,-this.drawY,this.drawWidth,this.drawHeight),this.context.max=null,delete this.context.max,this.context.maxRadius=null,delete this.context.maxRadius,this.context=null,this.contextClone=null,this.elementClone=null,this.element=null,this.onRedraw=null}},{key:"commit",value:function(){var h=u.pixelRatio;return h!==1&&this.contextClone.scale(h,h),this}},{key:"redraw",value:function(){return this.init(),this.onRedraw&&this.onRedraw(),this}}],[{key:"redraw",value:function(){for(var h=0,g=u.collection.length;h<g;h++)u.collection[h].redraw()}},{key:"pixelRatio",get:function(){return window.devicePixelRatio||1}}]),u})();Kt.collection=[],window.matchMedia&&window.matchMedia("screen and (min-resolution: 2dppx)").addListener(Kt.redraw);var ar={renderTo:null,width:0,height:0,minValue:0,maxValue:100,value:0,units:!1,exactTicks:!1,majorTicks:[0,20,40,60,80,100],minorTicks:10,strokeTicks:!0,animatedValue:!1,animateOnInit:!1,title:!1,borders:!0,numbersMargin:1,listeners:null,valueInt:3,valueDec:2,majorTicksInt:1,majorTicksDec:0,animation:!0,animationDuration:500,animationRule:"cycle",colorPlate:"#fff",colorPlateEnd:"",colorMajorTicks:"#444",colorMinorTicks:"#666",colorStrokeTicks:"",colorTitle:"#888",colorUnits:"#888",colorNumbers:"#444",colorNeedle:"rgba(240,128,128,1)",colorNeedleEnd:"rgba(255,160,122,.9)",colorValueText:"#444",colorValueTextShadow:"rgba(0,0,0,0.3)",colorBorderShadow:"rgba(0,0,0,0.5)",colorBorderOuter:"#ddd",colorBorderOuterEnd:"#aaa",colorBorderMiddle:"#eee",colorBorderMiddleEnd:"#f0f0f0",colorBorderInner:"#fafafa",colorBorderInnerEnd:"#ccc",colorValueBoxRect:"#888",colorValueBoxRectEnd:"#666",colorValueBoxBackground:"#babab2",colorValueBoxShadow:"rgba(0,0,0,1)",colorNeedleShadowUp:"rgba(2,255,255,0.2)",colorNeedleShadowDown:"rgba(188,143,143,0.45)",colorBarStroke:"#222",colorBar:"#ccc",colorBarProgress:"#888",colorBarShadow:"#000",fontNumbers:"Arial",fontTitle:"Arial",fontUnits:"Arial",fontValue:"Arial",fontNumbersSize:20,fontTitleSize:24,fontUnitsSize:22,fontValueSize:26,fontNumbersStyle:"normal",fontTitleStyle:"normal",fontUnitsStyle:"normal",fontValueStyle:"normal",fontNumbersWeight:"normal",fontTitleWeight:"normal",fontUnitsWeight:"normal",fontValueWeight:"normal",needle:!0,needleShadow:!0,needleType:"arrow",needleStart:5,needleEnd:85,needleWidth:4,borderOuterWidth:3,borderMiddleWidth:3,borderInnerWidth:3,borderShadowWidth:3,valueBox:!0,valueBoxStroke:5,valueBoxWidth:0,valueText:"",valueTextShadow:!0,valueBoxBorderRadius:2.5,highlights:[{from:20,to:60,color:"#eee"},{from:60,to:80,color:"#ccc"},{from:80,to:100,color:"#999"}],highlightsWidth:15,highlightsLineCap:"butt",barWidth:20,barStrokeWidth:0,barProgress:!0,barShadow:0};l.prototype=Object.create(Array.prototype),l.prototype.constructor=l,l.prototype.get=function(u){if(typeof u=="string")for(var h=0,g=this.length;h<g;h++){var _=this[h].options.renderTo.tagName?this[h].options.renderTo:document.getElementById(this[h].options.renderTo||"");if(_.getAttribute("id")===u)return this[h]}else if(typeof u=="number")return this[u];return null};var or="2.2.1",Ie=Math.round,Qt=Math.abs,ia=new l;ia.version=or;var ri=(function(u){function h(g){i(this,h);var _=e(this,(h.__proto__||Object.getPrototypeOf(h)).call(this)),k=_.constructor.name;if(k==="BaseGauge")throw new TypeError("Attempt to instantiate abstract class!");if(ia.push(_),g.listeners&&Object.keys(g.listeners).forEach(function(A){(g.listeners[A]instanceof Array?g.listeners[A]:[g.listeners[A]]).forEach(function(N){_.on(A,N)})}),_.version=or,_.type=a[k]||h,_.initialized=!1,g.minValue=parseFloat(g.minValue),g.maxValue=parseFloat(g.maxValue),g.value=parseFloat(g.value)||0,g.borders||(g.borderInnerWidth=g.borderMiddleWidth=g.borderOuterWidth=0),!g.renderTo)throw TypeError("Canvas element was not specified when creating the Gauge object!");var T=g.renderTo.tagName?g.renderTo:document.getElementById(g.renderTo);if(!(T instanceof HTMLCanvasElement))throw TypeError("Given gauge canvas element is invalid!");return g.width=parseFloat(g.width)||0,g.height=parseFloat(g.height)||0,g.width&&g.height||(g.width||(g.width=T.parentNode?T.parentNode.offsetWidth:T.offsetWidth),g.height||(g.height=T.parentNode?T.parentNode.offsetHeight:T.offsetHeight)),_.options=g||{},_.options.animateOnInit&&(_._value=_.options.value,_.options.value=_.options.minValue),_.canvas=new Kt(T,g.width,g.height),_.canvas.onRedraw=_.draw.bind(_),_.animation=new nr(g.animationRule,g.animationDuration),_}return t(h,u),Hi(h,[{key:"update",value:function(g){return Object.assign(this.options,this.type.configure(g||{})),this.canvas.width=this.options.width,this.canvas.height=this.options.height,this.animation.rule=this.options.animationRule,this.animation.duration=this.options.animationDuration,this.canvas.redraw(),this}},{key:"destroy",value:function(){var g=ia.indexOf(this);~g&&ia.splice(g,1),this.canvas.destroy(),this.canvas=null,this.animation.destroy(),this.animation=null,this.emit("destroy")}},{key:"draw",value:function(){return this.options.animateOnInit&&!this.initialized&&(this.value=this._value,this.initialized=!0,this.emit("init")),this.emit("render"),this}},{key:"value",set:function(g){var _=this;g=h.ensureValue(g,this.options.minValue);var k=this.options.value;if(g!==k)if(this.options.animation){if(this.animation.frame&&(this.options.value=this._value,this._value===g))return this.animation.cancel(),void delete this._value;this._value===void 0&&(this._value=g),this.emit("animationStart"),this.animation.animate(function(T){var A=k+(g-k)*T;_.options.animatedValue&&_.emit("value",A,_.value),_.options.value=A,_.draw(),_.emit("animate",T,_.options.value)},function(){_._value!==void 0&&(_.emit("value",_._value,_.value),_.options.value=_._value,delete _._value),_.draw(),_.emit("animationEnd"),_.animation.frame=null})}else this.emit("value",g,this.value),this.options.value=g,this.draw()},get:function(){return this._value===void 0?this.options.value:this._value}}],[{key:"configure",value:function(g){return g}},{key:"initialize",value:function(g,_){return new cn(_,"canvas",g)}},{key:"fromElement",value:function(g){var _=cn.toCamelCase(g.getAttribute("data-type")),k=g.attributes,T=0,A=k.length,N={};if(_){for(/Gauge$/.test(_)||(_+="Gauge");T<A;T++)N[cn.toCamelCase(k[T].name.replace(/^data-/,""),!1)]=cn.parse(k[T].value);new cn(N,g.tagName,_).process(g)}}},{key:"ensureValue",value:function(g){var _=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;return g=parseFloat(g),!isNaN(g)&&isFinite(g)||(g=parseFloat(_)||0),g}},{key:"mod",value:function(g,_){return(g%_+_)%_}},{key:"version",get:function(){return or}}]),h})(Uu);a!==void 0&&(a.BaseGauge=ri,a.gauges=(window.document||{}).gauges=ia);var Gu=/{([_a-zA-Z]+[_a-zA-Z0-9]*)}/g,re={roundRect:c,padValue:m,formatMajorTickNumber:v,radians:y,radialPoint:S,linearGradient:x,drawNeedleShadow:V,drawValueBox:_e,verifyError:d,prepareTicks:s,font:z,normalizedValue:De,formatContext:p},na=Math.PI,rr=na/2,Ls=Object.assign({},ar,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,needleStart:20,animationTarget:"needle",useMinPath:!1,barWidth:0,barStartPosition:"left"}),qu=(function(u){function h(g){return i(this,h),g=Object.assign({},Ls,g||{}),e(this,(h.__proto__||Object.getPrototypeOf(h)).call(this,h.configure(g)))}return t(h,u),Hi(h,[{key:"draw",value:function(){try{var g=this.canvas,_=[-g.drawX,-g.drawY,g.drawWidth,g.drawHeight],k=_[0],T=_[1],A=_[2],N=_[3],I=this.options;if(I.animationTarget==="needle"){if(!g.elementClone.initialized){var L=g.contextClone;L.clearRect(k,T,A,N),this.emit("beforePlate"),xe(L,I),this.emit("beforeHighlights"),Le(L,I),this.emit("beforeMinorTicks"),dt(L,I),this.emit("beforeMajorTicks"),Ye(L,I),this.emit("beforeNumbers"),ae(L,I),this.emit("beforeTitle"),ue(L,I),this.emit("beforeUnits"),be(L,I),g.elementClone.initialized=!0}this.canvas.commit(),g.context.clearRect(k,T,A,N),g.context.drawImage(g.elementClone,k,T,A,N),this.emit("beforeProgressBar"),_t(g.context,I),this.emit("beforeValueBox"),ht(g.context,I,Yt(this)),this.emit("beforeNeedle"),Ve(g.context,I)}else{var j=-re.radians((I.value-I.minValue)/(I.maxValue-I.minValue)*I.ticksAngle);if(g.context.clearRect(k,T,A,N),this.emit("beforePlate"),xe(g.context,I),g.context.rotate(j),this.emit("beforeHighlights"),Le(g.context,I),this.emit("beforeMinorTicks"),dt(g.context,I),this.emit("beforeMajorTicks"),Ye(g.context,I),this.emit("beforeNumbers"),ae(g.context,I),this.emit("beforeProgressBar"),_t(g.context,I),g.context.rotate(-j),!g.elementClone.initialized){var $=g.contextClone;$.clearRect(k,T,A,N),this.emit("beforeTitle"),ue($,I),this.emit("beforeUnits"),be($,I),this.emit("beforeNeedle"),Ve($,I),g.elementClone.initialized=!0}g.context.drawImage(g.elementClone,k,T,A,N)}this.emit("beforeValueBox"),ht(g.context,I,Yt(this)),ir(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"draw",this).call(this)}catch(pe){re.verifyError(pe)}return this}},{key:"value",set:function(g){g=ri.ensureValue(g,this.options.minValue),this.options.animation&&this.options.ticksAngle===360&&this.options.useMinPath&&(this._value=g,g=this.options.value+((g-this.options.value)%360+540)%360-180),Hu(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"value",g,this)},get:function(){return ir(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"value",this)}}],[{key:"configure",value:function(g){return g.barWidth>50&&(g.barWidth=50),isNaN(g.startAngle)&&(g.startAngle=45),isNaN(g.ticksAngle)&&(g.ticksAngle=270),g.ticksAngle>360&&(g.ticksAngle=360),g.ticksAngle<0&&(g.ticksAngle=0),g.startAngle<0&&(g.startAngle=0),g.startAngle>360&&(g.startAngle=360),g}}]),h})(ri);a!==void 0&&(a.RadialGauge=qu),ri.initialize("RadialGauge",Ls);var Vs=Object.assign({},ar,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),ju=(function(u){function h(g){return i(this,h),g=Object.assign({},Vs,g||{}),e(this,(h.__proto__||Object.getPrototypeOf(h)).call(this,h.configure(g)))}return t(h,u),Hi(h,[{key:"draw",value:function(){try{var g=this.canvas,_=[-g.drawX,-g.drawY,g.drawWidth,g.drawHeight],k=_[0],T=_[1],A=_[2],N=_[3],I=this.options;if(!g.elementClone.initialized){var L=g.contextClone;L.clearRect(k,T,A,N),this.emit("beforePlate"),this.drawBox=tr(L,I,k,T,A,N),this.emit("beforeBar"),Mt.apply(void 0,[L,I].concat(n(this.drawBox))),g.contextClone.barDimensions=L.barDimensions,this.emit("beforeHighlights"),Ou(L,I),this.emit("beforeMinorTicks"),Iu(L,I),this.emit("beforeMajorTicks"),Ru(L,I),this.emit("beforeNumbers"),Nu(L,I),this.emit("beforeTitle"),Wu(L,I),this.emit("beforeUnits"),Lu(L,I),g.elementClone.initialized=!0}this.canvas.commit(),g.context.clearRect(k,T,A,N),g.context.drawImage(g.elementClone,k,T,A,N),this.emit("beforeProgressBar"),ea.apply(void 0,[g.context,I].concat(n(this.drawBox))),this.emit("beforeNeedle"),Vu(g.context,I),this.emit("beforeValueBox"),Fu.apply(void 0,[g.context,I,I.animatedValue?this.options.value:this.value].concat(n(this.drawBox))),ir(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"draw",this).call(this)}catch(j){re.verifyError(j)}return this}}],[{key:"configure",value:function(g){return g.barStrokeWidth>=g.barWidth&&(g.barStrokeWidth=Ie(g.barWidth/2)),g.hasLeft=Fi("right",g),g.hasRight=Fi("left",g),g.value>g.maxValue&&(g.value=g.maxValue),g.value<g.minValue&&(g.value=g.minValue),ri.configure(g)}}]),h})(ri);a!==void 0&&(a.LinearGauge=ju),ri.initialize("LinearGauge",Vs),typeof Do<"u"&&Object.assign(a,{Collection:l,GenericOptions:ar,Animation:nr,BaseGauge:ri,drawings:re,SmartCanvas:Kt,DomObserver:cn,vendorize:o})})(typeof Do<"u"?Do.exports:window)});var ts=Hs(Io=>{(function(){"use strict";var a=function(){this.init()};a.prototype={init:function(){var s=this||n;return s._counter=1e3,s._html5AudioPool=[],s.html5PoolSize=10,s._codecs={},s._howls=[],s._muted=!1,s._volume=1,s._canPlayEvent="canplaythrough",s._navigator=typeof window<"u"&&window.navigator?window.navigator:null,s.masterGain=null,s.noAudio=!1,s.usingWebAudio=!0,s.autoSuspend=!0,s.ctx=null,s.autoUnlock=!0,s._setup(),s},volume:function(s){var c=this||n;if(s=parseFloat(s),c.ctx||p(),typeof s<"u"&&s>=0&&s<=1){if(c._volume=s,c._muted)return c;c.usingWebAudio&&c.masterGain.gain.setValueAtTime(s,n.ctx.currentTime);for(var m=0;m<c._howls.length;m++)if(!c._howls[m]._webAudio)for(var v=c._howls[m]._getSoundIds(),y=0;y<v.length;y++){var S=c._howls[m]._soundById(v[y]);S&&S._node&&(S._node.volume=S._volume*s)}return c}return c._volume},mute:function(s){var c=this||n;c.ctx||p(),c._muted=s,c.usingWebAudio&&c.masterGain.gain.setValueAtTime(s?0:c._volume,n.ctx.currentTime);for(var m=0;m<c._howls.length;m++)if(!c._howls[m]._webAudio)for(var v=c._howls[m]._getSoundIds(),y=0;y<v.length;y++){var S=c._howls[m]._soundById(v[y]);S&&S._node&&(S._node.muted=s?!0:S._muted)}return c},stop:function(){for(var s=this||n,c=0;c<s._howls.length;c++)s._howls[c].stop();return s},unload:function(){for(var s=this||n,c=s._howls.length-1;c>=0;c--)s._howls[c].unload();return s.usingWebAudio&&s.ctx&&typeof s.ctx.close<"u"&&(s.ctx.close(),s.ctx=null,p()),s},codecs:function(s){return(this||n)._codecs[s.replace(/^x-/,"")]},_setup:function(){var s=this||n;if(s.state=s.ctx&&s.ctx.state||"suspended",s._autoSuspend(),!s.usingWebAudio)if(typeof Audio<"u")try{var c=new Audio;typeof c.oncanplaythrough>"u"&&(s._canPlayEvent="canplay")}catch{s.noAudio=!0}else s.noAudio=!0;try{var c=new Audio;c.muted&&(s.noAudio=!0)}catch{}return s.noAudio||s._setupCodecs(),s},_setupCodecs:function(){var s=this||n,c=null;try{c=typeof Audio<"u"?new Audio:null}catch{return s}if(!c||typeof c.canPlayType!="function")return s;var m=c.canPlayType("audio/mpeg;").replace(/^no$/,""),v=s._navigator?s._navigator.userAgent:"",y=v.match(/OPR\/(\d+)/g),S=y&&parseInt(y[0].split("/")[1],10)<33,x=v.indexOf("Safari")!==-1&&v.indexOf("Chrome")===-1,V=v.match(/Version\/(.*?) /),z=x&&V&&parseInt(V[1],10)<15;return s._codecs={mp3:!!(!S&&(m||c.canPlayType("audio/mp3;").replace(/^no$/,""))),mpeg:!!m,opus:!!c.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/,""),ogg:!!c.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),oga:!!c.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),wav:!!(c.canPlayType('audio/wav; codecs="1"')||c.canPlayType("audio/wav")).replace(/^no$/,""),aac:!!c.canPlayType("audio/aac;").replace(/^no$/,""),caf:!!c.canPlayType("audio/x-caf;").replace(/^no$/,""),m4a:!!(c.canPlayType("audio/x-m4a;")||c.canPlayType("audio/m4a;")||c.canPlayType("audio/aac;")).replace(/^no$/,""),m4b:!!(c.canPlayType("audio/x-m4b;")||c.canPlayType("audio/m4b;")||c.canPlayType("audio/aac;")).replace(/^no$/,""),mp4:!!(c.canPlayType("audio/x-mp4;")||c.canPlayType("audio/mp4;")||c.canPlayType("audio/aac;")).replace(/^no$/,""),weba:!!(!z&&c.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/,"")),webm:!!(!z&&c.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/,"")),dolby:!!c.canPlayType('audio/mp4; codecs="ec-3"').replace(/^no$/,""),flac:!!(c.canPlayType("audio/x-flac;")||c.canPlayType("audio/flac;")).replace(/^no$/,"")},s},_unlockAudio:function(){var s=this||n;if(!(s._audioUnlocked||!s.ctx)){s._audioUnlocked=!1,s.autoUnlock=!1,!s._mobileUnloaded&&s.ctx.sampleRate!==44100&&(s._mobileUnloaded=!0,s.unload()),s._scratchBuffer=s.ctx.createBuffer(1,1,22050);var c=function(m){for(;s._html5AudioPool.length<s.html5PoolSize;)try{var v=new Audio;v._unlocked=!0,s._releaseHtml5Audio(v)}catch{s.noAudio=!0;break}for(var y=0;y<s._howls.length;y++)if(!s._howls[y]._webAudio)for(var S=s._howls[y]._getSoundIds(),x=0;x<S.length;x++){var V=s._howls[y]._soundById(S[x]);V&&V._node&&!V._node._unlocked&&(V._node._unlocked=!0,V._node.load())}s._autoResume();var z=s.ctx.createBufferSource();z.buffer=s._scratchBuffer,z.connect(s.ctx.destination),typeof z.start>"u"?z.noteOn(0):z.start(0),typeof s.ctx.resume=="function"&&s.ctx.resume(),z.onended=function(){z.disconnect(0),s._audioUnlocked=!0,document.removeEventListener("touchstart",c,!0),document.removeEventListener("touchend",c,!0),document.removeEventListener("click",c,!0),document.removeEventListener("keydown",c,!0);for(var X=0;X<s._howls.length;X++)s._howls[X]._emit("unlock")}};return document.addEventListener("touchstart",c,!0),document.addEventListener("touchend",c,!0),document.addEventListener("click",c,!0),document.addEventListener("keydown",c,!0),s}},_obtainHtml5Audio:function(){var s=this||n;if(s._html5AudioPool.length)return s._html5AudioPool.pop();var c=new Audio().play();return c&&typeof Promise<"u"&&(c instanceof Promise||typeof c.then=="function")&&c.catch(function(){console.warn("HTML5 Audio pool exhausted, returning potentially locked audio object.")}),new Audio},_releaseHtml5Audio:function(s){var c=this||n;return s._unlocked&&c._html5AudioPool.push(s),c},_autoSuspend:function(){var s=this;if(!(!s.autoSuspend||!s.ctx||typeof s.ctx.suspend>"u"||!n.usingWebAudio)){for(var c=0;c<s._howls.length;c++)if(s._howls[c]._webAudio){for(var m=0;m<s._howls[c]._sounds.length;m++)if(!s._howls[c]._sounds[m]._paused)return s}return s._suspendTimer&&clearTimeout(s._suspendTimer),s._suspendTimer=setTimeout(function(){if(s.autoSuspend){s._suspendTimer=null,s.state="suspending";var v=function(){s.state="suspended",s._resumeAfterSuspend&&(delete s._resumeAfterSuspend,s._autoResume())};s.ctx.suspend().then(v,v)}},3e4),s}},_autoResume:function(){var s=this;if(!(!s.ctx||typeof s.ctx.resume>"u"||!n.usingWebAudio))return s.state==="running"&&s.ctx.state!=="interrupted"&&s._suspendTimer?(clearTimeout(s._suspendTimer),s._suspendTimer=null):s.state==="suspended"||s.state==="running"&&s.ctx.state==="interrupted"?(s.ctx.resume().then(function(){s.state="running";for(var c=0;c<s._howls.length;c++)s._howls[c]._emit("resume")}),s._suspendTimer&&(clearTimeout(s._suspendTimer),s._suspendTimer=null)):s.state==="suspending"&&(s._resumeAfterSuspend=!0),s}};var n=new a,e=function(s){var c=this;if(!s.src||s.src.length===0){console.error("An array of source files must be passed with any new Howl.");return}c.init(s)};e.prototype={init:function(s){var c=this;return n.ctx||p(),c._autoplay=s.autoplay||!1,c._format=typeof s.format!="string"?s.format:[s.format],c._html5=s.html5||!1,c._muted=s.mute||!1,c._loop=s.loop||!1,c._pool=s.pool||5,c._preload=typeof s.preload=="boolean"||s.preload==="metadata"?s.preload:!0,c._rate=s.rate||1,c._sprite=s.sprite||{},c._src=typeof s.src!="string"?s.src:[s.src],c._volume=s.volume!==void 0?s.volume:1,c._xhr={method:s.xhr&&s.xhr.method?s.xhr.method:"GET",headers:s.xhr&&s.xhr.headers?s.xhr.headers:null,withCredentials:s.xhr&&s.xhr.withCredentials?s.xhr.withCredentials:!1},c._duration=0,c._state="unloaded",c._sounds=[],c._endTimers={},c._queue=[],c._playLock=!1,c._onend=s.onend?[{fn:s.onend}]:[],c._onfade=s.onfade?[{fn:s.onfade}]:[],c._onload=s.onload?[{fn:s.onload}]:[],c._onloaderror=s.onloaderror?[{fn:s.onloaderror}]:[],c._onplayerror=s.onplayerror?[{fn:s.onplayerror}]:[],c._onpause=s.onpause?[{fn:s.onpause}]:[],c._onplay=s.onplay?[{fn:s.onplay}]:[],c._onstop=s.onstop?[{fn:s.onstop}]:[],c._onmute=s.onmute?[{fn:s.onmute}]:[],c._onvolume=s.onvolume?[{fn:s.onvolume}]:[],c._onrate=s.onrate?[{fn:s.onrate}]:[],c._onseek=s.onseek?[{fn:s.onseek}]:[],c._onunlock=s.onunlock?[{fn:s.onunlock}]:[],c._onresume=[],c._webAudio=n.usingWebAudio&&!c._html5,typeof n.ctx<"u"&&n.ctx&&n.autoUnlock&&n._unlockAudio(),n._howls.push(c),c._autoplay&&c._queue.push({event:"play",action:function(){c.play()}}),c._preload&&c._preload!=="none"&&c.load(),c},load:function(){var s=this,c=null;if(n.noAudio){s._emit("loaderror",null,"No audio support.");return}typeof s._src=="string"&&(s._src=[s._src]);for(var m=0;m<s._src.length;m++){var v,y;if(s._format&&s._format[m])v=s._format[m];else{if(y=s._src[m],typeof y!="string"){s._emit("loaderror",null,"Non-string found in selected audio sources - ignoring.");continue}v=/^data:audio\/([^;,]+);/i.exec(y),v||(v=/\.([^.]+)$/.exec(y.split("?",1)[0])),v&&(v=v[1].toLowerCase())}if(v||console.warn('No file extension was found. Consider using the "format" property or specify an extension.'),v&&n.codecs(v)){c=s._src[m];break}}if(!c){s._emit("loaderror",null,"No codec support for selected audio sources.");return}return s._src=c,s._state="loading",window.location.protocol==="https:"&&c.slice(0,5)==="http:"&&(s._html5=!0,s._webAudio=!1),new t(s),s._webAudio&&o(s),s},play:function(s,c){var m=this,v=null;if(typeof s=="number")v=s,s=null;else{if(typeof s=="string"&&m._state==="loaded"&&!m._sprite[s])return null;if(typeof s>"u"&&(s="__default",!m._playLock)){for(var y=0,S=0;S<m._sounds.length;S++)m._sounds[S]._paused&&!m._sounds[S]._ended&&(y++,v=m._sounds[S]._id);y===1?s=null:v=null}}var x=v?m._soundById(v):m._inactiveSound();if(!x)return null;if(v&&!s&&(s=x._sprite||"__default"),m._state!=="loaded"){x._sprite=s,x._ended=!1;var V=x._id;return m._queue.push({event:"play",action:function(){m.play(V)}}),V}if(v&&!x._paused)return c||m._loadQueue("play"),x._id;m._webAudio&&n._autoResume();var z=Math.max(0,x._seek>0?x._seek:m._sprite[s][0]/1e3),X=Math.max(0,(m._sprite[s][0]+m._sprite[s][1])/1e3-z),se=X*1e3/Math.abs(x._rate),_e=m._sprite[s][0]/1e3,De=(m._sprite[s][0]+m._sprite[s][1])/1e3;x._sprite=s,x._ended=!1;var me=function(){x._paused=!1,x._seek=z,x._start=_e,x._stop=De,x._loop=!!(x._loop||m._sprite[s][2])};if(z>=De){m._ended(x);return}var J=x._node;if(m._webAudio){var xe=function(){m._playLock=!1,me(),m._refreshBuffer(x);var Ye=x._muted||m._muted?0:x._volume;J.gain.setValueAtTime(Ye,n.ctx.currentTime),x._playStart=n.ctx.currentTime,typeof J.bufferSource.start>"u"?x._loop?J.bufferSource.noteGrainOn(0,z,86400):J.bufferSource.noteGrainOn(0,z,X):x._loop?J.bufferSource.start(0,z,86400):J.bufferSource.start(0,z,X),se!==1/0&&(m._endTimers[x._id]=setTimeout(m._ended.bind(m,x),se)),c||setTimeout(function(){m._emit("play",x._id),m._loadQueue()},0)};n.state==="running"&&n.ctx.state!=="interrupted"?xe():(m._playLock=!0,m.once("resume",xe),m._clearTimer(x._id))}else{var Le=function(){J.currentTime=z,J.muted=x._muted||m._muted||n._muted||J.muted,J.volume=x._volume*n.volume(),J.playbackRate=x._rate;try{var Ye=J.play();if(Ye&&typeof Promise<"u"&&(Ye instanceof Promise||typeof Ye.then=="function")?(m._playLock=!0,me(),Ye.then(function(){m._playLock=!1,J._unlocked=!0,c?m._loadQueue():m._emit("play",x._id)}).catch(function(){m._playLock=!1,m._emit("playerror",x._id,"Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction."),x._ended=!0,x._paused=!0})):c||(m._playLock=!1,me(),m._emit("play",x._id)),J.playbackRate=x._rate,J.paused){m._emit("playerror",x._id,"Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.");return}s!=="__default"||x._loop?m._endTimers[x._id]=setTimeout(m._ended.bind(m,x),se):(m._endTimers[x._id]=function(){m._ended(x),J.removeEventListener("ended",m._endTimers[x._id],!1)},J.addEventListener("ended",m._endTimers[x._id],!1))}catch(ct){m._emit("playerror",x._id,ct)}};J.src==="data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA"&&(J.src=m._src,J.load());var dt=window&&window.ejecta||!J.readyState&&n._navigator.isCocoonJS;if(J.readyState>=3||dt)Le();else{m._playLock=!0,m._state="loading";var qe=function(){m._state="loaded",Le(),J.removeEventListener(n._canPlayEvent,qe,!1)};J.addEventListener(n._canPlayEvent,qe,!1),m._clearTimer(x._id)}}return x._id},pause:function(s){var c=this;if(c._state!=="loaded"||c._playLock)return c._queue.push({event:"pause",action:function(){c.pause(s)}}),c;for(var m=c._getSoundIds(s),v=0;v<m.length;v++){c._clearTimer(m[v]);var y=c._soundById(m[v]);if(y&&!y._paused&&(y._seek=c.seek(m[v]),y._rateSeek=0,y._paused=!0,c._stopFade(m[v]),y._node))if(c._webAudio){if(!y._node.bufferSource)continue;typeof y._node.bufferSource.stop>"u"?y._node.bufferSource.noteOff(0):y._node.bufferSource.stop(0),c._cleanBuffer(y._node)}else(!isNaN(y._node.duration)||y._node.duration===1/0)&&y._node.pause();arguments[1]||c._emit("pause",y?y._id:null)}return c},stop:function(s,c){var m=this;if(m._state!=="loaded"||m._playLock)return m._queue.push({event:"stop",action:function(){m.stop(s)}}),m;for(var v=m._getSoundIds(s),y=0;y<v.length;y++){m._clearTimer(v[y]);var S=m._soundById(v[y]);S&&(S._seek=S._start||0,S._rateSeek=0,S._paused=!0,S._ended=!0,m._stopFade(v[y]),S._node&&(m._webAudio?S._node.bufferSource&&(typeof S._node.bufferSource.stop>"u"?S._node.bufferSource.noteOff(0):S._node.bufferSource.stop(0),m._cleanBuffer(S._node)):(!isNaN(S._node.duration)||S._node.duration===1/0)&&(S._node.currentTime=S._start||0,S._node.pause(),S._node.duration===1/0&&m._clearSound(S._node))),c||m._emit("stop",S._id))}return m},mute:function(s,c){var m=this;if(m._state!=="loaded"||m._playLock)return m._queue.push({event:"mute",action:function(){m.mute(s,c)}}),m;if(typeof c>"u")if(typeof s=="boolean")m._muted=s;else return m._muted;for(var v=m._getSoundIds(c),y=0;y<v.length;y++){var S=m._soundById(v[y]);S&&(S._muted=s,S._interval&&m._stopFade(S._id),m._webAudio&&S._node?S._node.gain.setValueAtTime(s?0:S._volume,n.ctx.currentTime):S._node&&(S._node.muted=n._muted?!0:s),m._emit("mute",S._id))}return m},volume:function(){var s=this,c=arguments,m,v;if(c.length===0)return s._volume;if(c.length===1||c.length===2&&typeof c[1]>"u"){var y=s._getSoundIds(),S=y.indexOf(c[0]);S>=0?v=parseInt(c[0],10):m=parseFloat(c[0])}else c.length>=2&&(m=parseFloat(c[0]),v=parseInt(c[1],10));var x;if(typeof m<"u"&&m>=0&&m<=1){if(s._state!=="loaded"||s._playLock)return s._queue.push({event:"volume",action:function(){s.volume.apply(s,c)}}),s;typeof v>"u"&&(s._volume=m),v=s._getSoundIds(v);for(var V=0;V<v.length;V++)x=s._soundById(v[V]),x&&(x._volume=m,c[2]||s._stopFade(v[V]),s._webAudio&&x._node&&!x._muted?x._node.gain.setValueAtTime(m,n.ctx.currentTime):x._node&&!x._muted&&(x._node.volume=m*n.volume()),s._emit("volume",x._id))}else return x=v?s._soundById(v):s._sounds[0],x?x._volume:0;return s},fade:function(s,c,m,v){var y=this;if(y._state!=="loaded"||y._playLock)return y._queue.push({event:"fade",action:function(){y.fade(s,c,m,v)}}),y;s=Math.min(Math.max(0,parseFloat(s)),1),c=Math.min(Math.max(0,parseFloat(c)),1),m=parseFloat(m),y.volume(s,v);for(var S=y._getSoundIds(v),x=0;x<S.length;x++){var V=y._soundById(S[x]);if(V){if(v||y._stopFade(S[x]),y._webAudio&&!V._muted){var z=n.ctx.currentTime,X=z+m/1e3;V._volume=s,V._node.gain.setValueAtTime(s,z),V._node.gain.linearRampToValueAtTime(c,X)}y._startFadeInterval(V,s,c,m,S[x],typeof v>"u")}}return y},_startFadeInterval:function(s,c,m,v,y,S){var x=this,V=c,z=m-c,X=Math.abs(z/.01),se=Math.max(4,X>0?v/X:v),_e=Date.now();s._fadeTo=m,s._interval=setInterval(function(){var De=(Date.now()-_e)/v;_e=Date.now(),V+=z*De,V=Math.round(V*100)/100,z<0?V=Math.max(m,V):V=Math.min(m,V),x._webAudio?s._volume=V:x.volume(V,s._id,!0),S&&(x._volume=V),(m<c&&V<=m||m>c&&V>=m)&&(clearInterval(s._interval),s._interval=null,s._fadeTo=null,x.volume(m,s._id),x._emit("fade",s._id))},se)},_stopFade:function(s){var c=this,m=c._soundById(s);return m&&m._interval&&(c._webAudio&&m._node.gain.cancelScheduledValues(n.ctx.currentTime),clearInterval(m._interval),m._interval=null,c.volume(m._fadeTo,s),m._fadeTo=null,c._emit("fade",s)),c},loop:function(){var s=this,c=arguments,m,v,y;if(c.length===0)return s._loop;if(c.length===1)if(typeof c[0]=="boolean")m=c[0],s._loop=m;else return y=s._soundById(parseInt(c[0],10)),y?y._loop:!1;else c.length===2&&(m=c[0],v=parseInt(c[1],10));for(var S=s._getSoundIds(v),x=0;x<S.length;x++)y=s._soundById(S[x]),y&&(y._loop=m,s._webAudio&&y._node&&y._node.bufferSource&&(y._node.bufferSource.loop=m,m&&(y._node.bufferSource.loopStart=y._start||0,y._node.bufferSource.loopEnd=y._stop,s.playing(S[x])&&(s.pause(S[x],!0),s.play(S[x],!0)))));return s},rate:function(){var s=this,c=arguments,m,v;if(c.length===0)v=s._sounds[0]._id;else if(c.length===1){var y=s._getSoundIds(),S=y.indexOf(c[0]);S>=0?v=parseInt(c[0],10):m=parseFloat(c[0])}else c.length===2&&(m=parseFloat(c[0]),v=parseInt(c[1],10));var x;if(typeof m=="number"){if(s._state!=="loaded"||s._playLock)return s._queue.push({event:"rate",action:function(){s.rate.apply(s,c)}}),s;typeof v>"u"&&(s._rate=m),v=s._getSoundIds(v);for(var V=0;V<v.length;V++)if(x=s._soundById(v[V]),x){s.playing(v[V])&&(x._rateSeek=s.seek(v[V]),x._playStart=s._webAudio?n.ctx.currentTime:x._playStart),x._rate=m,s._webAudio&&x._node&&x._node.bufferSource?x._node.bufferSource.playbackRate.setValueAtTime(m,n.ctx.currentTime):x._node&&(x._node.playbackRate=m);var z=s.seek(v[V]),X=(s._sprite[x._sprite][0]+s._sprite[x._sprite][1])/1e3-z,se=X*1e3/Math.abs(x._rate);(s._endTimers[v[V]]||!x._paused)&&(s._clearTimer(v[V]),s._endTimers[v[V]]=setTimeout(s._ended.bind(s,x),se)),s._emit("rate",x._id)}}else return x=s._soundById(v),x?x._rate:s._rate;return s},seek:function(){var s=this,c=arguments,m,v;if(c.length===0)s._sounds.length&&(v=s._sounds[0]._id);else if(c.length===1){var y=s._getSoundIds(),S=y.indexOf(c[0]);S>=0?v=parseInt(c[0],10):s._sounds.length&&(v=s._sounds[0]._id,m=parseFloat(c[0]))}else c.length===2&&(m=parseFloat(c[0]),v=parseInt(c[1],10));if(typeof v>"u")return 0;if(typeof m=="number"&&(s._state!=="loaded"||s._playLock))return s._queue.push({event:"seek",action:function(){s.seek.apply(s,c)}}),s;var x=s._soundById(v);if(x)if(typeof m=="number"&&m>=0){var V=s.playing(v);V&&s.pause(v,!0),x._seek=m,x._ended=!1,s._clearTimer(v),!s._webAudio&&x._node&&!isNaN(x._node.duration)&&(x._node.currentTime=m);var z=function(){V&&s.play(v,!0),s._emit("seek",v)};if(V&&!s._webAudio){var X=function(){s._playLock?setTimeout(X,0):z()};setTimeout(X,0)}else z()}else if(s._webAudio){var se=s.playing(v)?n.ctx.currentTime-x._playStart:0,_e=x._rateSeek?x._rateSeek-x._seek:0;return x._seek+(_e+se*Math.abs(x._rate))}else return x._node.currentTime;return s},playing:function(s){var c=this;if(typeof s=="number"){var m=c._soundById(s);return m?!m._paused:!1}for(var v=0;v<c._sounds.length;v++)if(!c._sounds[v]._paused)return!0;return!1},duration:function(s){var c=this,m=c._duration,v=c._soundById(s);return v&&(m=c._sprite[v._sprite][1]/1e3),m},state:function(){return this._state},unload:function(){for(var s=this,c=s._sounds,m=0;m<c.length;m++)c[m]._paused||s.stop(c[m]._id),s._webAudio||(s._clearSound(c[m]._node),c[m]._node.removeEventListener("error",c[m]._errorFn,!1),c[m]._node.removeEventListener(n._canPlayEvent,c[m]._loadFn,!1),c[m]._node.removeEventListener("ended",c[m]._endFn,!1),n._releaseHtml5Audio(c[m]._node)),delete c[m]._node,s._clearTimer(c[m]._id);var v=n._howls.indexOf(s);v>=0&&n._howls.splice(v,1);var y=!0;for(m=0;m<n._howls.length;m++)if(n._howls[m]._src===s._src||s._src.indexOf(n._howls[m]._src)>=0){y=!1;break}return i&&y&&delete i[s._src],n.noAudio=!1,s._state="unloaded",s._sounds=[],s=null,null},on:function(s,c,m,v){var y=this,S=y["_on"+s];return typeof c=="function"&&S.push(v?{id:m,fn:c,once:v}:{id:m,fn:c}),y},off:function(s,c,m){var v=this,y=v["_on"+s],S=0;if(typeof c=="number"&&(m=c,c=null),c||m)for(S=0;S<y.length;S++){var x=m===y[S].id;if(c===y[S].fn&&x||!c&&x){y.splice(S,1);break}}else if(s)v["_on"+s]=[];else{var V=Object.keys(v);for(S=0;S<V.length;S++)V[S].indexOf("_on")===0&&Array.isArray(v[V[S]])&&(v[V[S]]=[])}return v},once:function(s,c,m){var v=this;return v.on(s,c,m,1),v},_emit:function(s,c,m){for(var v=this,y=v["_on"+s],S=y.length-1;S>=0;S--)(!y[S].id||y[S].id===c||s==="load")&&(setTimeout((function(x){x.call(this,c,m)}).bind(v,y[S].fn),0),y[S].once&&v.off(s,y[S].fn,y[S].id));return v._loadQueue(s),v},_loadQueue:function(s){var c=this;if(c._queue.length>0){var m=c._queue[0];m.event===s&&(c._queue.shift(),c._loadQueue()),s||m.action()}return c},_ended:function(s){var c=this,m=s._sprite;if(!c._webAudio&&s._node&&!s._node.paused&&!s._node.ended&&s._node.currentTime<s._stop)return setTimeout(c._ended.bind(c,s),100),c;var v=!!(s._loop||c._sprite[m][2]);if(c._emit("end",s._id),!c._webAudio&&v&&c.stop(s._id,!0).play(s._id),c._webAudio&&v){c._emit("play",s._id),s._seek=s._start||0,s._rateSeek=0,s._playStart=n.ctx.currentTime;var y=(s._stop-s._start)*1e3/Math.abs(s._rate);c._endTimers[s._id]=setTimeout(c._ended.bind(c,s),y)}return c._webAudio&&!v&&(s._paused=!0,s._ended=!0,s._seek=s._start||0,s._rateSeek=0,c._clearTimer(s._id),c._cleanBuffer(s._node),n._autoSuspend()),!c._webAudio&&!v&&c.stop(s._id,!0),c},_clearTimer:function(s){var c=this;if(c._endTimers[s]){if(typeof c._endTimers[s]!="function")clearTimeout(c._endTimers[s]);else{var m=c._soundById(s);m&&m._node&&m._node.removeEventListener("ended",c._endTimers[s],!1)}delete c._endTimers[s]}return c},_soundById:function(s){for(var c=this,m=0;m<c._sounds.length;m++)if(s===c._sounds[m]._id)return c._sounds[m];return null},_inactiveSound:function(){var s=this;s._drain();for(var c=0;c<s._sounds.length;c++)if(s._sounds[c]._ended)return s._sounds[c].reset();return new t(s)},_drain:function(){var s=this,c=s._pool,m=0,v=0;if(!(s._sounds.length<c)){for(v=0;v<s._sounds.length;v++)s._sounds[v]._ended&&m++;for(v=s._sounds.length-1;v>=0;v--){if(m<=c)return;s._sounds[v]._ended&&(s._webAudio&&s._sounds[v]._node&&s._sounds[v]._node.disconnect(0),s._sounds.splice(v,1),m--)}}},_getSoundIds:function(s){var c=this;if(typeof s>"u"){for(var m=[],v=0;v<c._sounds.length;v++)m.push(c._sounds[v]._id);return m}else return[s]},_refreshBuffer:function(s){var c=this;return s._node.bufferSource=n.ctx.createBufferSource(),s._node.bufferSource.buffer=i[c._src],s._panner?s._node.bufferSource.connect(s._panner):s._node.bufferSource.connect(s._node),s._node.bufferSource.loop=s._loop,s._loop&&(s._node.bufferSource.loopStart=s._start||0,s._node.bufferSource.loopEnd=s._stop||0),s._node.bufferSource.playbackRate.setValueAtTime(s._rate,n.ctx.currentTime),c},_cleanBuffer:function(s){var c=this,m=n._navigator&&n._navigator.vendor.indexOf("Apple")>=0;if(!s.bufferSource)return c;if(n._scratchBuffer&&s.bufferSource&&(s.bufferSource.onended=null,s.bufferSource.disconnect(0),m))try{s.bufferSource.buffer=n._scratchBuffer}catch{}return s.bufferSource=null,c},_clearSound:function(s){var c=/MSIE |Trident\//.test(n._navigator&&n._navigator.userAgent);c||(s.src="data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA")}};var t=function(s){this._parent=s,this.init()};t.prototype={init:function(){var s=this,c=s._parent;return s._muted=c._muted,s._loop=c._loop,s._volume=c._volume,s._rate=c._rate,s._seek=0,s._paused=!0,s._ended=!0,s._sprite="__default",s._id=++n._counter,c._sounds.push(s),s.create(),s},create:function(){var s=this,c=s._parent,m=n._muted||s._muted||s._parent._muted?0:s._volume;return c._webAudio?(s._node=typeof n.ctx.createGain>"u"?n.ctx.createGainNode():n.ctx.createGain(),s._node.gain.setValueAtTime(m,n.ctx.currentTime),s._node.paused=!0,s._node.connect(n.masterGain)):n.noAudio||(s._node=n._obtainHtml5Audio(),s._errorFn=s._errorListener.bind(s),s._node.addEventListener("error",s._errorFn,!1),s._loadFn=s._loadListener.bind(s),s._node.addEventListener(n._canPlayEvent,s._loadFn,!1),s._endFn=s._endListener.bind(s),s._node.addEventListener("ended",s._endFn,!1),s._node.src=c._src,s._node.preload=c._preload===!0?"auto":c._preload,s._node.volume=m*n.volume(),s._node.load()),s},reset:function(){var s=this,c=s._parent;return s._muted=c._muted,s._loop=c._loop,s._volume=c._volume,s._rate=c._rate,s._seek=0,s._rateSeek=0,s._paused=!0,s._ended=!0,s._sprite="__default",s._id=++n._counter,s},_errorListener:function(){var s=this;s._parent._emit("loaderror",s._id,s._node.error?s._node.error.code:0),s._node.removeEventListener("error",s._errorFn,!1)},_loadListener:function(){var s=this,c=s._parent;c._duration=Math.ceil(s._node.duration*10)/10,Object.keys(c._sprite).length===0&&(c._sprite={__default:[0,c._duration*1e3]}),c._state!=="loaded"&&(c._state="loaded",c._emit("load"),c._loadQueue()),s._node.removeEventListener(n._canPlayEvent,s._loadFn,!1)},_endListener:function(){var s=this,c=s._parent;c._duration===1/0&&(c._duration=Math.ceil(s._node.duration*10)/10,c._sprite.__default[1]===1/0&&(c._sprite.__default[1]=c._duration*1e3),c._ended(s)),s._node.removeEventListener("ended",s._endFn,!1)}};var i={},o=function(s){var c=s._src;if(i[c]){s._duration=i[c].duration,d(s);return}if(/^data:[^;]+;base64,/.test(c)){for(var m=atob(c.split(",")[1]),v=new Uint8Array(m.length),y=0;y<m.length;++y)v[y]=m.charCodeAt(y);l(v.buffer,s)}else{var S=new XMLHttpRequest;S.open(s._xhr.method,c,!0),S.withCredentials=s._xhr.withCredentials,S.responseType="arraybuffer",s._xhr.headers&&Object.keys(s._xhr.headers).forEach(function(x){S.setRequestHeader(x,s._xhr.headers[x])}),S.onload=function(){var x=(S.status+"")[0];if(x!=="0"&&x!=="2"&&x!=="3"){s._emit("loaderror",null,"Failed loading audio file with status: "+S.status+".");return}l(S.response,s)},S.onerror=function(){s._webAudio&&(s._html5=!0,s._webAudio=!1,s._sounds=[],delete i[c],s.load())},r(S)}},r=function(s){try{s.send()}catch{s.onerror()}},l=function(s,c){var m=function(){c._emit("loaderror",null,"Decoding audio data failed.")},v=function(y){y&&c._sounds.length>0?(i[c._src]=y,d(c,y)):m()};typeof Promise<"u"&&n.ctx.decodeAudioData.length===1?n.ctx.decodeAudioData(s).then(v).catch(m):n.ctx.decodeAudioData(s,v,m)},d=function(s,c){c&&!s._duration&&(s._duration=c.duration),Object.keys(s._sprite).length===0&&(s._sprite={__default:[0,s._duration*1e3]}),s._state!=="loaded"&&(s._state="loaded",s._emit("load"),s._loadQueue())},p=function(){if(n.usingWebAudio){try{typeof AudioContext<"u"?n.ctx=new AudioContext:typeof webkitAudioContext<"u"?n.ctx=new webkitAudioContext:n.usingWebAudio=!1}catch{n.usingWebAudio=!1}n.ctx||(n.usingWebAudio=!1);var s=/iP(hone|od|ad)/.test(n._navigator&&n._navigator.platform),c=n._navigator&&n._navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/),m=c?parseInt(c[1],10):null;if(s&&m&&m<9){var v=/safari/.test(n._navigator&&n._navigator.userAgent.toLowerCase());n._navigator&&!v&&(n.usingWebAudio=!1)}n.usingWebAudio&&(n.masterGain=typeof n.ctx.createGain>"u"?n.ctx.createGainNode():n.ctx.createGain(),n.masterGain.gain.setValueAtTime(n._muted?0:n._volume,n.ctx.currentTime),n.masterGain.connect(n.ctx.destination)),n._setup()}};typeof define=="function"&&define.amd&&define([],function(){return{Howler:n,Howl:e}}),typeof Io<"u"&&(Io.Howler=n,Io.Howl=e),typeof global<"u"?(global.HowlerGlobal=a,global.Howler=n,global.Howl=e,global.Sound=t):typeof window<"u"&&(window.HowlerGlobal=a,window.Howler=n,window.Howl=e,window.Sound=t)})();(function(){"use strict";HowlerGlobal.prototype._pos=[0,0,0],HowlerGlobal.prototype._orientation=[0,0,-1,0,1,0],HowlerGlobal.prototype.stereo=function(n){var e=this;if(!e.ctx||!e.ctx.listener)return e;for(var t=e._howls.length-1;t>=0;t--)e._howls[t].stereo(n);return e},HowlerGlobal.prototype.pos=function(n,e,t){var i=this;if(!i.ctx||!i.ctx.listener)return i;if(e=typeof e!="number"?i._pos[1]:e,t=typeof t!="number"?i._pos[2]:t,typeof n=="number")i._pos=[n,e,t],typeof i.ctx.listener.positionX<"u"?(i.ctx.listener.positionX.setTargetAtTime(i._pos[0],Howler.ctx.currentTime,.1),i.ctx.listener.positionY.setTargetAtTime(i._pos[1],Howler.ctx.currentTime,.1),i.ctx.listener.positionZ.setTargetAtTime(i._pos[2],Howler.ctx.currentTime,.1)):i.ctx.listener.setPosition(i._pos[0],i._pos[1],i._pos[2]);else return i._pos;return i},HowlerGlobal.prototype.orientation=function(n,e,t,i,o,r){var l=this;if(!l.ctx||!l.ctx.listener)return l;var d=l._orientation;if(e=typeof e!="number"?d[1]:e,t=typeof t!="number"?d[2]:t,i=typeof i!="number"?d[3]:i,o=typeof o!="number"?d[4]:o,r=typeof r!="number"?d[5]:r,typeof n=="number")l._orientation=[n,e,t,i,o,r],typeof l.ctx.listener.forwardX<"u"?(l.ctx.listener.forwardX.setTargetAtTime(n,Howler.ctx.currentTime,.1),l.ctx.listener.forwardY.setTargetAtTime(e,Howler.ctx.currentTime,.1),l.ctx.listener.forwardZ.setTargetAtTime(t,Howler.ctx.currentTime,.1),l.ctx.listener.upX.setTargetAtTime(i,Howler.ctx.currentTime,.1),l.ctx.listener.upY.setTargetAtTime(o,Howler.ctx.currentTime,.1),l.ctx.listener.upZ.setTargetAtTime(r,Howler.ctx.currentTime,.1)):l.ctx.listener.setOrientation(n,e,t,i,o,r);else return d;return l},Howl.prototype.init=(function(n){return function(e){var t=this;return t._orientation=e.orientation||[1,0,0],t._stereo=e.stereo||null,t._pos=e.pos||null,t._pannerAttr={coneInnerAngle:typeof e.coneInnerAngle<"u"?e.coneInnerAngle:360,coneOuterAngle:typeof e.coneOuterAngle<"u"?e.coneOuterAngle:360,coneOuterGain:typeof e.coneOuterGain<"u"?e.coneOuterGain:0,distanceModel:typeof e.distanceModel<"u"?e.distanceModel:"inverse",maxDistance:typeof e.maxDistance<"u"?e.maxDistance:1e4,panningModel:typeof e.panningModel<"u"?e.panningModel:"HRTF",refDistance:typeof e.refDistance<"u"?e.refDistance:1,rolloffFactor:typeof e.rolloffFactor<"u"?e.rolloffFactor:1},t._onstereo=e.onstereo?[{fn:e.onstereo}]:[],t._onpos=e.onpos?[{fn:e.onpos}]:[],t._onorientation=e.onorientation?[{fn:e.onorientation}]:[],n.call(this,e)}})(Howl.prototype.init),Howl.prototype.stereo=function(n,e){var t=this;if(!t._webAudio)return t;if(t._state!=="loaded")return t._queue.push({event:"stereo",action:function(){t.stereo(n,e)}}),t;var i=typeof Howler.ctx.createStereoPanner>"u"?"spatial":"stereo";if(typeof e>"u")if(typeof n=="number")t._stereo=n,t._pos=[n,0,0];else return t._stereo;for(var o=t._getSoundIds(e),r=0;r<o.length;r++){var l=t._soundById(o[r]);if(l)if(typeof n=="number")l._stereo=n,l._pos=[n,0,0],l._node&&(l._pannerAttr.panningModel="equalpower",(!l._panner||!l._panner.pan)&&a(l,i),i==="spatial"?typeof l._panner.positionX<"u"?(l._panner.positionX.setValueAtTime(n,Howler.ctx.currentTime),l._panner.positionY.setValueAtTime(0,Howler.ctx.currentTime),l._panner.positionZ.setValueAtTime(0,Howler.ctx.currentTime)):l._panner.setPosition(n,0,0):l._panner.pan.setValueAtTime(n,Howler.ctx.currentTime)),t._emit("stereo",l._id);else return l._stereo}return t},Howl.prototype.pos=function(n,e,t,i){var o=this;if(!o._webAudio)return o;if(o._state!=="loaded")return o._queue.push({event:"pos",action:function(){o.pos(n,e,t,i)}}),o;if(e=typeof e!="number"?0:e,t=typeof t!="number"?-.5:t,typeof i>"u")if(typeof n=="number")o._pos=[n,e,t];else return o._pos;for(var r=o._getSoundIds(i),l=0;l<r.length;l++){var d=o._soundById(r[l]);if(d)if(typeof n=="number")d._pos=[n,e,t],d._node&&((!d._panner||d._panner.pan)&&a(d,"spatial"),typeof d._panner.positionX<"u"?(d._panner.positionX.setValueAtTime(n,Howler.ctx.currentTime),d._panner.positionY.setValueAtTime(e,Howler.ctx.currentTime),d._panner.positionZ.setValueAtTime(t,Howler.ctx.currentTime)):d._panner.setPosition(n,e,t)),o._emit("pos",d._id);else return d._pos}return o},Howl.prototype.orientation=function(n,e,t,i){var o=this;if(!o._webAudio)return o;if(o._state!=="loaded")return o._queue.push({event:"orientation",action:function(){o.orientation(n,e,t,i)}}),o;if(e=typeof e!="number"?o._orientation[1]:e,t=typeof t!="number"?o._orientation[2]:t,typeof i>"u")if(typeof n=="number")o._orientation=[n,e,t];else return o._orientation;for(var r=o._getSoundIds(i),l=0;l<r.length;l++){var d=o._soundById(r[l]);if(d)if(typeof n=="number")d._orientation=[n,e,t],d._node&&(d._panner||(d._pos||(d._pos=o._pos||[0,0,-.5]),a(d,"spatial")),typeof d._panner.orientationX<"u"?(d._panner.orientationX.setValueAtTime(n,Howler.ctx.currentTime),d._panner.orientationY.setValueAtTime(e,Howler.ctx.currentTime),d._panner.orientationZ.setValueAtTime(t,Howler.ctx.currentTime)):d._panner.setOrientation(n,e,t)),o._emit("orientation",d._id);else return d._orientation}return o},Howl.prototype.pannerAttr=function(){var n=this,e=arguments,t,i,o;if(!n._webAudio)return n;if(e.length===0)return n._pannerAttr;if(e.length===1)if(typeof e[0]=="object")t=e[0],typeof i>"u"&&(t.pannerAttr||(t.pannerAttr={coneInnerAngle:t.coneInnerAngle,coneOuterAngle:t.coneOuterAngle,coneOuterGain:t.coneOuterGain,distanceModel:t.distanceModel,maxDistance:t.maxDistance,refDistance:t.refDistance,rolloffFactor:t.rolloffFactor,panningModel:t.panningModel}),n._pannerAttr={coneInnerAngle:typeof t.pannerAttr.coneInnerAngle<"u"?t.pannerAttr.coneInnerAngle:n._coneInnerAngle,coneOuterAngle:typeof t.pannerAttr.coneOuterAngle<"u"?t.pannerAttr.coneOuterAngle:n._coneOuterAngle,coneOuterGain:typeof t.pannerAttr.coneOuterGain<"u"?t.pannerAttr.coneOuterGain:n._coneOuterGain,distanceModel:typeof t.pannerAttr.distanceModel<"u"?t.pannerAttr.distanceModel:n._distanceModel,maxDistance:typeof t.pannerAttr.maxDistance<"u"?t.pannerAttr.maxDistance:n._maxDistance,refDistance:typeof t.pannerAttr.refDistance<"u"?t.pannerAttr.refDistance:n._refDistance,rolloffFactor:typeof t.pannerAttr.rolloffFactor<"u"?t.pannerAttr.rolloffFactor:n._rolloffFactor,panningModel:typeof t.pannerAttr.panningModel<"u"?t.pannerAttr.panningModel:n._panningModel});else return o=n._soundById(parseInt(e[0],10)),o?o._pannerAttr:n._pannerAttr;else e.length===2&&(t=e[0],i=parseInt(e[1],10));for(var r=n._getSoundIds(i),l=0;l<r.length;l++)if(o=n._soundById(r[l]),o){var d=o._pannerAttr;d={coneInnerAngle:typeof t.coneInnerAngle<"u"?t.coneInnerAngle:d.coneInnerAngle,coneOuterAngle:typeof t.coneOuterAngle<"u"?t.coneOuterAngle:d.coneOuterAngle,coneOuterGain:typeof t.coneOuterGain<"u"?t.coneOuterGain:d.coneOuterGain,distanceModel:typeof t.distanceModel<"u"?t.distanceModel:d.distanceModel,maxDistance:typeof t.maxDistance<"u"?t.maxDistance:d.maxDistance,refDistance:typeof t.refDistance<"u"?t.refDistance:d.refDistance,rolloffFactor:typeof t.rolloffFactor<"u"?t.rolloffFactor:d.rolloffFactor,panningModel:typeof t.panningModel<"u"?t.panningModel:d.panningModel};var p=o._panner;p||(o._pos||(o._pos=n._pos||[0,0,-.5]),a(o,"spatial"),p=o._panner),p.coneInnerAngle=d.coneInnerAngle,p.coneOuterAngle=d.coneOuterAngle,p.coneOuterGain=d.coneOuterGain,p.distanceModel=d.distanceModel,p.maxDistance=d.maxDistance,p.refDistance=d.refDistance,p.rolloffFactor=d.rolloffFactor,p.panningModel=d.panningModel}return n},Sound.prototype.init=(function(n){return function(){var e=this,t=e._parent;e._orientation=t._orientation,e._stereo=t._stereo,e._pos=t._pos,e._pannerAttr=t._pannerAttr,n.call(this),e._stereo?t.stereo(e._stereo):e._pos&&t.pos(e._pos[0],e._pos[1],e._pos[2],e._id)}})(Sound.prototype.init),Sound.prototype.reset=(function(n){return function(){var e=this,t=e._parent;return e._orientation=t._orientation,e._stereo=t._stereo,e._pos=t._pos,e._pannerAttr=t._pannerAttr,e._stereo?t.stereo(e._stereo):e._pos?t.pos(e._pos[0],e._pos[1],e._pos[2],e._id):e._panner&&(e._panner.disconnect(0),e._panner=void 0,t._refreshBuffer(e)),n.call(this)}})(Sound.prototype.reset);var a=function(n,e){e=e||"spatial",e==="spatial"?(n._panner=Howler.ctx.createPanner(),n._panner.coneInnerAngle=n._pannerAttr.coneInnerAngle,n._panner.coneOuterAngle=n._pannerAttr.coneOuterAngle,n._panner.coneOuterGain=n._pannerAttr.coneOuterGain,n._panner.distanceModel=n._pannerAttr.distanceModel,n._panner.maxDistance=n._pannerAttr.maxDistance,n._panner.refDistance=n._pannerAttr.refDistance,n._panner.rolloffFactor=n._pannerAttr.rolloffFactor,n._panner.panningModel=n._pannerAttr.panningModel,typeof n._panner.positionX<"u"?(n._panner.positionX.setValueAtTime(n._pos[0],Howler.ctx.currentTime),n._panner.positionY.setValueAtTime(n._pos[1],Howler.ctx.currentTime),n._panner.positionZ.setValueAtTime(n._pos[2],Howler.ctx.currentTime)):n._panner.setPosition(n._pos[0],n._pos[1],n._pos[2]),typeof n._panner.orientationX<"u"?(n._panner.orientationX.setValueAtTime(n._orientation[0],Howler.ctx.currentTime),n._panner.orientationY.setValueAtTime(n._orientation[1],Howler.ctx.currentTime),n._panner.orientationZ.setValueAtTime(n._orientation[2],Howler.ctx.currentTime)):n._panner.setOrientation(n._orientation[0],n._orientation[1],n._orientation[2])):(n._panner=Howler.ctx.createStereoPanner(),n._panner.pan.setValueAtTime(n._stereo,Howler.ctx.currentTime)),n._panner.connect(n._node),n._paused||n._parent.pause(n._id,!0).play(n._id,!0)}})()});function xd(a,n,e,t,i){let o=(...r)=>(console.warn("gridstack.js: Function `"+e+"` is deprecated in "+i+" and has been replaced with `"+t+"`. It will be **removed** in a future release"),n.apply(a,r));return o.prototype=n.prototype,o}var M=class a{static getElements(n,e=document){if(typeof n=="string"){let t="getElementById"in e?e:void 0;if(t&&!isNaN(+n[0])){let o=t.getElementById(n);return o?[o]:[]}let i=e.querySelectorAll(n);return!i.length&&n[0]!=="."&&n[0]!=="#"&&(i=e.querySelectorAll("."+n),i.length||(i=e.querySelectorAll("#"+n))),Array.from(i)}return[n]}static getElement(n,e=document){if(typeof n=="string"){let t="getElementById"in e?e:void 0;if(!n.length)return null;if(t&&n[0]==="#")return t.getElementById(n.substring(1));if(n[0]==="#"||n[0]==="."||n[0]==="[")return e.querySelector(n);if(t&&!isNaN(+n[0]))return t.getElementById(n);let i=e.querySelector(n);return t&&!i&&(i=t.getElementById(n)),i||(i=e.querySelector("."+n)),i}return n}static lazyLoad(n){return n.lazyLoad||n.grid?.opts?.lazyLoad&&n.lazyLoad!==!1}static createDiv(n,e){let t=document.createElement("div");return n.forEach(i=>{i&&t.classList.add(i)}),e?.appendChild(t),t}static shouldSizeToContent(n,e=!1){return n?.grid&&(e?n.sizeToContent===!0||n.grid.opts.sizeToContent===!0&&n.sizeToContent===void 0:!!n.sizeToContent||n.grid.opts.sizeToContent&&n.sizeToContent!==!1)}static isIntercepted(n,e){return!(n.y>=e.y+e.h||n.y+n.h<=e.y||n.x+n.w<=e.x||n.x>=e.x+e.w)}static isTouching(n,e){return a.isIntercepted(n,{x:e.x-.5,y:e.y-.5,w:e.w+1,h:e.h+1})}static areaIntercept(n,e){let t=n.x>e.x?n.x:e.x,i=n.x+n.w<e.x+e.w?n.x+n.w:e.x+e.w;if(i<=t)return 0;let o=n.y>e.y?n.y:e.y,r=n.y+n.h<e.y+e.h?n.y+n.h:e.y+e.h;return r<=o?0:(i-t)*(r-o)}static area(n){return n.w*n.h}static sort(n,e=1){return n.sort((i,o)=>{let r=e*((i.y??1e4)-(o.y??1e4));return r===0?e*((i.x??1e4)-(o.x??1e4)):r})}static find(n,e){return e?n.find(t=>t.id===e):void 0}static createStylesheet(n,e,t){let i=document.createElement("style"),o=t?.nonce;return o&&(i.nonce=o),i.setAttribute("type","text/css"),i.setAttribute("gs-style-id",n),i.styleSheet?i.styleSheet.cssText="":i.appendChild(document.createTextNode("")),e?e.insertBefore(i,e.firstChild):(e=document.getElementsByTagName("head")[0],e.appendChild(i)),i}static removeStylesheet(n,e){let i=(e||document).querySelector("STYLE[gs-style-id="+n+"]");i&&i.parentNode&&i.remove()}static addCSSRule(n,e,t){n.textContent+=`${e} { ${t} } `}static toBool(n){return typeof n=="boolean"?n:typeof n=="string"?(n=n.toLowerCase(),!(n===""||n==="no"||n==="false"||n==="0")):!!n}static toNumber(n){return n===null||n.length===0?void 0:Number(n)}static parseHeight(n){let e,t="px";if(typeof n=="string")if(n==="auto"||n==="")e=0;else{let i=n.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);if(!i)throw new Error(`Invalid height val = ${n}`);t=i[2]||"px",e=parseFloat(i[1])}else e=n;return{h:e,unit:t}}static defaults(n,...e){return e.forEach(t=>{for(let i in t){if(!t.hasOwnProperty(i))return;n[i]===null||n[i]===void 0?n[i]=t[i]:typeof t[i]=="object"&&typeof n[i]=="object"&&this.defaults(n[i],t[i])}}),n}static same(n,e){if(typeof n!="object")return n==e;if(typeof n!=typeof e||Object.keys(n).length!==Object.keys(e).length)return!1;for(let t in n)if(n[t]!==e[t])return!1;return!0}static copyPos(n,e,t=!1){return e.x!==void 0&&(n.x=e.x),e.y!==void 0&&(n.y=e.y),e.w!==void 0&&(n.w=e.w),e.h!==void 0&&(n.h=e.h),t&&(e.minW&&(n.minW=e.minW),e.minH&&(n.minH=e.minH),e.maxW&&(n.maxW=e.maxW),e.maxH&&(n.maxH=e.maxH)),n}static samePos(n,e){return n&&e&&n.x===e.x&&n.y===e.y&&(n.w||1)===(e.w||1)&&(n.h||1)===(e.h||1)}static sanitizeMinMax(n){n.minW||delete n.minW,n.minH||delete n.minH,n.maxW||delete n.maxW,n.maxH||delete n.maxH}static removeInternalAndSame(n,e){if(!(typeof n!="object"||typeof e!="object"))for(let t in n){let i=n[t],o=e[t];t[0]==="_"||i===o?delete n[t]:i&&typeof i=="object"&&o!==void 0&&(a.removeInternalAndSame(i,o),Object.keys(i).length||delete n[t])}}static removeInternalForSave(n,e=!0){for(let t in n)(t[0]==="_"||n[t]===null||n[t]===void 0)&&delete n[t];delete n.grid,e&&delete n.el,n.autoPosition||delete n.autoPosition,n.noResize||delete n.noResize,n.noMove||delete n.noMove,n.locked||delete n.locked,(n.w===1||n.w===n.minW)&&delete n.w,(n.h===1||n.h===n.minH)&&delete n.h}static throttle(n,e){let t=!1;return(...i)=>{t||(t=!0,setTimeout(()=>{n(...i),t=!1},e))}}static removePositioningStyles(n){let e=n.style;e.position&&e.removeProperty("position"),e.left&&e.removeProperty("left"),e.top&&e.removeProperty("top"),e.width&&e.removeProperty("width"),e.height&&e.removeProperty("height")}static getScrollElement(n){if(!n)return document.scrollingElement||document.documentElement;let e=getComputedStyle(n);return/(auto|scroll)/.test(e.overflow+e.overflowY)?n:this.getScrollElement(n.parentElement)}static updateScrollPosition(n,e,t){let i=n.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight;if(i.top<0||i.bottom>o){let r=i.bottom-o,l=i.top,d=this.getScrollElement(n);if(d!==null){let p=d.scrollTop;i.top<0&&t<0?n.offsetHeight>o?d.scrollTop+=t:d.scrollTop+=Math.abs(l)>Math.abs(t)?t:l:t>0&&(n.offsetHeight>o?d.scrollTop+=t:d.scrollTop+=r>t?t:r),e.top+=d.scrollTop-p}}}static updateScrollResize(n,e,t){let i=this.getScrollElement(e),o=i.clientHeight,r=i===this.getScrollElement()?0:i.getBoundingClientRect().top,l=n.clientY-r,d=l<t,p=l>o-t;d?i.scrollBy({behavior:"smooth",top:l-t}):p&&i.scrollBy({behavior:"smooth",top:t-(o-l)})}static clone(n){return n==null||typeof n!="object"?n:n instanceof Array?[...n]:Y({},n)}static cloneDeep(n){let e=["parentGrid","el","grid","subGrid","engine"],t=a.clone(n);for(let i in t)t.hasOwnProperty(i)&&typeof t[i]=="object"&&i.substring(0,2)!=="__"&&!e.find(o=>o===i)&&(t[i]=a.cloneDeep(n[i]));return t}static cloneNode(n){let e=n.cloneNode(!0);return e.removeAttribute("id"),e}static appendTo(n,e){let t;typeof e=="string"?t=a.getElement(e):t=e,t&&t.appendChild(n)}static addElStyles(n,e){if(e instanceof Object)for(let t in e)e.hasOwnProperty(t)&&(Array.isArray(e[t])?e[t].forEach(i=>{n.style[t]=i}):n.style[t]=e[t])}static initEvent(n,e){let t={type:e.type},i={button:0,which:0,buttons:1,bubbles:!0,cancelable:!0,target:e.target?e.target:n.target};return["altKey","ctrlKey","metaKey","shiftKey"].forEach(o=>t[o]=n[o]),["pageX","pageY","clientX","clientY","screenX","screenY"].forEach(o=>t[o]=n[o]),Y(Y({},t),i)}static simulateMouseEvent(n,e,t){let i=n,o=new MouseEvent(e,{bubbles:!0,composed:!0,cancelable:!0,view:window,detail:1,screenX:n.screenX,screenY:n.screenY,clientX:n.clientX,clientY:n.clientY,ctrlKey:i.ctrlKey??!1,altKey:i.altKey??!1,shiftKey:i.shiftKey??!1,metaKey:i.metaKey??!1,button:0,relatedTarget:n.target});(t||n.target).dispatchEvent(o)}static getValuesFromTransformedElement(n){let e=document.createElement("div");a.addElStyles(e,{opacity:"0",position:"fixed",top:"0px",left:"0px",width:"1px",height:"1px",zIndex:"-999999"}),n.appendChild(e);let t=e.getBoundingClientRect();return n.removeChild(e),e.remove(),{xScale:1/t.width,yScale:1/t.height,xOffset:t.left,yOffset:t.top}}static swap(n,e,t){if(!n)return;let i=n[e];n[e]=n[t],n[t]=i}static canBeRotated(n){return!(!n||n.w===n.h||n.locked||n.noResize||n.grid?.opts.disableResize||n.minW&&n.minW===n.maxW||n.minH&&n.minH===n.maxH)}};var lo=(()=>{class a{constructor(e={}){this.addedNodes=[],this.removedNodes=[],this.defaultColumn=12,this.column=e.column||this.defaultColumn,this.column>this.defaultColumn&&(this.defaultColumn=this.column),this.maxRow=e.maxRow,this._float=e.float,this.nodes=e.nodes||[],this.onChange=e.onChange}batchUpdate(e=!0,t=!0){return!!this.batchMode===e?this:(this.batchMode=e,e?(this._prevFloat=this._float,this._float=!0,this.cleanNodes(),this.saveInitial()):(this._float=this._prevFloat,delete this._prevFloat,t&&this._packNodes(),this._notify()),this)}_useEntireRowArea(e,t){return(!this.float||this.batchMode&&!this._prevFloat)&&!this._hasLocked&&(!e._moving||e._skipDown||t.y<=e.y)}_fixCollisions(e,t=e,i,o={}){if(this.sortNodes(-1),i=i||this.collide(e,t),!i)return!1;if(e._moving&&!o.nested&&!this.float&&this.swap(e,i))return!0;let r=t;!this._loading&&this._useEntireRowArea(e,t)&&(r={x:0,w:this.column,y:t.y,h:t.h},i=this.collide(e,r,o.skip));let l=!1,d={nested:!0,pack:!1},p=0;for(;i=i||this.collide(e,r,o.skip);){if(p++>this.nodes.length*2)throw new Error("Infinite collide check");let s;if(i.locked||this._loading||e._moving&&!e._skipDown&&t.y>e.y&&!this.float&&(!this.collide(i,tt(Y({},i),{y:e.y}),e)||!this.collide(i,tt(Y({},i),{y:t.y-i.h}),e))){e._skipDown=e._skipDown||t.y>e.y;let c=Y(tt(Y({},t),{y:i.y+i.h}),d);s=this._loading&&M.samePos(e,c)?!0:this.moveNode(e,c),(i.locked||this._loading)&&s?M.copyPos(t,e):!i.locked&&s&&o.pack&&(this._packNodes(),t.y=i.y+i.h,M.copyPos(e,t)),l=l||s}else s=this.moveNode(i,Y(tt(Y({},i),{y:t.y+t.h,skip:e}),d));if(!s)return l;i=void 0}return l}collide(e,t=e,i){let o=e._id,r=i?._id;return this.nodes.find(l=>l._id!==o&&l._id!==r&&M.isIntercepted(l,t))}collideAll(e,t=e,i){let o=e._id,r=i?._id;return this.nodes.filter(l=>l._id!==o&&l._id!==r&&M.isIntercepted(l,t))}directionCollideCoverage(e,t,i){if(!t.rect||!e._rect)return;let o=e._rect,r=Y({},t.rect);r.y>o.y?(r.h+=r.y-o.y,r.y=o.y):r.h+=o.y-r.y,r.x>o.x?(r.w+=r.x-o.x,r.x=o.x):r.w+=o.x-r.x;let l,d=.5;for(let p of i){if(p.locked||!p._rect)break;let s=p._rect,c=Number.MAX_VALUE,m=Number.MAX_VALUE;o.y<s.y?c=(r.y+r.h-s.y)/s.h:o.y+o.h>s.y+s.h&&(c=(s.y+s.h-r.y)/s.h),o.x<s.x?m=(r.x+r.w-s.x)/s.w:o.x+o.w>s.x+s.w&&(m=(s.x+s.w-r.x)/s.w);let v=Math.min(m,c);v>d&&(d=v,l=p)}return t.collide=l,l}cacheRects(e,t,i,o,r,l){return this.nodes.forEach(d=>d._rect={y:d.y*t+i,x:d.x*e+l,w:d.w*e-l-o,h:d.h*t-i-r}),this}swap(e,t){if(!t||t.locked||!e||e.locked)return!1;function i(){let r=t.x,l=t.y;return t.x=e.x,t.y=e.y,e.h!=t.h?(e.x=r,e.y=t.y+t.h):e.w!=t.w?(e.x=t.x+t.w,e.y=l):(e.x=r,e.y=l),e._dirty=t._dirty=!0,!0}let o;if(e.w===t.w&&e.h===t.h&&(e.x===t.x||e.y===t.y)&&(o=M.isTouching(e,t)))return i();if(o!==!1){if(e.w===t.w&&e.x===t.x&&(o||(o=M.isTouching(e,t)))){if(t.y<e.y){let r=e;e=t,t=r}return i()}if(o!==!1){if(e.h===t.h&&e.y===t.y&&(o||(o=M.isTouching(e,t)))){if(t.x<e.x){let r=e;e=t,t=r}return i()}return!1}}}isAreaEmpty(e,t,i,o){let r={x:e||0,y:t||0,w:i||1,h:o||1};return!this.collide(r)}compact(e="compact",t=!0){if(this.nodes.length===0)return this;t&&this.sortNodes();let i=this.batchMode;i||this.batchUpdate();let o=this._inColumnResize;o||(this._inColumnResize=!0);let r=this.nodes;return this.nodes=[],r.forEach((l,d,p)=>{let s;l.locked||(l.autoPosition=!0,e==="list"&&d&&(s=p[d-1])),this.addNode(l,!1,s)}),o||delete this._inColumnResize,i||this.batchUpdate(!1),this}set float(e){this._float!==e&&(this._float=e||!1,e||this._packNodes()._notify())}get float(){return this._float||!1}sortNodes(e=1){return this.nodes=M.sort(this.nodes,e),this}_packNodes(){return this.batchMode?this:(this.sortNodes(),this.float?this.nodes.forEach(e=>{if(e._updating||e._orig===void 0||e.y===e._orig.y)return;let t=e.y;for(;t>e._orig.y;)--t,this.collide(e,{x:e.x,y:t,w:e.w,h:e.h})||(e._dirty=!0,e.y=t)}):this.nodes.forEach((e,t)=>{if(!e.locked)for(;e.y>0;){let i=t===0?0:e.y-1;if(!(t===0||!this.collide(e,{x:e.x,y:i,w:e.w,h:e.h})))break;e._dirty=e.y!==i,e.y=i}}),this)}prepareNode(e,t){e._id=e._id??a._idSeq++;let i=e.id;if(i){let r=1;for(;this.nodes.find(l=>l.id===e.id&&l!==e);)e.id=i+"_"+r++}(e.x===void 0||e.y===void 0||e.x===null||e.y===null)&&(e.autoPosition=!0);let o={x:0,y:0,w:1,h:1};return M.defaults(e,o),e.autoPosition||delete e.autoPosition,e.noResize||delete e.noResize,e.noMove||delete e.noMove,M.sanitizeMinMax(e),typeof e.x=="string"&&(e.x=Number(e.x)),typeof e.y=="string"&&(e.y=Number(e.y)),typeof e.w=="string"&&(e.w=Number(e.w)),typeof e.h=="string"&&(e.h=Number(e.h)),isNaN(e.x)&&(e.x=o.x,e.autoPosition=!0),isNaN(e.y)&&(e.y=o.y,e.autoPosition=!0),isNaN(e.w)&&(e.w=o.w),isNaN(e.h)&&(e.h=o.h),this.nodeBoundFix(e,t),e}nodeBoundFix(e,t){let i=e._orig||M.copyPos({},e);if(e.maxW&&(e.w=Math.min(e.w||1,e.maxW)),e.maxH&&(e.h=Math.min(e.h||1,e.maxH)),e.minW&&(e.w=Math.max(e.w||1,e.minW)),e.minH&&(e.h=Math.max(e.h||1,e.minH)),(e.x||0)+(e.w||1)>this.column&&this.column<this.defaultColumn&&!this._inColumnResize&&!this.skipCacheUpdate&&e._id&&this.findCacheLayout(e,this.defaultColumn)===-1){let r=Y({},e);r.autoPosition||r.x===void 0?(delete r.x,delete r.y):r.x=Math.min(this.defaultColumn-1,r.x),r.w=Math.min(this.defaultColumn,r.w||1),this.cacheOneLayout(r,this.defaultColumn)}return e.w>this.column?e.w=this.column:e.w<1&&(e.w=1),this.maxRow&&e.h>this.maxRow?e.h=this.maxRow:e.h<1&&(e.h=1),e.x<0&&(e.x=0),e.y<0&&(e.y=0),e.x+e.w>this.column&&(t?e.w=this.column-e.x:e.x=this.column-e.w),this.maxRow&&e.y+e.h>this.maxRow&&(t?e.h=this.maxRow-e.y:e.y=this.maxRow-e.h),M.samePos(e,i)||(e._dirty=!0),this}getDirtyNodes(e){return e?this.nodes.filter(t=>t._dirty&&!M.samePos(t,t._orig)):this.nodes.filter(t=>t._dirty)}_notify(e){if(this.batchMode||!this.onChange)return this;let t=(e||[]).concat(this.getDirtyNodes());return this.onChange(t),this}cleanNodes(){return this.batchMode?this:(this.nodes.forEach(e=>{delete e._dirty,delete e._lastTried}),this)}saveInitial(){return this.nodes.forEach(e=>{e._orig=M.copyPos({},e),delete e._dirty}),this._hasLocked=this.nodes.some(e=>e.locked),this}restoreInitial(){return this.nodes.forEach(e=>{!e._orig||M.samePos(e,e._orig)||(M.copyPos(e,e._orig),e._dirty=!0)}),this._notify(),this}findEmptyPosition(e,t=this.nodes,i=this.column,o){let r=o?o.y*i+(o.x+o.w):0,l=!1;for(let d=r;!l;++d){let p=d%i,s=Math.floor(d/i);if(p+e.w>i)continue;let c={x:p,y:s,w:e.w,h:e.h};t.find(m=>M.isIntercepted(c,m))||((e.x!==p||e.y!==s)&&(e._dirty=!0),e.x=p,e.y=s,delete e.autoPosition,l=!0)}return l}addNode(e,t=!1,i){let o=this.nodes.find(l=>l._id===e._id);if(o)return o;this._inColumnResize?this.nodeBoundFix(e):this.prepareNode(e),delete e._temporaryRemoved,delete e._removeDOM;let r;return e.autoPosition&&this.findEmptyPosition(e,this.nodes,this.column,i)&&(delete e.autoPosition,r=!0),this.nodes.push(e),t&&this.addedNodes.push(e),r||this._fixCollisions(e),this.batchMode||this._packNodes()._notify(),e}removeNode(e,t=!0,i=!1){return this.nodes.find(o=>o._id===e._id)?(i&&this.removedNodes.push(e),t&&(e._removeDOM=!0),this.nodes=this.nodes.filter(o=>o._id!==e._id),e._isAboutToRemove||this._packNodes(),this._notify([e]),this):this}removeAll(e=!0,t=!0){if(delete this._layouts,!this.nodes.length)return this;e&&this.nodes.forEach(o=>o._removeDOM=!0);let i=this.nodes;return this.removedNodes=t?i:[],this.nodes=[],this._notify(i)}moveNodeCheck(e,t){if(!this.changedPosConstrain(e,t))return!1;if(t.pack=!0,!this.maxRow)return this.moveNode(e,t);let i,o=new a({column:this.column,float:this.float,nodes:this.nodes.map(l=>l._id===e._id?(i=Y({},l),i):Y({},l))});if(!i)return!1;let r=o.moveNode(i,t)&&o.getRow()<=Math.max(this.getRow(),this.maxRow);if(!r&&!t.resizing&&t.collide){let l=t.collide.el.gridstackNode;if(this.swap(e,l))return this._notify(),!0}return r?(o.nodes.filter(l=>l._dirty).forEach(l=>{let d=this.nodes.find(p=>p._id===l._id);d&&(M.copyPos(d,l),d._dirty=!0)}),this._notify(),!0):!1}willItFit(e){if(delete e._willFitPos,!this.maxRow)return!0;let t=new a({column:this.column,float:this.float,nodes:this.nodes.map(o=>Y({},o))}),i=Y({},e);return this.cleanupNode(i),delete i.el,delete i._id,delete i.content,delete i.grid,t.addNode(i),t.getRow()<=this.maxRow?(e._willFitPos=M.copyPos({},i),!0):!1}changedPosConstrain(e,t){return t.w=t.w||e.w,t.h=t.h||e.h,e.x!==t.x||e.y!==t.y?!0:(e.maxW&&(t.w=Math.min(t.w,e.maxW)),e.maxH&&(t.h=Math.min(t.h,e.maxH)),e.minW&&(t.w=Math.max(t.w,e.minW)),e.minH&&(t.h=Math.max(t.h,e.minH)),e.w!==t.w||e.h!==t.h)}moveNode(e,t){if(!e||!t)return!1;let i;t.pack===void 0&&!this.batchMode&&(i=t.pack=!0),typeof t.x!="number"&&(t.x=e.x),typeof t.y!="number"&&(t.y=e.y),typeof t.w!="number"&&(t.w=e.w),typeof t.h!="number"&&(t.h=e.h);let o=e.w!==t.w||e.h!==t.h,r=M.copyPos({},e,!0);if(M.copyPos(r,t),this.nodeBoundFix(r,o),M.copyPos(t,r),!t.forceCollide&&M.samePos(e,t))return!1;let l=M.copyPos({},e),d=this.collideAll(e,r,t.skip),p=!0;if(d.length){let s=e._moving&&!t.nested,c=s?this.directionCollideCoverage(e,t,d):d[0];if(s&&c&&e.grid?.opts?.subGridDynamic&&!e.grid._isTemp){let m=M.areaIntercept(t.rect,c._rect),v=M.area(t.rect),y=M.area(c._rect);m/(v<y?v:y)>.8&&(c.grid.makeSubGrid(c.el,void 0,e),c=void 0)}c?p=!this._fixCollisions(e,r,c,t):(p=!1,i&&delete t.pack)}return p&&!M.samePos(e,r)&&(e._dirty=!0,M.copyPos(e,r)),t.pack&&this._packNodes()._notify(),!M.samePos(e,l)}getRow(){return this.nodes.reduce((e,t)=>Math.max(e,t.y+t.h),0)}beginUpdate(e){return e._updating||(e._updating=!0,delete e._skipDown,this.batchMode||this.saveInitial()),this}endUpdate(){let e=this.nodes.find(t=>t._updating);return e&&(delete e._updating,delete e._skipDown),this}save(e=!0,t){let i=this._layouts?.length,o=i&&this.column!==i-1?this._layouts[i-1]:null,r=[];return this.sortNodes(),this.nodes.forEach(l=>{let d=o?.find(s=>s._id===l._id),p=Y(Y({},l),d||{});M.removeInternalForSave(p,!e),t&&t(l,p),r.push(p)}),r}layoutsNodesChange(e){return!this._layouts||this._inColumnResize?this:(this._layouts.forEach((t,i)=>{if(!t||i===this.column)return this;if(i<this.column)this._layouts[i]=void 0;else{let o=i/this.column;e.forEach(r=>{if(!r._orig)return;let l=t.find(d=>d._id===r._id);l&&(l.y>=0&&r.y!==r._orig.y&&(l.y+=r.y-r._orig.y),r.x!==r._orig.x&&(l.x=Math.round(r.x*o)),r.w!==r._orig.w&&(l.w=Math.round(r.w*o)))})}}),this)}columnChanged(e,t,i="moveScale"){if(!this.nodes.length||!t||e===t)return this;let o=i==="compact"||i==="list";o&&this.sortNodes(1),t<e&&this.cacheLayout(this.nodes,e),this.batchUpdate();let r=[],l=o?this.nodes:M.sort(this.nodes,-1);if(t>e&&this._layouts){let d=this._layouts[t]||[],p=this._layouts.length-1;!d.length&&e!==p&&this._layouts[p]?.length&&(e=p,this._layouts[p].forEach(s=>{let c=l.find(m=>m._id===s._id);c&&(!o&&!s.autoPosition&&(c.x=s.x??c.x,c.y=s.y??c.y),c.w=s.w??c.w,(s.x==null||s.y===void 0)&&(c.autoPosition=!0))})),d.forEach(s=>{let c=l.findIndex(m=>m._id===s._id);if(c!==-1){let m=l[c];if(o){m.w=s.w;return}(s.autoPosition||isNaN(s.x)||isNaN(s.y))&&this.findEmptyPosition(s,r),s.autoPosition||(m.x=s.x??m.x,m.y=s.y??m.y,m.w=s.w??m.w,r.push(m)),l.splice(c,1)}})}if(o)this.compact(i,!1);else{if(l.length)if(typeof i=="function")i(t,e,r,l);else{let d=o||i==="none"?1:t/e,p=i==="move"||i==="moveScale",s=i==="scale"||i==="moveScale";l.forEach(c=>{c.x=t===1?0:p?Math.round(c.x*d):Math.min(c.x,t-1),c.w=t===1||e===1?1:s?Math.round(c.w*d)||1:Math.min(c.w,t),r.push(c)}),l=[]}r=M.sort(r,-1),this._inColumnResize=!0,this.nodes=[],r.forEach(d=>{this.addNode(d,!1),delete d._orig})}return this.nodes.forEach(d=>delete d._orig),this.batchUpdate(!1,!o),delete this._inColumnResize,this}cacheLayout(e,t,i=!1){let o=[];return e.forEach((r,l)=>{if(r._id===void 0){let d=r.id?this.nodes.find(p=>p.id===r.id):void 0;r._id=d?._id??a._idSeq++}o[l]={x:r.x,y:r.y,w:r.w,_id:r._id}}),this._layouts=i?[]:this._layouts||[],this._layouts[t]=o,this}cacheOneLayout(e,t){e._id=e._id??a._idSeq++;let i={x:e.x,y:e.y,w:e.w,_id:e._id};(e.autoPosition||e.x===void 0)&&(delete i.x,delete i.y,e.autoPosition&&(i.autoPosition=!0)),this._layouts=this._layouts||[],this._layouts[t]=this._layouts[t]||[];let o=this.findCacheLayout(e,t);return o===-1?this._layouts[t].push(i):this._layouts[t][o]=i,this}findCacheLayout(e,t){return this._layouts?.[t]?.findIndex(i=>i._id===e._id)??-1}removeNodeFromLayoutCache(e){if(this._layouts)for(let t=0;t<this._layouts.length;t++){let i=this.findCacheLayout(e,t);i!==-1&&this._layouts[t].splice(i,1)}}cleanupNode(e){for(let t in e)t[0]==="_"&&t!=="_id"&&delete e[t];return this}}return a._idSeq=0,a})();var It={alwaysShowResizeHandle:"mobile",animate:!0,auto:!0,cellHeight:"auto",cellHeightThrottle:100,cellHeightUnit:"px",column:12,draggable:{handle:".grid-stack-item-content",appendTo:"body",scroll:!0},handle:".grid-stack-item-content",itemClass:"grid-stack-item",margin:10,marginUnit:"px",maxRow:0,minRow:0,placeholderClass:"grid-stack-placeholder",placeholderText:"",removableOptions:{accept:"grid-stack-item",decline:"grid-stack-non-removable"},resizable:{handles:"se"},rtl:"auto"};var ce=class{};var Tt=typeof window<"u"&&typeof document<"u"&&("ontouchstart"in document||"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0),Ut=class{};function co(a,n){a.touches.length>1||(a.cancelable&&a.preventDefault(),M.simulateMouseEvent(a.changedTouches[0],n))}function Td(a,n){a.cancelable&&a.preventDefault(),M.simulateMouseEvent(a,n)}function Rn(a){Ut.touchHandled||(Ut.touchHandled=!0,co(a,"mousedown"))}function In(a){Ut.touchHandled&&co(a,"mousemove")}function Nn(a){if(!Ut.touchHandled)return;Ut.pointerLeaveTimeout&&(window.clearTimeout(Ut.pointerLeaveTimeout),delete Ut.pointerLeaveTimeout);let n=!!ce.dragElement;co(a,"mouseup"),n||co(a,"click"),Ut.touchHandled=!1}function Wn(a){a.pointerType!=="mouse"&&a.target.releasePointerCapture(a.pointerId)}function Tr(a){ce.dragElement&&a.pointerType!=="mouse"&&Td(a,"mouseenter")}function Er(a){ce.dragElement&&a.pointerType!=="mouse"&&(Ut.pointerLeaveTimeout=window.setTimeout(()=>{delete Ut.pointerLeaveTimeout,Td(a,"mouseleave")},10))}var Ed=(()=>{class a{constructor(e,t,i){this.host=e,this.dir=t,this.option=i,this.moving=!1,this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this._init()}_init(){let e=this.el=document.createElement("div");return e.classList.add("ui-resizable-handle"),e.classList.add(`${a.prefix}${this.dir}`),e.style.zIndex="100",e.style.userSelect="none",this.host.appendChild(this.el),this.el.addEventListener("mousedown",this._mouseDown),Tt&&(this.el.addEventListener("touchstart",Rn),this.el.addEventListener("pointerdown",Wn)),this}destroy(){return this.moving&&this._mouseUp(this.mouseDownEvent),this.el.removeEventListener("mousedown",this._mouseDown),Tt&&(this.el.removeEventListener("touchstart",Rn),this.el.removeEventListener("pointerdown",Wn)),this.host.removeChild(this.el),delete this.el,delete this.host,this}_mouseDown(e){this.mouseDownEvent=e,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),Tt&&(this.el.addEventListener("touchmove",In),this.el.addEventListener("touchend",Nn)),e.stopPropagation(),e.preventDefault()}_mouseMove(e){let t=this.mouseDownEvent;this.moving?this._triggerEvent("move",e):Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>2&&(this.moving=!0,this._triggerEvent("start",this.mouseDownEvent),this._triggerEvent("move",e),document.addEventListener("keydown",this._keyEvent)),e.stopPropagation()}_mouseUp(e){this.moving&&(this._triggerEvent("stop",e),document.removeEventListener("keydown",this._keyEvent)),document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),Tt&&(this.el.removeEventListener("touchmove",In),this.el.removeEventListener("touchend",Nn)),delete this.moving,delete this.mouseDownEvent,e.stopPropagation(),e.preventDefault()}_keyEvent(e){e.key==="Escape"&&(this.host.gridstackNode?.grid?.engine.restoreInitial(),this._mouseUp(this.mouseDownEvent))}_triggerEvent(e,t){return this.option[e]&&this.option[e](t),this}}return a.prefix="ui-resizable-",a})();var Oi=class{constructor(){this._eventRegister={}}get disabled(){return this._disabled}on(n,e){this._eventRegister[n]=e}off(n){delete this._eventRegister[n]}enable(){this._disabled=!1}disable(){this._disabled=!0}destroy(){delete this._eventRegister}triggerEvent(n,e){if(!this.disabled&&this._eventRegister&&this._eventRegister[n])return this._eventRegister[n](e)}};var Md=(()=>{class a extends Oi{constructor(e,t={}){super(),this.el=e,this.option=t,this.rectScale={x:1,y:1},this._ui=()=>{let o=this.el.parentElement.getBoundingClientRect(),r={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},l=this.temporalRect||r;return{position:{left:(l.left-o.left)*this.rectScale.x,top:(l.top-o.top)*this.rectScale.y},size:{width:l.width*this.rectScale.x,height:l.height*this.rectScale.y}}},this._mouseOver=this._mouseOver.bind(this),this._mouseOut=this._mouseOut.bind(this),this.enable(),this._setupAutoHide(this.option.autoHide),this._setupHandlers()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){super.enable(),this.el.classList.remove("ui-resizable-disabled"),this._setupAutoHide(this.option.autoHide)}disable(){super.disable(),this.el.classList.add("ui-resizable-disabled"),this._setupAutoHide(!1)}destroy(){this._removeHandlers(),this._setupAutoHide(!1),delete this.el,super.destroy()}updateOption(e){let t=e.handles&&e.handles!==this.option.handles,i=e.autoHide&&e.autoHide!==this.option.autoHide;return Object.keys(e).forEach(o=>this.option[o]=e[o]),t&&(this._removeHandlers(),this._setupHandlers()),i&&this._setupAutoHide(this.option.autoHide),this}_setupAutoHide(e){return e?(this.el.classList.add("ui-resizable-autohide"),this.el.addEventListener("mouseover",this._mouseOver),this.el.addEventListener("mouseout",this._mouseOut)):(this.el.classList.remove("ui-resizable-autohide"),this.el.removeEventListener("mouseover",this._mouseOver),this.el.removeEventListener("mouseout",this._mouseOut),ce.overResizeElement===this&&delete ce.overResizeElement),this}_mouseOver(e){ce.overResizeElement||ce.dragElement||(ce.overResizeElement=this,this.el.classList.remove("ui-resizable-autohide"))}_mouseOut(e){ce.overResizeElement===this&&(delete ce.overResizeElement,this.el.classList.add("ui-resizable-autohide"))}_setupHandlers(){return this.handlers=this.option.handles.split(",").map(e=>e.trim()).map(e=>new Ed(this.el,e,{start:t=>{this._resizeStart(t)},stop:t=>{this._resizeStop(t)},move:t=>{this._resizing(t,e)}})),this}_resizeStart(e){this.sizeToContent=M.shouldSizeToContent(this.el.gridstackNode,!0),this.originalRect=this.el.getBoundingClientRect(),this.scrollEl=M.getScrollElement(this.el),this.scrollY=this.scrollEl.scrollTop,this.scrolled=0,this.startEvent=e,this._setupHelper(),this._applyChange();let t=M.initEvent(e,{type:"resizestart",target:this.el});return this.option.start&&this.option.start(t,this._ui()),this.el.classList.add("ui-resizable-resizing"),this.triggerEvent("resizestart",t),this}_resizing(e,t){this.scrolled=this.scrollEl.scrollTop-this.scrollY,this.temporalRect=this._getChange(e,t),this._applyChange();let i=M.initEvent(e,{type:"resize",target:this.el});return this.option.resize&&this.option.resize(i,this._ui()),this.triggerEvent("resize",i),this}_resizeStop(e){let t=M.initEvent(e,{type:"resizestop",target:this.el});return this.option.stop&&this.option.stop(t),this.el.classList.remove("ui-resizable-resizing"),this.triggerEvent("resizestop",t),this._cleanHelper(),delete this.startEvent,delete this.originalRect,delete this.temporalRect,delete this.scrollY,delete this.scrolled,this}_setupHelper(){this.elOriginStyleVal=a._originStyleProp.map(i=>this.el.style[i]),this.parentOriginStylePosition=this.el.parentElement.style.position;let e=this.el.parentElement,t=M.getValuesFromTransformedElement(e);return this.rectScale={x:t.xScale,y:t.yScale},getComputedStyle(this.el.parentElement).position.match(/static/)&&(this.el.parentElement.style.position="relative"),this.el.style.position="absolute",this.el.style.opacity="0.8",this}_cleanHelper(){return a._originStyleProp.forEach((e,t)=>{this.el.style[e]=this.elOriginStyleVal[t]||null}),this.el.parentElement.style.position=this.parentOriginStylePosition||null,this}_getChange(e,t){let i=this.startEvent,o={width:this.originalRect.width,height:this.originalRect.height+this.scrolled,left:this.originalRect.left,top:this.originalRect.top-this.scrolled},r=e.clientX-i.clientX,l=this.sizeToContent?0:e.clientY-i.clientY,d,p;t.indexOf("e")>-1?o.width+=r:t.indexOf("w")>-1&&(o.width-=r,o.left+=r,d=!0),t.indexOf("s")>-1?o.height+=l:t.indexOf("n")>-1&&(o.height-=l,o.top+=l,p=!0);let s=this._constrainSize(o.width,o.height,d,p);return Math.round(o.width)!==Math.round(s.width)&&(t.indexOf("w")>-1&&(o.left+=o.width-s.width),o.width=s.width),Math.round(o.height)!==Math.round(s.height)&&(t.indexOf("n")>-1&&(o.top+=o.height-s.height),o.height=s.height),o}_constrainSize(e,t,i,o){let r=this.option,l=(i?r.maxWidthMoveLeft:r.maxWidth)||Number.MAX_SAFE_INTEGER,d=r.minWidth/this.rectScale.x||e,p=(o?r.maxHeightMoveUp:r.maxHeight)||Number.MAX_SAFE_INTEGER,s=r.minHeight/this.rectScale.y||t,c=Math.min(l,Math.max(d,e)),m=Math.min(p,Math.max(s,t));return{width:c,height:m}}_applyChange(){let e={left:0,top:0,width:0,height:0};if(this.el.style.position==="absolute"){let t=this.el.parentElement,{left:i,top:o}=t.getBoundingClientRect();e={left:i,top:o,width:0,height:0}}return this.temporalRect?(Object.keys(this.temporalRect).forEach(t=>{let i=this.temporalRect[t],o=t==="width"||t==="left"?this.rectScale.x:t==="height"||t==="top"?this.rectScale.y:1;this.el.style[t]=(i-e[t])*o+"px"}),this):this}_removeHandlers(){return this.handlers.forEach(e=>e.destroy()),delete this.handlers,this}}return a._originStyleProp=["width","height","position","left","top","opacity","zIndex"],a})();var $u='input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle',Dd=(()=>{class a extends Oi{constructor(e,t={}){super(),this.el=e,this.option=t,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0};let i=t?.handle?.substring(1),o=e.gridstackNode;this.dragEls=!i||e.classList.contains(i)?[e]:o?.subGrid?[e.querySelector(t.handle)||e]:Array.from(e.querySelectorAll(t.handle)),this.dragEls.length===0&&(this.dragEls=[e]),this._mouseDown=this._mouseDown.bind(this),this._mouseMove=this._mouseMove.bind(this),this._mouseUp=this._mouseUp.bind(this),this._keyEvent=this._keyEvent.bind(this),this.enable()}on(e,t){super.on(e,t)}off(e){super.off(e)}enable(){this.disabled!==!1&&(super.enable(),this.dragEls.forEach(e=>{e.addEventListener("mousedown",this._mouseDown),Tt&&(e.addEventListener("touchstart",Rn),e.addEventListener("pointerdown",Wn))}),this.el.classList.remove("ui-draggable-disabled"))}disable(e=!1){this.disabled!==!0&&(super.disable(),this.dragEls.forEach(t=>{t.removeEventListener("mousedown",this._mouseDown),Tt&&(t.removeEventListener("touchstart",Rn),t.removeEventListener("pointerdown",Wn))}),e||this.el.classList.add("ui-draggable-disabled"))}destroy(){this.dragTimeout&&window.clearTimeout(this.dragTimeout),delete this.dragTimeout,this.mouseDownEvent&&this._mouseUp(this.mouseDownEvent),this.disable(!0),delete this.el,delete this.helper,delete this.option,super.destroy()}updateOption(e){return Object.keys(e).forEach(t=>this.option[t]=e[t]),this}_mouseDown(e){if(!ce.mouseHandled)return e.button!==0||!this.dragEls.find(t=>t===e.target)&&e.target.closest($u)||this.option.cancel&&e.target.closest(this.option.cancel)||(this.mouseDownEvent=e,delete this.dragging,delete ce.dragElement,delete ce.dropElement,document.addEventListener("mousemove",this._mouseMove,{capture:!0,passive:!0}),document.addEventListener("mouseup",this._mouseUp,!0),Tt&&(e.currentTarget.addEventListener("touchmove",In),e.currentTarget.addEventListener("touchend",Nn)),e.preventDefault(),document.activeElement&&document.activeElement.blur(),ce.mouseHandled=!0),!0}_callDrag(e){if(!this.dragging)return;let t=M.initEvent(e,{target:this.el,type:"drag"});this.option.drag&&this.option.drag(t,this.ui()),this.triggerEvent("drag",t)}_mouseMove(e){let t=this.mouseDownEvent;if(this.lastDrag=e,this.dragging)if(this._dragFollow(e),ce.pauseDrag){let i=Number.isInteger(ce.pauseDrag)?ce.pauseDrag:100;this.dragTimeout&&window.clearTimeout(this.dragTimeout),this.dragTimeout=window.setTimeout(()=>this._callDrag(e),i)}else this._callDrag(e);else if(Math.abs(e.x-t.x)+Math.abs(e.y-t.y)>3){this.dragging=!0,ce.dragElement=this;let i=this.el.gridstackNode?.grid;i?ce.dropElement=i.el.ddElement.ddDroppable:delete ce.dropElement,this.helper=this._createHelper(),this._setupHelperContainmentStyle(),this.dragTransform=M.getValuesFromTransformedElement(this.helperContainment),this.dragOffset=this._getDragOffset(e,this.el,this.helperContainment),this._setupHelperStyle(e);let o=M.initEvent(e,{target:this.el,type:"dragstart"});this.option.start&&this.option.start(o,this.ui()),this.triggerEvent("dragstart",o),document.addEventListener("keydown",this._keyEvent)}return!0}_mouseUp(e){if(document.removeEventListener("mousemove",this._mouseMove,!0),document.removeEventListener("mouseup",this._mouseUp,!0),Tt&&e.currentTarget&&(e.currentTarget.removeEventListener("touchmove",In,!0),e.currentTarget.removeEventListener("touchend",Nn,!0)),this.dragging){delete this.dragging,delete this.el.gridstackNode?._origRotate,document.removeEventListener("keydown",this._keyEvent),ce.dropElement?.el===this.el.parentElement&&delete ce.dropElement,this.helperContainment.style.position=this.parentOriginStylePosition||null,this.helper!==this.el&&this.helper.remove(),this._removeHelperStyle();let t=M.initEvent(e,{target:this.el,type:"dragstop"});this.option.stop&&this.option.stop(t),this.triggerEvent("dragstop",t),ce.dropElement&&ce.dropElement.drop(e)}delete this.helper,delete this.mouseDownEvent,delete ce.dragElement,delete ce.dropElement,delete ce.mouseHandled,e.preventDefault()}_keyEvent(e){let t=this.el.gridstackNode,i=t?.grid||ce.dropElement?.el?.gridstack;if(e.key==="Escape")t&&t._origRotate&&(t._orig=t._origRotate,delete t._origRotate),i?.cancelDrag(),this._mouseUp(this.mouseDownEvent);else if(t&&i&&(e.key==="r"||e.key==="R")){if(!M.canBeRotated(t))return;t._origRotate=t._origRotate||Y({},t._orig),delete t._moving,i.setAnimation(!1).rotate(t.el,{top:-this.dragOffset.offsetTop,left:-this.dragOffset.offsetLeft}).setAnimation(),t._moving=!0,this.dragOffset=this._getDragOffset(this.lastDrag,t.el,this.helperContainment),this.helper.style.width=this.dragOffset.width+"px",this.helper.style.height=this.dragOffset.height+"px",M.swap(t._orig,"w","h"),delete t._rect,this._mouseMove(this.lastDrag)}}_createHelper(){let e=this.el;return typeof this.option.helper=="function"?e=this.option.helper(this.el):this.option.helper==="clone"&&(e=M.cloneNode(this.el)),e.parentElement||M.appendTo(e,this.option.appendTo==="parent"?this.el.parentElement:this.option.appendTo),this.dragElementOriginStyle=a.originStyleProp.map(t=>this.el.style[t]),e}_setupHelperStyle(e){this.helper.classList.add("ui-draggable-dragging");let t=this.helper.style;return t.pointerEvents="none",t.width=this.dragOffset.width+"px",t.height=this.dragOffset.height+"px",t.willChange="left, top",t.position="fixed",this._dragFollow(e),t.transition="none",setTimeout(()=>{this.helper&&(t.transition=null)},0),this}_removeHelperStyle(){if(this.helper.classList.remove("ui-draggable-dragging"),!this.helper?.gridstackNode?._isAboutToRemove&&this.dragElementOriginStyle){let t=this.helper,i=this.dragElementOriginStyle.transition||null;t.style.transition=this.dragElementOriginStyle.transition="none",a.originStyleProp.forEach(o=>t.style[o]=this.dragElementOriginStyle[o]||null),setTimeout(()=>t.style.transition=i,50)}return delete this.dragElementOriginStyle,this}_dragFollow(e){let t={left:0,top:0},i=this.helper.style,o=this.dragOffset;i.left=(e.clientX+o.offsetLeft-t.left)*this.dragTransform.xScale+"px",i.top=(e.clientY+o.offsetTop-t.top)*this.dragTransform.yScale+"px"}_setupHelperContainmentStyle(){return this.helperContainment=this.helper.parentElement,this.helper.style.position!=="fixed"&&(this.parentOriginStylePosition=this.helperContainment.style.position,getComputedStyle(this.helperContainment).position.match(/static/)&&(this.helperContainment.style.position="relative")),this}_getDragOffset(e,t,i){let o=0,r=0;i&&(o=this.dragTransform.xOffset,r=this.dragTransform.yOffset);let l=t.getBoundingClientRect();return{left:l.left,top:l.top,offsetLeft:-e.clientX+l.left-o,offsetTop:-e.clientY+l.top-r,width:l.width*this.dragTransform.xScale,height:l.height*this.dragTransform.yScale}}ui(){let t=this.el.parentElement.getBoundingClientRect(),i=this.helper.getBoundingClientRect();return{position:{top:(i.top-t.top)*this.dragTransform.yScale,left:(i.left-t.left)*this.dragTransform.xScale}}}}return a.originStyleProp=["width","height","transform","transform-origin","transition","pointerEvents","position","left","top","minWidth","willChange"],a})();var ho=class extends Oi{constructor(n,e={}){super(),this.el=n,this.option=e,this._mouseEnter=this._mouseEnter.bind(this),this._mouseLeave=this._mouseLeave.bind(this),this.enable(),this._setupAccept()}on(n,e){super.on(n,e)}off(n){super.off(n)}enable(){this.disabled!==!1&&(super.enable(),this.el.classList.add("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),this.el.addEventListener("mouseenter",this._mouseEnter),this.el.addEventListener("mouseleave",this._mouseLeave),Tt&&(this.el.addEventListener("pointerenter",Tr),this.el.addEventListener("pointerleave",Er)))}disable(n=!1){this.disabled!==!0&&(super.disable(),this.el.classList.remove("ui-droppable"),n||this.el.classList.add("ui-droppable-disabled"),this.el.removeEventListener("mouseenter",this._mouseEnter),this.el.removeEventListener("mouseleave",this._mouseLeave),Tt&&(this.el.removeEventListener("pointerenter",Tr),this.el.removeEventListener("pointerleave",Er)))}destroy(){this.disable(!0),this.el.classList.remove("ui-droppable"),this.el.classList.remove("ui-droppable-disabled"),super.destroy()}updateOption(n){return Object.keys(n).forEach(e=>this.option[e]=n[e]),this._setupAccept(),this}_mouseEnter(n){if(!ce.dragElement||!this._canDrop(ce.dragElement.el))return;n.preventDefault(),n.stopPropagation(),ce.dropElement&&ce.dropElement!==this&&ce.dropElement._mouseLeave(n,!0),ce.dropElement=this;let e=M.initEvent(n,{target:this.el,type:"dropover"});this.option.over&&this.option.over(e,this._ui(ce.dragElement)),this.triggerEvent("dropover",e),this.el.classList.add("ui-droppable-over")}_mouseLeave(n,e=!1){if(!ce.dragElement||ce.dropElement!==this)return;n.preventDefault(),n.stopPropagation();let t=M.initEvent(n,{target:this.el,type:"dropout"});if(this.option.out&&this.option.out(t,this._ui(ce.dragElement)),this.triggerEvent("dropout",t),ce.dropElement===this&&(delete ce.dropElement,!e)){let i,o=this.el.parentElement;for(;!i&&o;)i=o.ddElement?.ddDroppable,o=o.parentElement;i&&i._mouseEnter(n)}}drop(n){n.preventDefault();let e=M.initEvent(n,{target:this.el,type:"drop"});this.option.drop&&this.option.drop(e,this._ui(ce.dragElement)),this.triggerEvent("drop",e)}_canDrop(n){return n&&(!this.accept||this.accept(n))}_setupAccept(){return this.option.accept?(typeof this.option.accept=="string"?this.accept=n=>n.classList.contains(this.option.accept)||n.matches(this.option.accept):this.accept=this.option.accept,this):this}_ui(n){return Y({draggable:n.el},n.ui())}};var uo=class a{static init(n){return n.ddElement||(n.ddElement=new a(n)),n.ddElement}constructor(n){this.el=n}on(n,e){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(n)>-1?this.ddDraggable.on(n,e):this.ddDroppable&&["drop","dropover","dropout"].indexOf(n)>-1?this.ddDroppable.on(n,e):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(n)>-1&&this.ddResizable.on(n,e),this}off(n){return this.ddDraggable&&["drag","dragstart","dragstop"].indexOf(n)>-1?this.ddDraggable.off(n):this.ddDroppable&&["drop","dropover","dropout"].indexOf(n)>-1?this.ddDroppable.off(n):this.ddResizable&&["resizestart","resize","resizestop"].indexOf(n)>-1&&this.ddResizable.off(n),this}setupDraggable(n){return this.ddDraggable?this.ddDraggable.updateOption(n):this.ddDraggable=new Dd(this.el,n),this}cleanDraggable(){return this.ddDraggable&&(this.ddDraggable.destroy(),delete this.ddDraggable),this}setupResizable(n){return this.ddResizable?this.ddResizable.updateOption(n):this.ddResizable=new Md(this.el,n),this}cleanResizable(){return this.ddResizable&&(this.ddResizable.destroy(),delete this.ddResizable),this}setupDroppable(n){return this.ddDroppable?this.ddDroppable.updateOption(n):this.ddDroppable=new ho(this.el,n),this}cleanDroppable(){return this.ddDroppable&&(this.ddDroppable.destroy(),delete this.ddDroppable),this}};var mo=class{resizable(n,e,t,i){return this._getDDElements(n,e).forEach(o=>{if(e==="disable"||e==="enable")o.ddResizable&&o.ddResizable[e]();else if(e==="destroy")o.ddResizable&&o.cleanResizable();else if(e==="option")o.setupResizable({[t]:i});else{let l=o.el.gridstackNode.grid,d=o.el.getAttribute("gs-resize-handles")||l.opts.resizable.handles||"e,s,se";d==="all"&&(d="n,e,s,w,se,sw,ne,nw");let p=!l.opts.alwaysShowResizeHandle;o.setupResizable(tt(Y({},l.opts.resizable),{handles:d,autoHide:p,start:e.start,stop:e.stop,resize:e.resize}))}}),this}draggable(n,e,t,i){return this._getDDElements(n,e).forEach(o=>{if(e==="disable"||e==="enable")o.ddDraggable&&o.ddDraggable[e]();else if(e==="destroy")o.ddDraggable&&o.cleanDraggable();else if(e==="option")o.setupDraggable({[t]:i});else{let r=o.el.gridstackNode.grid;o.setupDraggable(tt(Y({},r.opts.draggable),{start:e.start,stop:e.stop,drag:e.drag}))}}),this}dragIn(n,e){return this._getDDElements(n).forEach(t=>t.setupDraggable(e)),this}droppable(n,e,t,i){return typeof e.accept=="function"&&!e._accept&&(e._accept=e.accept,e.accept=o=>e._accept(o)),this._getDDElements(n,e).forEach(o=>{e==="disable"||e==="enable"?o.ddDroppable&&o.ddDroppable[e]():e==="destroy"?o.ddDroppable&&o.cleanDroppable():e==="option"?o.setupDroppable({[t]:i}):o.setupDroppable(e)}),this}isDroppable(n){return!!(n?.ddElement?.ddDroppable&&!n.ddElement.ddDroppable.disabled)}isDraggable(n){return!!(n?.ddElement?.ddDraggable&&!n.ddElement.ddDraggable.disabled)}isResizable(n){return!!(n?.ddElement?.ddResizable&&!n.ddElement.ddResizable.disabled)}on(n,e,t){return this._getDDElements(n).forEach(i=>i.on(e,o=>{t(o,ce.dragElement?ce.dragElement.el:o.target,ce.dragElement?ce.dragElement.helper:null)})),this}off(n,e){return this._getDDElements(n).forEach(t=>t.off(e)),this}_getDDElements(n,e){let t=n.gridstack||e!=="destroy"&&e!=="disable",i=M.getElements(n);return i.length?i.map(r=>r.ddElement||(t?uo.init(r):null)).filter(r=>r):[]}};var Et=new mo,Ln=(()=>{class a{static init(e={},t=".grid-stack"){if(typeof document>"u")return null;let i=a.getGridElement(t);return i?(i.gridstack||(i.gridstack=new a(i,M.cloneDeep(e))),i.gridstack):(console.error(typeof t=="string"?'GridStack.initAll() no grid was found with selector "'+t+`" - element missing or wrong selector ?
|
|
2
|
+
Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`:"GridStack.init() no grid element was passed."),null)}static initAll(e={},t=".grid-stack"){let i=[];return typeof document>"u"||(a.getGridElements(t).forEach(o=>{o.gridstack||(o.gridstack=new a(o,M.cloneDeep(e))),i.push(o.gridstack)}),i.length===0&&console.error('GridStack.initAll() no grid was found with selector "'+t+`" - element missing or wrong selector ?
|
|
3
|
+
Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)),i}static addGrid(e,t={}){if(!e)return null;let i=e;if(i.gridstack){let l=i.gridstack;return t&&(l.opts=Y(Y({},l.opts),t)),t.children!==void 0&&l.load(t.children),l}return(!e.classList.contains("grid-stack")||a.addRemoveCB)&&(a.addRemoveCB?i=a.addRemoveCB(e,t,!0,!0):i=M.createDiv(["grid-stack",t.class],e)),a.init(t,i)}static registerEngine(e){a.engineClass=e}get placeholder(){if(!this._placeholder){this._placeholder=M.createDiv([this.opts.placeholderClass,It.itemClass,this.opts.itemClass]);let e=M.createDiv(["placeholder-content"],this._placeholder);this.opts.placeholderText&&(e.textContent=this.opts.placeholderText)}return this._placeholder}constructor(e,t={}){this.el=e,this.opts=t,this.animationDelay=310,this._gsEventHandler={},this._extraDragRow=0,this.dragTransform={xScale:1,yScale:1,xOffset:0,yOffset:0},e.gridstack=this,this.opts=t=t||{},e.classList.contains("grid-stack")||this.el.classList.add("grid-stack"),t.row&&(t.minRow=t.maxRow=t.row,delete t.row);let i=M.toNumber(e.getAttribute("gs-row"));t.column==="auto"&&delete t.column,t.alwaysShowResizeHandle!==void 0&&(t._alwaysShowResizeHandle=t.alwaysShowResizeHandle);let o=t.columnOpts?.breakpoints,r=t;if(r.oneColumnModeDomSort&&(delete r.oneColumnModeDomSort,console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")),r.oneColumnSize||r.disableOneColumnMode===!1){let m=r.oneColumnSize||768;delete r.oneColumnSize,delete r.disableOneColumnMode,t.columnOpts=t.columnOpts||{},o=t.columnOpts.breakpoints=t.columnOpts.breakpoints||[];let v=o.find(y=>y.c===1);v?v.w=m:(v={c:1,w:m},o.push(v,{c:12,w:m+1}))}let l=t.columnOpts;l&&(!l.columnWidth&&!l.breakpoints?.length?(delete t.columnOpts,o=void 0):l.columnMax=l.columnMax||12),o?.length>1&&o.sort((m,v)=>(v.w||0)-(m.w||0));let d=tt(Y({},M.cloneDeep(It)),{column:M.toNumber(e.getAttribute("gs-column"))||It.column,minRow:i||M.toNumber(e.getAttribute("gs-min-row"))||It.minRow,maxRow:i||M.toNumber(e.getAttribute("gs-max-row"))||It.maxRow,staticGrid:M.toBool(e.getAttribute("gs-static"))||It.staticGrid,sizeToContent:M.toBool(e.getAttribute("gs-size-to-content"))||void 0,draggable:{handle:(t.handleClass?"."+t.handleClass:t.handle?t.handle:"")||It.draggable.handle},removableOptions:{accept:t.itemClass||It.removableOptions.accept,decline:It.removableOptions.decline}});e.getAttribute("gs-animate")&&(d.animate=M.toBool(e.getAttribute("gs-animate"))),t=M.defaults(t,d),this._initMargin(),this.checkDynamicColumn(),this.el.classList.add("gs-"+t.column),t.rtl==="auto"&&(t.rtl=e.style.direction==="rtl"),t.rtl&&this.el.classList.add("grid-stack-rtl");let s=this.el.closest("."+It.itemClass)?.gridstackNode;s&&(s.subGrid=this,this.parentGridNode=s,this.el.classList.add("grid-stack-nested"),s.el.classList.add("grid-stack-sub-grid")),this._isAutoCellHeight=t.cellHeight==="auto",this._isAutoCellHeight||t.cellHeight==="initial"?this.cellHeight(void 0,!1):(typeof t.cellHeight=="number"&&t.cellHeightUnit&&t.cellHeightUnit!==It.cellHeightUnit&&(t.cellHeight=t.cellHeight+t.cellHeightUnit,delete t.cellHeightUnit),this.cellHeight(t.cellHeight,!1)),t.alwaysShowResizeHandle==="mobile"&&(t.alwaysShowResizeHandle=Tt),this._styleSheetClass="gs-id-"+lo._idSeq++,this.el.classList.add(this._styleSheetClass),this._setStaticClass();let c=t.engineClass||a.engineClass||lo;if(this.engine=new c({column:this.getColumn(),float:t.float,maxRow:t.maxRow,onChange:m=>{let v=0;this.engine.nodes.forEach(y=>{v=Math.max(v,y.y+y.h)}),m.forEach(y=>{let S=y.el;S&&(y._removeDOM?(S&&S.remove(),delete y._removeDOM):this._writePosAttr(S,y))}),this._updateStyles(!1,v)}}),this._updateStyles(!1,0),t.auto&&(this.batchUpdate(),this.engine._loading=!0,this.getGridItems().forEach(m=>this._prepareElement(m)),delete this.engine._loading,this.batchUpdate(!1)),t.children){let m=t.children;delete t.children,m.length&&this.load(m)}this.setAnimation(),t.subGridDynamic&&!ce.pauseDrag&&(ce.pauseDrag=!0),t.draggable?.pause!==void 0&&(ce.pauseDrag=t.draggable.pause),this._setupRemoveDrop(),this._setupAcceptWidget(),this._updateResizeEvent()}addWidget(e){if(typeof e=="string"){console.error("V11: GridStack.addWidget() does not support string anymore. see #2736");return}if(e.ELEMENT_NODE)return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"),this.makeWidget(e);let t,i=e;if(i.grid=this,i?.el?t=i.el:a.addRemoveCB?t=a.addRemoveCB(this.el,e,!0,!1):t=this.createWidgetDivs(i),!t)return;if(i=t.gridstackNode,i&&t.parentElement===this.el&&this.engine.nodes.find(r=>r._id===i._id))return t;let o=this._readAttr(t);return M.defaults(e,o),this.engine.prepareNode(e),this.el.appendChild(t),this.makeWidget(t,e),t}createWidgetDivs(e){let t=M.createDiv(["grid-stack-item",this.opts.itemClass]),i=M.createDiv(["grid-stack-item-content"],t);return M.lazyLoad(e)?e.visibleObservable||(e.visibleObservable=new IntersectionObserver(([o])=>{o.isIntersecting&&(e.visibleObservable?.disconnect(),delete e.visibleObservable,a.renderCB(i,e),e.grid?.prepareDragDrop(e.el))}),window.setTimeout(()=>e.visibleObservable?.observe(t))):a.renderCB(i,e),t}makeSubGrid(e,t,i,o=!0){let r=e.gridstackNode;if(r||(r=this.makeWidget(e).gridstackNode),r.subGrid?.el)return r.subGrid;let l,d=this;for(;d&&!l;)l=d.opts?.subGridOpts,d=d.parentGridNode?.grid;t=M.cloneDeep(Y(Y(tt(Y({},this.opts),{id:void 0,children:void 0,column:"auto",columnOpts:void 0,layout:"list",subGridOpts:void 0}),l||{}),t||r.subGridOpts||{})),r.subGridOpts=t;let p;t.column==="auto"&&(p=!0,t.column=Math.max(r.w||1,i?.w||1),delete t.columnOpts);let s=r.el.querySelector(".grid-stack-item-content"),c,m;if(o&&(this._removeDD(r.el),m=tt(Y({},r),{x:0,y:0}),M.removeInternalForSave(m),delete m.subGridOpts,r.content&&(m.content=r.content,delete r.content),a.addRemoveCB?c=a.addRemoveCB(this.el,m,!0,!1):(c=M.createDiv(["grid-stack-item"]),c.appendChild(s),s=M.createDiv(["grid-stack-item-content"],r.el)),this.prepareDragDrop(r.el)),i){let y=p?t.column:r.w,S=r.h+i.h,x=r.el.style;x.transition="none",this.update(r.el,{w:y,h:S}),setTimeout(()=>x.transition=null)}let v=r.subGrid=a.addGrid(s,t);return i?._moving&&(v._isTemp=!0),p&&(v._autoColumn=!0),o&&v.makeWidget(c,m),i&&(i._moving?window.setTimeout(()=>M.simulateMouseEvent(i._event,"mouseenter",v.el),0):v.makeWidget(r.el,r)),this.resizeToContentCheck(!1,r),v}removeAsSubGrid(e){let t=this.parentGridNode?.grid;t&&(t.batchUpdate(),t.removeWidget(this.parentGridNode.el,!0,!0),this.engine.nodes.forEach(i=>{i.x+=this.parentGridNode.x,i.y+=this.parentGridNode.y,t.makeWidget(i.el,i)}),t.batchUpdate(!1),this.parentGridNode&&delete this.parentGridNode.subGrid,delete this.parentGridNode,e&&window.setTimeout(()=>M.simulateMouseEvent(e._event,"mouseenter",t.el),0))}save(e=!0,t=!1,i=a.saveCB){let o=this.engine.save(e,i);if(o.forEach(r=>{if(e&&r.el&&!r.subGrid&&!i){let l=r.el.querySelector(".grid-stack-item-content");r.content=l?.innerHTML,r.content||delete r.content}else if(!e&&!i&&delete r.content,r.subGrid?.el){let l=r.subGrid.save(e,t,i);r.subGridOpts=t?l:{children:l},delete r.subGrid}delete r.el}),t){let r=M.cloneDeep(this.opts);r.marginBottom===r.marginTop&&r.marginRight===r.marginLeft&&r.marginTop===r.marginRight&&(r.margin=r.marginTop,delete r.marginTop,delete r.marginRight,delete r.marginBottom,delete r.marginLeft),r.rtl===(this.el.style.direction==="rtl")&&(r.rtl="auto"),this._isAutoCellHeight&&(r.cellHeight="auto"),this._autoColumn&&(r.column="auto");let l=r._alwaysShowResizeHandle;return delete r._alwaysShowResizeHandle,l!==void 0?r.alwaysShowResizeHandle=l:delete r.alwaysShowResizeHandle,M.removeInternalAndSame(r,It),r.children=o,r}return o}load(e,t=a.addRemoveCB||!0){e=M.cloneDeep(e);let i=this.getColumn();e.forEach(s=>{s.w=s.w||1,s.h=s.h||1}),e=M.sort(e),this.engine.skipCacheUpdate=this._ignoreLayoutsNodeChange=!0;let o=0;e.forEach(s=>{o=Math.max(o,(s.x||0)+s.w)}),o>this.engine.defaultColumn&&(this.engine.defaultColumn=o),o>i&&this.engine.cacheLayout(e,o,!0);let r=a.addRemoveCB;typeof t=="function"&&(a.addRemoveCB=t);let l=[];this.batchUpdate();let d=!this.engine.nodes.length;d&&this.setAnimation(!1),!d&&t&&[...this.engine.nodes].forEach(c=>{if(!c.id)return;M.find(e,c.id)||(a.addRemoveCB&&a.addRemoveCB(this.el,c,!1,!1),l.push(c),this.removeWidget(c.el,!0,!1))}),this.engine._loading=!0;let p=[];return this.engine.nodes=this.engine.nodes.filter(s=>M.find(e,s.id)?(p.push(s),!1):!0),e.forEach(s=>{let c=M.find(p,s.id);if(c){if(M.shouldSizeToContent(c)&&(s.h=c.h),this.engine.nodeBoundFix(s),(s.autoPosition||s.x===void 0||s.y===void 0)&&(s.w=s.w||c.w,s.h=s.h||c.h,this.engine.findEmptyPosition(s)),this.engine.nodes.push(c),M.samePos(c,s)&&this.engine.nodes.length>1&&(this.moveNode(c,tt(Y({},s),{forceCollide:!0})),M.copyPos(s,c)),this.update(c.el,s),s.subGridOpts?.children){let m=c.el.querySelector(".grid-stack");m&&m.gridstack&&m.gridstack.load(s.subGridOpts.children)}}else t&&this.addWidget(s)}),delete this.engine._loading,this.engine.removedNodes=l,this.batchUpdate(!1),delete this._ignoreLayoutsNodeChange,delete this.engine.skipCacheUpdate,r?a.addRemoveCB=r:delete a.addRemoveCB,d&&this.opts?.animate&&this.setAnimation(this.opts.animate,!0),this}batchUpdate(e=!0){return this.engine.batchUpdate(e),e||(this._updateContainerHeight(),this._triggerRemoveEvent(),this._triggerAddEvent(),this._triggerChangeEvent()),this}getCellHeight(e=!1){if(this.opts.cellHeight&&this.opts.cellHeight!=="auto"&&(!e||!this.opts.cellHeightUnit||this.opts.cellHeightUnit==="px"))return this.opts.cellHeight;if(this.opts.cellHeightUnit==="rem")return this.opts.cellHeight*parseFloat(getComputedStyle(document.documentElement).fontSize);if(this.opts.cellHeightUnit==="em")return this.opts.cellHeight*parseFloat(getComputedStyle(this.el).fontSize);if(this.opts.cellHeightUnit==="cm")return this.opts.cellHeight*(96/2.54);if(this.opts.cellHeightUnit==="mm")return this.opts.cellHeight*(96/2.54)/10;let t=this.el.querySelector("."+this.opts.itemClass);if(t){let o=M.toNumber(t.getAttribute("gs-h"))||1;return Math.round(t.offsetHeight/o)}let i=parseInt(this.el.getAttribute("gs-current-row"));return i?Math.round(this.el.getBoundingClientRect().height/i):this.opts.cellHeight}cellHeight(e,t=!0){if(t&&e!==void 0&&this._isAutoCellHeight!==(e==="auto")&&(this._isAutoCellHeight=e==="auto",this._updateResizeEvent()),(e==="initial"||e==="auto")&&(e=void 0),e===void 0){let o=-this.opts.marginRight-this.opts.marginLeft+this.opts.marginTop+this.opts.marginBottom;e=this.cellWidth()+o}let i=M.parseHeight(e);return this.opts.cellHeightUnit===i.unit&&this.opts.cellHeight===i.h?this:(this.opts.cellHeightUnit=i.unit,this.opts.cellHeight=i.h,this.resizeToContentCheck(),t&&this._updateStyles(!0),this)}cellWidth(){return this._widthOrContainer()/this.getColumn()}_widthOrContainer(e=!1){return e&&this.opts.columnOpts?.breakpointForWindow?window.innerWidth:this.el.clientWidth||this.el.parentElement.clientWidth||window.innerWidth}checkDynamicColumn(){let e=this.opts.columnOpts;if(!e||!e.columnWidth&&!e.breakpoints?.length)return!1;let t=this.getColumn(),i=t,o=this._widthOrContainer(!0);if(e.columnWidth)i=Math.min(Math.round(o/e.columnWidth)||1,e.columnMax);else{i=e.columnMax;let r=0;for(;r<e.breakpoints.length&&o<=e.breakpoints[r].w;)i=e.breakpoints[r++].c||t}if(i!==t){let r=e.breakpoints?.find(l=>l.c===i);return this.column(i,r?.layout||e.layout),!0}return!1}compact(e="compact",t=!0){return this.engine.compact(e,t),this._triggerChangeEvent(),this}column(e,t="moveScale"){if(!e||e<1||this.opts.column===e)return this;let i=this.getColumn();return this.opts.column=e,this.engine?(this.engine.column=e,this.el.classList.remove("gs-"+i),this.el.classList.add("gs-"+e),this.engine.columnChanged(i,e,t),this._isAutoCellHeight&&this.cellHeight(),this.resizeToContentCheck(!0),this._ignoreLayoutsNodeChange=!0,this._triggerChangeEvent(),delete this._ignoreLayoutsNodeChange,this):this}getColumn(){return this.opts.column}getGridItems(){return Array.from(this.el.children).filter(e=>e.matches("."+this.opts.itemClass)&&!e.matches("."+this.opts.placeholderClass))}isIgnoreChangeCB(){return this._ignoreLayoutsNodeChange}destroy(e=!0){if(this.el)return this.offAll(),this._updateResizeEvent(!0),this.setStatic(!0,!1),this.setAnimation(!1),e?this.el.parentNode.removeChild(this.el):(this.removeAll(e),this.el.classList.remove(this._styleSheetClass),this.el.removeAttribute("gs-current-row")),this._removeStylesheet(),delete this.parentGridNode?.subGrid,delete this.parentGridNode,delete this.opts,delete this._placeholder?.gridstackNode,delete this._placeholder,delete this.engine,delete this.el.gridstack,delete this.el,this}float(e){return this.opts.float!==e&&(this.opts.float=this.engine.float=e,this._triggerChangeEvent()),this}getFloat(){return this.engine.float}getCellFromPixel(e,t=!1){let i=this.el.getBoundingClientRect(),o;t?o={top:i.top+document.documentElement.scrollTop,left:i.left}:o={top:this.el.offsetTop,left:this.el.offsetLeft};let r=e.left-o.left,l=e.top-o.top,d=i.width/this.getColumn(),p=i.height/parseInt(this.el.getAttribute("gs-current-row"));return{x:Math.floor(r/d),y:Math.floor(l/p)}}getRow(){return Math.max(this.engine.getRow(),this.opts.minRow)}isAreaEmpty(e,t,i,o){return this.engine.isAreaEmpty(e,t,i,o)}makeWidget(e,t){let i=a.getElement(e);if(!i)return;i.parentElement||this.el.appendChild(i),this._prepareElement(i,!0,t);let o=i.gridstackNode;this._updateContainerHeight(),o.subGridOpts&&this.makeSubGrid(i,o.subGridOpts,void 0,!1);let r;return this.opts.column===1&&!this._ignoreLayoutsNodeChange&&(r=this._ignoreLayoutsNodeChange=!0),this._triggerAddEvent(),this._triggerChangeEvent(),r&&delete this._ignoreLayoutsNodeChange,i}on(e,t){return e.indexOf(" ")!==-1?(e.split(" ").forEach(o=>this.on(o,t)),this):(e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable"?(e==="enable"||e==="disable"?this._gsEventHandler[e]=o=>t(o):this._gsEventHandler[e]=o=>{o.detail&&t(o,o.detail)},this.el.addEventListener(e,this._gsEventHandler[e])):e==="drag"||e==="dragstart"||e==="dragstop"||e==="resizestart"||e==="resize"||e==="resizestop"||e==="dropped"||e==="resizecontent"?this._gsEventHandler[e]=t:console.error("GridStack.on("+e+") event not supported"),this)}off(e){return e.indexOf(" ")!==-1?(e.split(" ").forEach(i=>this.off(i)),this):((e==="change"||e==="added"||e==="removed"||e==="enable"||e==="disable")&&this._gsEventHandler[e]&&this.el.removeEventListener(e,this._gsEventHandler[e]),delete this._gsEventHandler[e],this)}offAll(){return Object.keys(this._gsEventHandler).forEach(e=>this.off(e)),this}removeWidget(e,t=!0,i=!0){return e?(a.getElements(e).forEach(o=>{if(o.parentElement&&o.parentElement!==this.el)return;let r=o.gridstackNode;r||(r=this.engine.nodes.find(l=>o===l.el)),r&&(t&&a.addRemoveCB&&a.addRemoveCB(this.el,r,!1,!1),delete o.gridstackNode,this._removeDD(o),this.engine.removeNode(r,t,i),t&&o.parentElement&&o.remove())}),i&&(this._triggerRemoveEvent(),this._triggerChangeEvent()),this):(console.error("Error: GridStack.removeWidget(undefined) called"),this)}removeAll(e=!0,t=!0){return this.engine.nodes.forEach(i=>{e&&a.addRemoveCB&&a.addRemoveCB(this.el,i,!1,!1),delete i.el.gridstackNode,this.opts.staticGrid||this._removeDD(i.el)}),this.engine.removeAll(e,t),t&&this._triggerRemoveEvent(),this}setAnimation(e=this.opts.animate,t){return t?setTimeout(()=>{this.opts&&this.setAnimation(e)}):e?this.el.classList.add("grid-stack-animate"):this.el.classList.remove("grid-stack-animate"),this}hasAnimationCSS(){return this.el.classList.contains("grid-stack-animate")}setStatic(e,t=!0,i=!0){return!!this.opts.staticGrid===e?this:(e?this.opts.staticGrid=!0:delete this.opts.staticGrid,this._setupRemoveDrop(),this._setupAcceptWidget(),this.engine.nodes.forEach(o=>{this.prepareDragDrop(o.el),o.subGrid&&i&&o.subGrid.setStatic(e,t,i)}),t&&this._setStaticClass(),this)}updateOptions(e){let t=this.opts;return e.acceptWidgets!==void 0&&this._setupAcceptWidget(),e.animate!==void 0&&this.setAnimation(),e.cellHeight&&(this.cellHeight(e.cellHeight,!0),delete e.cellHeight),e.class&&e.class!==t.class&&(t.class&&this.el.classList.remove(t.class),this.el.classList.add(e.class)),typeof e.column=="number"&&!e.columnOpts&&(this.column(e.column),delete e.column),e.margin!==void 0&&this.margin(e.margin),e.staticGrid!==void 0&&this.setStatic(e.staticGrid),e.disableDrag!==void 0&&!e.staticGrid&&this.enableMove(!e.disableDrag),e.disableResize!==void 0&&!e.staticGrid&&this.enableResize(!e.disableResize),e.float!==void 0&&this.float(e.float),e.row!==void 0&&(t.minRow=t.maxRow=e.row),e.children?.length&&(this.load(e.children),delete e.children),this.opts=Y(Y({},this.opts),e),this}update(e,t){return a.getElements(e).forEach(i=>{let o=i?.gridstackNode;if(!o)return;let r=Y(Y({},M.copyPos({},o)),M.cloneDeep(t));this.engine.nodeBoundFix(r),delete r.autoPosition;let l=["x","y","w","h"],d;if(l.some(c=>r[c]!==void 0&&r[c]!==o[c])&&(d={},l.forEach(c=>{d[c]=r[c]!==void 0?r[c]:o[c],delete r[c]})),!d&&(r.minW||r.minH||r.maxW||r.maxH)&&(d={}),r.content!==void 0){let c=i.querySelector(".grid-stack-item-content");c&&c.textContent!==r.content&&(o.content=r.content,a.renderCB(c,r),o.subGrid?.el&&(c.appendChild(o.subGrid.el),o.subGrid.opts.styleInHead||o.subGrid._updateStyles(!0))),delete r.content}let p=!1,s=!1;for(let c in r)c[0]!=="_"&&o[c]!==r[c]&&(o[c]=r[c],p=!0,s=s||!this.opts.staticGrid&&(c==="noResize"||c==="noMove"||c==="locked"));if(M.sanitizeMinMax(o),d){let c=d.w!==void 0&&d.w!==o.w;this.moveNode(o,d),c&&o.subGrid?o.subGrid.onResize(this.hasAnimationCSS()?o.w:void 0):this.resizeToContentCheck(c,o),delete o._orig}(d||p)&&this._writeAttr(i,o),s&&this.prepareDragDrop(o.el)}),this}moveNode(e,t){let i=e._updating;i||this.engine.cleanNodes().beginUpdate(e),this.engine.moveNode(e,t),this._updateContainerHeight(),i||(this._triggerChangeEvent(),this.engine.endUpdate())}resizeToContent(e){if(!e||(e.classList.remove("size-to-content-max"),!e.clientHeight))return;let t=e.gridstackNode;if(!t)return;let i=t.grid;if(!i||e.parentElement!==i.el)return;let o=i.getCellHeight(!0);if(!o)return;let r=t.h?t.h*o:e.clientHeight,l;if(t.resizeToContentParent&&(l=e.querySelector(t.resizeToContentParent)),l||(l=e.querySelector(a.resizeToContentParent)),!l)return;let d=e.clientHeight-l.clientHeight,p=t.h?t.h*o-d:l.clientHeight,s;if(t.subGrid){s=t.subGrid.getRow()*t.subGrid.getCellHeight(!0);let v=t.subGrid.el.getBoundingClientRect(),y=t.subGrid.el.parentElement.getBoundingClientRect();s+=v.top-y.top}else{if(t.subGridOpts?.children?.length)return;{let v=l.firstElementChild;if(!v){console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${a.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);return}s=v.getBoundingClientRect().height||p}}if(p===s)return;r+=s-p;let c=Math.ceil(r/o),m=Number.isInteger(t.sizeToContent)?t.sizeToContent:0;m&&c>m&&(c=m,e.classList.add("size-to-content-max")),t.minH&&c<t.minH?c=t.minH:t.maxH&&c>t.maxH&&(c=t.maxH),c!==t.h&&(i._ignoreLayoutsNodeChange=!0,i.moveNode(t,{h:c}),delete i._ignoreLayoutsNodeChange)}resizeToContentCBCheck(e){a.resizeToContentCB?a.resizeToContentCB(e):this.resizeToContent(e)}rotate(e,t){return a.getElements(e).forEach(i=>{let o=i.gridstackNode;if(!M.canBeRotated(o))return;let r={w:o.h,h:o.w,minH:o.minW,minW:o.minH,maxH:o.maxW,maxW:o.maxH};if(t){let d=t.left>0?Math.floor(t.left/this.cellWidth()):0,p=t.top>0?Math.floor(t.top/this.opts.cellHeight):0;r.x=o.x+d-(o.h-(p+1)),r.y=o.y+p-d}Object.keys(r).forEach(d=>{r[d]===void 0&&delete r[d]});let l=o._orig;this.update(i,r),o._orig=l}),this}margin(e){if(!(typeof e=="string"&&e.split(" ").length>1)){let i=M.parseHeight(e);if(this.opts.marginUnit===i.unit&&this.opts.margin===i.h)return}return this.opts.margin=e,this.opts.marginTop=this.opts.marginBottom=this.opts.marginLeft=this.opts.marginRight=void 0,this._initMargin(),this._updateStyles(!0),this}getMargin(){return this.opts.margin}willItFit(e){if(arguments.length>1){console.warn("gridstack.ts: `willItFit(x,y,w,h,autoPosition)` is deprecated. Use `willItFit({x, y,...})`. It will be removed soon");let t=arguments,i=0,o={x:t[i++],y:t[i++],w:t[i++],h:t[i++],autoPosition:t[i++]};return this.willItFit(o)}return this.engine.willItFit(e)}_triggerChangeEvent(){if(this.engine.batchMode)return this;let e=this.engine.getDirtyNodes(!0);return e&&e.length&&(this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(e),this._triggerEvent("change",e)),this.engine.saveInitial(),this}_triggerAddEvent(){if(this.engine.batchMode)return this;if(this.engine.addedNodes?.length){this._ignoreLayoutsNodeChange||this.engine.layoutsNodesChange(this.engine.addedNodes),this.engine.addedNodes.forEach(t=>{delete t._dirty});let e=[...this.engine.addedNodes];this.engine.addedNodes=[],this._triggerEvent("added",e)}return this}_triggerRemoveEvent(){if(this.engine.batchMode)return this;if(this.engine.removedNodes?.length){let e=[...this.engine.removedNodes];this.engine.removedNodes=[],this._triggerEvent("removed",e)}return this}_triggerEvent(e,t){let i=t?new CustomEvent(e,{bubbles:!1,detail:t}):new Event(e);return this.el.dispatchEvent(i),this}_removeStylesheet(){if(this._styles){let e=this.opts.styleInHead?void 0:this.el.parentNode;M.removeStylesheet(this._styleSheetClass,e),delete this._styles}return this}_updateStyles(e=!1,t){if(e&&this._removeStylesheet(),t===void 0&&(t=this.getRow()),this._updateContainerHeight(),this.opts.cellHeight===0)return this;let i=this.opts.cellHeight,o=this.opts.cellHeightUnit,r=`.${this._styleSheetClass} > .${this.opts.itemClass}`;if(!this._styles){let l=this.opts.styleInHead?void 0:this.el.parentNode;if(this._styles=M.createStylesheet(this._styleSheetClass,l,{nonce:this.opts.nonce}),!this._styles)return this;this._styles._max=0,M.addCSSRule(this._styles,r,`height: ${i}${o}`);let d=this.opts.marginTop+this.opts.marginUnit,p=this.opts.marginBottom+this.opts.marginUnit,s=this.opts.marginRight+this.opts.marginUnit,c=this.opts.marginLeft+this.opts.marginUnit,m=`${r} > .grid-stack-item-content`,v=`.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;M.addCSSRule(this._styles,m,`top: ${d}; right: ${s}; bottom: ${p}; left: ${c};`),M.addCSSRule(this._styles,v,`top: ${d}; right: ${s}; bottom: ${p}; left: ${c};`),M.addCSSRule(this._styles,`${r} > .ui-resizable-n`,`top: ${d};`),M.addCSSRule(this._styles,`${r} > .ui-resizable-s`,`bottom: ${p}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-ne`,`right: ${s}; top: ${d}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-e`,`right: ${s}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-se`,`right: ${s}; bottom: ${p}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-nw`,`left: ${c}; top: ${d}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-w`,`left: ${c}`),M.addCSSRule(this._styles,`${r} > .ui-resizable-sw`,`left: ${c}; bottom: ${p}`)}if(t=t||this._styles._max,t>this._styles._max){let l=d=>i*d+o;for(let d=this._styles._max+1;d<=t;d++)M.addCSSRule(this._styles,`${r}[gs-y="${d}"]`,`top: ${l(d)}`),M.addCSSRule(this._styles,`${r}[gs-h="${d+1}"]`,`height: ${l(d+1)}`);this._styles._max=t}return this}_updateContainerHeight(){if(!this.engine||this.engine.batchMode)return this;let e=this.parentGridNode,t=this.getRow()+this._extraDragRow,i=this.opts.cellHeight,o=this.opts.cellHeightUnit;if(!i)return this;if(!e){let r=M.parseHeight(getComputedStyle(this.el).minHeight);if(r.h>0&&r.unit===o){let l=Math.floor(r.h/i);t<l&&(t=l)}}return this.el.setAttribute("gs-current-row",String(t)),this.el.style.removeProperty("min-height"),this.el.style.removeProperty("height"),t&&(this.el.style[e?"minHeight":"height"]=t*i+o),e&&!e.grid.engine.batchMode&&M.shouldSizeToContent(e)&&e.grid.resizeToContentCBCheck(e.el),this}_prepareElement(e,t=!1,i){i=i||this._readAttr(e),e.gridstackNode=i,i.el=e,i.grid=this,i=this.engine.addNode(i,t),this._writeAttr(e,i),e.classList.add(It.itemClass,this.opts.itemClass);let o=M.shouldSizeToContent(i);return o?e.classList.add("size-to-content"):e.classList.remove("size-to-content"),o&&this.resizeToContentCheck(!1,i),M.lazyLoad(i)||this.prepareDragDrop(i.el),this}_writePosAttr(e,t){return t.x!==void 0&&t.x!==null&&e.setAttribute("gs-x",String(t.x)),t.y!==void 0&&t.y!==null&&e.setAttribute("gs-y",String(t.y)),t.w>1?e.setAttribute("gs-w",String(t.w)):e.removeAttribute("gs-w"),t.h>1?e.setAttribute("gs-h",String(t.h)):e.removeAttribute("gs-h"),this}_writeAttr(e,t){if(!t)return this;this._writePosAttr(e,t);let i={noResize:"gs-no-resize",noMove:"gs-no-move",locked:"gs-locked",id:"gs-id",sizeToContent:"gs-size-to-content"};for(let o in i)t[o]?e.setAttribute(i[o],String(t[o])):e.removeAttribute(i[o]);return this}_readAttr(e,t=!0){let i={};i.x=M.toNumber(e.getAttribute("gs-x")),i.y=M.toNumber(e.getAttribute("gs-y")),i.w=M.toNumber(e.getAttribute("gs-w")),i.h=M.toNumber(e.getAttribute("gs-h")),i.autoPosition=M.toBool(e.getAttribute("gs-auto-position")),i.noResize=M.toBool(e.getAttribute("gs-no-resize")),i.noMove=M.toBool(e.getAttribute("gs-no-move")),i.locked=M.toBool(e.getAttribute("gs-locked"));let o=e.getAttribute("gs-size-to-content");o&&(o==="true"||o==="false"?i.sizeToContent=M.toBool(o):i.sizeToContent=parseInt(o,10)),i.id=e.getAttribute("gs-id"),i.maxW=M.toNumber(e.getAttribute("gs-max-w")),i.minW=M.toNumber(e.getAttribute("gs-min-w")),i.maxH=M.toNumber(e.getAttribute("gs-max-h")),i.minH=M.toNumber(e.getAttribute("gs-min-h")),t&&(i.w===1&&e.removeAttribute("gs-w"),i.h===1&&e.removeAttribute("gs-h"),i.maxW&&e.removeAttribute("gs-max-w"),i.minW&&e.removeAttribute("gs-min-w"),i.maxH&&e.removeAttribute("gs-max-h"),i.minH&&e.removeAttribute("gs-min-h"));for(let r in i){if(!i.hasOwnProperty(r))return;!i[r]&&i[r]!==0&&r!=="gs-size-to-content"&&delete i[r]}return i}_setStaticClass(){let e=["grid-stack-static"];return this.opts.staticGrid?(this.el.classList.add(...e),this.el.setAttribute("gs-static","true")):(this.el.classList.remove(...e),this.el.removeAttribute("gs-static")),this}onResize(e=this.el?.clientWidth){if(!e||this.prevWidth===e)return;this.prevWidth=e,this.batchUpdate();let t=!1;return this._autoColumn&&this.parentGridNode?this.opts.column!==this.parentGridNode.w&&(this.column(this.parentGridNode.w,this.opts.layout||"list"),t=!0):t=this.checkDynamicColumn(),this._isAutoCellHeight&&this.cellHeight(),this.engine.nodes.forEach(i=>{i.subGrid&&i.subGrid.onResize()}),this._skipInitialResize||this.resizeToContentCheck(t),delete this._skipInitialResize,this.batchUpdate(!1),this}resizeToContentCheck(e=!1,t=void 0){if(this.engine){if(e&&this.hasAnimationCSS())return setTimeout(()=>this.resizeToContentCheck(!1,t),this.animationDelay);if(t)M.shouldSizeToContent(t)&&this.resizeToContentCBCheck(t.el);else if(this.engine.nodes.some(i=>M.shouldSizeToContent(i))){let i=[...this.engine.nodes];this.batchUpdate(),i.forEach(o=>{M.shouldSizeToContent(o)&&this.resizeToContentCBCheck(o.el)}),this.batchUpdate(!1)}this._gsEventHandler.resizecontent&&this._gsEventHandler.resizecontent(null,t?[t]:this.engine.nodes)}}_updateResizeEvent(e=!1){let t=!this.parentGridNode&&(this._isAutoCellHeight||this.opts.sizeToContent||this.opts.columnOpts||this.engine.nodes.find(i=>i.sizeToContent));return!e&&t&&!this.resizeObserver?(this._sizeThrottle=M.throttle(()=>this.onResize(),this.opts.cellHeightThrottle),this.resizeObserver=new ResizeObserver(()=>this._sizeThrottle()),this.resizeObserver.observe(this.el),this._skipInitialResize=!0):(e||!t)&&this.resizeObserver&&(this.resizeObserver.disconnect(),delete this.resizeObserver,delete this._sizeThrottle),this}static getElement(e=".grid-stack-item"){return M.getElement(e)}static getElements(e=".grid-stack-item"){return M.getElements(e)}static getGridElement(e){return a.getElement(e)}static getGridElements(e){return M.getElements(e)}_initMargin(){let e,t=0,i=[];return typeof this.opts.margin=="string"&&(i=this.opts.margin.split(" ")),i.length===2?(this.opts.marginTop=this.opts.marginBottom=i[0],this.opts.marginLeft=this.opts.marginRight=i[1]):i.length===4?(this.opts.marginTop=i[0],this.opts.marginRight=i[1],this.opts.marginBottom=i[2],this.opts.marginLeft=i[3]):(e=M.parseHeight(this.opts.margin),this.opts.marginUnit=e.unit,t=this.opts.margin=e.h),this.opts.marginTop===void 0?this.opts.marginTop=t:(e=M.parseHeight(this.opts.marginTop),this.opts.marginTop=e.h,delete this.opts.margin),this.opts.marginBottom===void 0?this.opts.marginBottom=t:(e=M.parseHeight(this.opts.marginBottom),this.opts.marginBottom=e.h,delete this.opts.margin),this.opts.marginRight===void 0?this.opts.marginRight=t:(e=M.parseHeight(this.opts.marginRight),this.opts.marginRight=e.h,delete this.opts.margin),this.opts.marginLeft===void 0?this.opts.marginLeft=t:(e=M.parseHeight(this.opts.marginLeft),this.opts.marginLeft=e.h,delete this.opts.margin),this.opts.marginUnit=e.unit,this.opts.marginTop===this.opts.marginBottom&&this.opts.marginLeft===this.opts.marginRight&&this.opts.marginTop===this.opts.marginRight&&(this.opts.margin=this.opts.marginTop),this}static getDD(){return Et}static setupDragIn(e,t,i,o=document){t?.pause!==void 0&&(ce.pauseDrag=t.pause),t=Y({appendTo:"body",helper:"clone"},t||{}),(typeof e=="string"?M.getElements(e,o):e).forEach((l,d)=>{Et.isDraggable(l)||Et.dragIn(l,t),i?.[d]&&(l.gridstackNode=i[d])})}movable(e,t){return this.opts.staticGrid?this:(a.getElements(e).forEach(i=>{let o=i.gridstackNode;o&&(t?delete o.noMove:o.noMove=!0,this.prepareDragDrop(o.el))}),this)}resizable(e,t){return this.opts.staticGrid?this:(a.getElements(e).forEach(i=>{let o=i.gridstackNode;o&&(t?delete o.noResize:o.noResize=!0,this.prepareDragDrop(o.el))}),this)}disable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!1,e),this.enableResize(!1,e),this._triggerEvent("disable"),this}enable(e=!0){if(!this.opts.staticGrid)return this.enableMove(!0,e),this.enableResize(!0,e),this._triggerEvent("enable"),this}enableMove(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableDrag:this.opts.disableDrag=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableMove(e,t)}),this)}enableResize(e,t=!0){return this.opts.staticGrid?this:(e?delete this.opts.disableResize:this.opts.disableResize=!0,this.engine.nodes.forEach(i=>{this.prepareDragDrop(i.el),i.subGrid&&t&&i.subGrid.enableResize(e,t)}),this)}cancelDrag(){let e=this._placeholder?.gridstackNode;e&&(e._isExternal?(e._isAboutToRemove=!0,this.engine.removeNode(e)):e._isAboutToRemove&&a._itemRemoving(e.el,!1),this.engine.restoreInitial())}_removeDD(e){return Et.draggable(e,"destroy").resizable(e,"destroy"),e.gridstackNode&&delete e.gridstackNode._initDD,delete e.ddElement,this}_setupAcceptWidget(){if(this.opts.staticGrid||!this.opts.acceptWidgets&&!this.opts.removable)return Et.droppable(this.el,"destroy"),this;let e,t,i=(o,r,l)=>{l=l||r;let d=l.gridstackNode;if(!d)return;if(!d.grid?.el){l.style.transform=`scale(${1/this.dragTransform.xScale},${1/this.dragTransform.yScale})`;let v=l.getBoundingClientRect();l.style.left=v.x+(this.dragTransform.xScale-1)*(o.clientX-v.x)/this.dragTransform.xScale+"px",l.style.top=v.y+(this.dragTransform.yScale-1)*(o.clientY-v.y)/this.dragTransform.yScale+"px",l.style.transformOrigin="0px 0px"}let{top:p,left:s}=l.getBoundingClientRect(),c=this.el.getBoundingClientRect();s-=c.left,p-=c.top;let m={position:{top:p*this.dragTransform.xScale,left:s*this.dragTransform.yScale}};if(d._temporaryRemoved){if(d.x=Math.max(0,Math.round(s/t)),d.y=Math.max(0,Math.round(p/e)),delete d.autoPosition,this.engine.nodeBoundFix(d),!this.engine.willItFit(d)){if(d.autoPosition=!0,!this.engine.willItFit(d)){Et.off(r,"drag");return}d._willFitPos&&(M.copyPos(d,d._willFitPos),delete d._willFitPos)}this._onStartMoving(l,o,m,d,t,e)}else this._dragOrResize(l,o,m,d,t,e)};return Et.droppable(this.el,{accept:o=>{let r=o.gridstackNode||this._readAttr(o,!1);if(r?.grid===this)return!0;if(!this.opts.acceptWidgets)return!1;let l=!0;if(typeof this.opts.acceptWidgets=="function")l=this.opts.acceptWidgets(o);else{let d=this.opts.acceptWidgets===!0?".grid-stack-item":this.opts.acceptWidgets;l=o.matches(d)}if(l&&r&&this.opts.maxRow){let d={w:r.w,h:r.h,minW:r.minW,minH:r.minH};l=this.engine.willItFit(d)}return l}}).on(this.el,"dropover",(o,r,l)=>{let d=l?.gridstackNode||r.gridstackNode;if(d?.grid===this&&!d._temporaryRemoved)return!1;if(d?._sidebarOrig&&(d.w=d._sidebarOrig.w,d.h=d._sidebarOrig.h),d?.grid&&d.grid!==this&&!d._temporaryRemoved&&d.grid._leave(r,l),l=l||r,t=this.cellWidth(),e=this.getCellHeight(!0),!d){let c=l.getAttribute("data-gs-widget")||l.getAttribute("gridstacknode");if(c){try{d=JSON.parse(c)}catch{console.error("Gridstack dropover: Bad JSON format: ",c)}l.removeAttribute("data-gs-widget"),l.removeAttribute("gridstacknode")}d||(d=this._readAttr(l)),d._sidebarOrig={w:d.w,h:d.h}}d.grid||(d.el||(d=Y({},d)),d._isExternal=!0,l.gridstackNode=d);let p=d.w||Math.round(l.offsetWidth/t)||1,s=d.h||Math.round(l.offsetHeight/e)||1;return d.grid&&d.grid!==this?(r._gridstackNodeOrig||(r._gridstackNodeOrig=d),r.gridstackNode=d=tt(Y({},d),{w:p,h:s,grid:this}),delete d.x,delete d.y,this.engine.cleanupNode(d).nodeBoundFix(d),d._initDD=d._isExternal=d._temporaryRemoved=!0):(d.w=p,d.h=s,d._temporaryRemoved=!0),a._itemRemoving(d.el,!1),Et.on(r,"drag",i),i(o,r,l),!1}).on(this.el,"dropout",(o,r,l)=>{let d=l?.gridstackNode||r.gridstackNode;return d&&(!d.grid||d.grid===this)&&(this._leave(r,l),this._isTemp&&this.removeAsSubGrid(d)),!1}).on(this.el,"drop",(o,r,l)=>{let d=l?.gridstackNode||r.gridstackNode;if(d?.grid===this&&!d._isExternal)return!1;let p=!!this.placeholder.parentElement,s=r!==l;this.placeholder.remove(),delete this.placeholder.gridstackNode;let c=p&&this.opts.animate;c&&this.setAnimation(!1);let m=r._gridstackNodeOrig;if(delete r._gridstackNodeOrig,p&&m?.grid&&m.grid!==this){let y=m.grid;y.engine.removeNodeFromLayoutCache(m),y.engine.removedNodes.push(m),y._triggerRemoveEvent()._triggerChangeEvent(),y.parentGridNode&&!y.engine.nodes.length&&y.opts.subGridDynamic&&y.removeAsSubGrid()}if(!d||(p&&(this.engine.cleanupNode(d),d.grid=this),delete d.grid?._isTemp,Et.off(r,"drag"),l!==r?(l.remove(),r=l):r.remove(),this._removeDD(r),!p))return!1;let v=d.subGrid?.el?.gridstack;return M.copyPos(d,this._readAttr(this.placeholder)),M.removePositioningStyles(r),s&&(d.content||d.subGridOpts||a.addRemoveCB)?(delete d.el,r=this.addWidget(d)):(this._prepareElement(r,!0,d),this.el.appendChild(r),this.resizeToContentCheck(!1,d),v&&(v.parentGridNode=d,v.opts.styleInHead||v._updateStyles(!0)),this._updateContainerHeight()),this.engine.addedNodes.push(d),this._triggerAddEvent(),this._triggerChangeEvent(),this.engine.endUpdate(),this._gsEventHandler.dropped&&this._gsEventHandler.dropped(tt(Y({},o),{type:"dropped"}),m&&m.grid?m:void 0,d),c&&this.setAnimation(this.opts.animate,!0),!1}),this}static _itemRemoving(e,t){if(!e)return;let i=e?e.gridstackNode:void 0;!i?.grid||e.classList.contains(i.grid.opts.removableOptions.decline)||(t?i._isAboutToRemove=!0:delete i._isAboutToRemove,t?e.classList.add("grid-stack-item-removing"):e.classList.remove("grid-stack-item-removing"))}_setupRemoveDrop(){if(typeof this.opts.removable!="string")return this;let e=document.querySelector(this.opts.removable);return e?(!this.opts.staticGrid&&!Et.isDroppable(e)&&Et.droppable(e,this.opts.removableOptions).on(e,"dropover",(t,i)=>a._itemRemoving(i,!0)).on(e,"dropout",(t,i)=>a._itemRemoving(i,!1)),this):this}prepareDragDrop(e,t=!1){let i=e?.gridstackNode;if(!i)return;let o=i.noMove||this.opts.disableDrag,r=i.noResize||this.opts.disableResize,l=this.opts.staticGrid||o&&r;if((t||l)&&(i._initDD&&(this._removeDD(e),delete i._initDD),l&&e.classList.add("ui-draggable-disabled","ui-resizable-disabled"),!t))return this;if(!i._initDD){let d,p,s=(v,y)=>{this._gsEventHandler[v.type]&&this._gsEventHandler[v.type](v,v.target),d=this.cellWidth(),p=this.getCellHeight(!0),this._onStartMoving(e,v,y,i,d,p)},c=(v,y)=>{this._dragOrResize(e,v,y,i,d,p)},m=v=>{this.placeholder.remove(),delete this.placeholder.gridstackNode,delete i._moving,delete i._event,delete i._lastTried;let y=i.w!==i._orig.w,S=v.target;if(!(!S.gridstackNode||S.gridstackNode.grid!==this)){if(i.el=S,i._isAboutToRemove){let x=e.gridstackNode.grid;x._gsEventHandler[v.type]&&x._gsEventHandler[v.type](v,S),x.engine.nodes.push(i),x.removeWidget(e,!0,!0)}else M.removePositioningStyles(S),i._temporaryRemoved?(M.copyPos(i,i._orig),this._writePosAttr(S,i),this.engine.addNode(i)):this._writePosAttr(S,i),this._gsEventHandler[v.type]&&this._gsEventHandler[v.type](v,S);this._extraDragRow=0,this._updateContainerHeight(),this._triggerChangeEvent(),this.engine.endUpdate(),v.type==="resizestop"&&(Number.isInteger(i.sizeToContent)&&(i.sizeToContent=i.h),this.resizeToContentCheck(y,i))}};Et.draggable(e,{start:s,stop:m,drag:c}).resizable(e,{start:s,stop:m,resize:c}),i._initDD=!0}return Et.draggable(e,o?"disable":"enable").resizable(e,r?"disable":"enable"),this}_onStartMoving(e,t,i,o,r,l){if(this.engine.cleanNodes().beginUpdate(o),this._writePosAttr(this.placeholder,o),this.el.appendChild(this.placeholder),this.placeholder.gridstackNode=o,o.grid?.el)this.dragTransform=M.getValuesFromTransformedElement(e);else if(this.placeholder&&this.placeholder.closest(".grid-stack")){let d=this.placeholder.closest(".grid-stack");this.dragTransform=M.getValuesFromTransformedElement(d)}else this.dragTransform={xScale:1,xOffset:0,yScale:1,yOffset:0};if(o.el=this.placeholder,o._lastUiPosition=i.position,o._prevYPix=i.position.top,o._moving=t.type==="dragstart",delete o._lastTried,t.type==="dropover"&&o._temporaryRemoved&&(this.engine.addNode(o),o._moving=!0),this.engine.cacheRects(r,l,this.opts.marginTop,this.opts.marginRight,this.opts.marginBottom,this.opts.marginLeft),t.type==="resizestart"){let d=this.getColumn()-o.x,p=(this.opts.maxRow||Number.MAX_SAFE_INTEGER)-o.y;Et.resizable(e,"option","minWidth",r*Math.min(o.minW||1,d)).resizable(e,"option","minHeight",l*Math.min(o.minH||1,p)).resizable(e,"option","maxWidth",r*Math.min(o.maxW||Number.MAX_SAFE_INTEGER,d)).resizable(e,"option","maxWidthMoveLeft",r*Math.min(o.maxW||Number.MAX_SAFE_INTEGER,o.x+o.w)).resizable(e,"option","maxHeight",l*Math.min(o.maxH||Number.MAX_SAFE_INTEGER,p)).resizable(e,"option","maxHeightMoveUp",l*Math.min(o.maxH||Number.MAX_SAFE_INTEGER,o.y+o.h))}}_dragOrResize(e,t,i,o,r,l){let d=Y({},o._orig),p,s=this.opts.marginLeft,c=this.opts.marginRight,m=this.opts.marginTop,v=this.opts.marginBottom,y=Math.round(l*.1),S=Math.round(r*.1);if(s=Math.min(s,S),c=Math.min(c,S),m=Math.min(m,y),v=Math.min(v,y),t.type==="drag"){if(o._temporaryRemoved)return;let V=i.position.top-o._prevYPix;o._prevYPix=i.position.top,this.opts.draggable.scroll!==!1&&M.updateScrollPosition(e,i.position,V);let z=i.position.left+(i.position.left>o._lastUiPosition.left?-c:s),X=i.position.top+(i.position.top>o._lastUiPosition.top?-v:m);d.x=Math.round(z/r),d.y=Math.round(X/l);let se=this._extraDragRow;if(this.engine.collide(o,d)){let _e=this.getRow(),De=Math.max(0,d.y+o.h-_e);this.opts.maxRow&&_e+De>this.opts.maxRow&&(De=Math.max(0,this.opts.maxRow-_e)),this._extraDragRow=De}else this._extraDragRow=0;if(this._extraDragRow!==se&&this._updateContainerHeight(),o.x===d.x&&o.y===d.y)return}else if(t.type==="resize"){if(d.x<0||(M.updateScrollResize(t,e,l),d.w=Math.round((i.size.width-s)/r),d.h=Math.round((i.size.height-m)/l),o.w===d.w&&o.h===d.h)||o._lastTried&&o._lastTried.w===d.w&&o._lastTried.h===d.h)return;let V=i.position.left+s,z=i.position.top+m;d.x=Math.round(V/r),d.y=Math.round(z/l),p=!0}o._event=t,o._lastTried=d;let x={x:i.position.left+s,y:i.position.top+m,w:(i.size?i.size.width:o.w*r)-s-c,h:(i.size?i.size.height:o.h*l)-m-v};if(this.engine.moveNodeCheck(o,tt(Y({},d),{cellWidth:r,cellHeight:l,rect:x,resizing:p}))){o._lastUiPosition=i.position,this.engine.cacheRects(r,l,m,c,v,s),delete o._skipDown,p&&o.subGrid&&o.subGrid.onResize(),this._extraDragRow=0,this._updateContainerHeight();let V=t.target;o._sidebarOrig||this._writePosAttr(V,o),this._gsEventHandler[t.type]&&this._gsEventHandler[t.type](t,V)}}_leave(e,t){t=t||e;let i=t.gridstackNode;if(!i||(t.style.transform=t.style.transformOrigin=null,Et.off(e,"drag"),i._temporaryRemoved))return;i._temporaryRemoved=!0,this.engine.removeNode(i),i.el=i._isExternal&&t?t:e;let o=i._sidebarOrig;i._isExternal&&this.engine.cleanupNode(i),i._sidebarOrig=o,this.opts.removable===!0&&a._itemRemoving(e,!0),e._gridstackNodeOrig?(e.gridstackNode=e._gridstackNodeOrig,delete e._gridstackNodeOrig):i._isExternal&&this.engine.restoreInitial()}commit(){return xd(this,this.batchUpdate(!1),"commit","batchUpdate","5.2"),this}}return a.renderCB=(n,e)=>{n&&e?.content&&(n.textContent=e.content)},a.resizeToContentParent=".grid-stack-item-content",a.Utils=M,a.Engine=lo,a.GDRev="11.5.1",a})();var Ad=["container"],Yu=["*"];function Ku(a,n){}var Qu=["*",[["","empty-content",""]]],Xu=["*","[empty-content]"];function Zu(a,n){a&1&&gn(0,1,["*ngIf","isEmpty"])}function Ju(a,n){}var Pd=(()=>{class a{serialize(){}deserialize(e){this.widgetItem=e,e&&e.input&&Object.assign(this,e.input)}}return a.\u0275fac=function(e){return new(e||a)},a.\u0275prov=lt({token:a,factory:a.\u0275fac}),a})(),Mr=(()=>{class a{constructor(e){this.elementRef=e,this.el._gridItemComp=this}set options(e){let t=this.el.gridstackNode?.grid;t?t.update(this.el,e):this._options=tt(Y({},e),{el:this.el})}get options(){return this.el.gridstackNode||this._options||{el:this.el}}get el(){return this.elementRef.nativeElement}clearOptions(){delete this._options}ngOnDestroy(){this.clearOptions(),delete this.childWidget,delete this.el._gridItemComp,delete this.container,delete this.ref}}return a.\u0275fac=function(e){return new(e||a)(At(Xe))},a.\u0275cmp=H({type:a,selectors:[["gridstack-item"]],viewQuery:function(e,t){if(e&1&&ki(Ad,7,fr),e&2){let i;vi(i=yi())&&(t.container=i.first)}},inputs:{options:"options"},ngContentSelectors:Yu,decls:5,vars:1,consts:[["container",""],[1,"grid-stack-item-content"]],template:function(e,t){e&1&&(sa(),D(0,"div",1),nl(1,Ku,0,0,"ng-template",null,0,vr),gn(3),b(4),W()),e&2&&(C(4),et(" ",t.options.content," "))},styles:["[_nghost-%COMP%]{display:block}"]}),a})(),Qi=(()=>{class a{constructor(e){this.elementRef=e,this.addedCB=new kt,this.changeCB=new kt,this.disableCB=new kt,this.dragCB=new kt,this.dragStartCB=new kt,this.dragStopCB=new kt,this.droppedCB=new kt,this.enableCB=new kt,this.removedCB=new kt,this.resizeCB=new kt,this.resizeStartCB=new kt,this.resizeStopCB=new kt,Ln.addRemoveCB||(Ln.addRemoveCB=em),Ln.saveCB||(Ln.saveCB=tm),this.el._gridComp=this}set options(e){this._grid?this._grid.updateOptions(e):this._options=e}get options(){return this._grid?.opts||this._options||{}}get el(){return this.elementRef.nativeElement}get grid(){return this._grid}static addComponentToSelectorType(e){e.forEach(t=>a.selectorToType[a.getSelector(t)]=t)}static getSelector(e){return ml(e).selector}ngOnInit(){this.loaded=!!this.options?.children?.length,this._grid=Ln.init(this._options,this.el),delete this._options,this.checkEmpty()}ngAfterContentInit(){this._sub=this.gridstackItems?.changes.subscribe(()=>this.updateAll()),this.loaded||this.updateAll(),this.hookEvents(this.grid)}ngOnDestroy(){this.unhookEvents(this._grid),this._sub?.unsubscribe(),this._grid?.destroy(),delete this._grid,delete this.el._gridComp,delete this.container,delete this.ref}updateAll(){if(!this.grid)return;let e=[];this.gridstackItems?.forEach(t=>{e.push(t.options),t.clearOptions()}),this.grid.load(e)}checkEmpty(){this.grid&&(this.isEmpty=!this.grid.engine.nodes.length)}hookEvents(e){e&&e.on("added",(t,i)=>{this.checkEmpty(),this.addedCB.emit({event:t,nodes:i})}).on("change",(t,i)=>this.changeCB.emit({event:t,nodes:i})).on("disable",t=>this.disableCB.emit({event:t})).on("drag",(t,i)=>this.dragCB.emit({event:t,el:i})).on("dragstart",(t,i)=>this.dragStartCB.emit({event:t,el:i})).on("dragstop",(t,i)=>this.dragStopCB.emit({event:t,el:i})).on("dropped",(t,i,o)=>this.droppedCB.emit({event:t,previousNode:i,newNode:o})).on("enable",t=>this.enableCB.emit({event:t})).on("removed",(t,i)=>{this.checkEmpty(),this.removedCB.emit({event:t,nodes:i})}).on("resize",(t,i)=>this.resizeCB.emit({event:t,el:i})).on("resizestart",(t,i)=>this.resizeStartCB.emit({event:t,el:i})).on("resizestop",(t,i)=>this.resizeStopCB.emit({event:t,el:i}))}unhookEvents(e){e&&e.off("added change disable drag dragstart dragstop dropped enable removed resize resizestart resizestop")}}return a.selectorToType={},a.\u0275fac=function(e){return new(e||a)(At(Xe))},a.\u0275cmp=H({type:a,selectors:[["gridstack"]],contentQueries:function(e,t,i){if(e&1&&ol(i,Mr,4),e&2){let o;vi(o=yi())&&(t.gridstackItems=o)}},viewQuery:function(e,t){if(e&1&&ki(Ad,7,fr),e&2){let i;vi(i=yi())&&(t.container=i.first)}},inputs:{options:"options",isEmpty:"isEmpty"},outputs:{addedCB:"addedCB",changeCB:"changeCB",disableCB:"disableCB",dragCB:"dragCB",dragStartCB:"dragStartCB",dragStopCB:"dragStopCB",droppedCB:"droppedCB",enableCB:"enableCB",removedCB:"removedCB",resizeCB:"resizeCB",resizeStartCB:"resizeStartCB",resizeStopCB:"resizeStopCB"},ngContentSelectors:Xu,decls:4,vars:1,consts:[["container",""],[4,"ngIf"]],template:function(e,t){e&1&&(sa(Qu),Va(0,Zu,1,0,"ng-content",1)(1,Ju,0,0,"ng-template",null,0,vr),gn(3)),e&2&&F("ngIf",t.isEmpty)},dependencies:[gl],styles:["[_nghost-%COMP%]{display:block}"]}),a})();function em(a,n,e,t){if(e){if(!a)return;if(t){let i=a.parentElement?._gridItemComp;if(!i)return;let r=(i.childWidget?.container||i.container)?.createComponent(Qi),l=r?.instance;return l?(l.ref=r,l.options=n,l.el):void 0}else{let o=a._gridComp?.container?.createComponent(Mr),r=o?.instance;if(!r)return;r.ref=o;let l=n.selector,d=l?Qi.selectorToType[l]:void 0;if(d){let p=()=>{let c=r.container?.createComponent(d)?.instance;c&&typeof c.serialize=="function"&&typeof c.deserialize=="function"&&(r.childWidget=c,c.deserialize(n))};n.lazyLoad||n.grid?.opts?.lazyLoad&&n.lazyLoad!==!1?n.visibleObservable||(n.visibleObservable=new IntersectionObserver(([c])=>{c.isIntersecting&&(n.visibleObservable?.disconnect(),delete n.visibleObservable,p())}),window.setTimeout(()=>n.visibleObservable?.observe(r.el))):p()}return r.el}}else if(t){let i=n.el?._gridComp;i?.ref?i.ref.destroy():i?.ngOnDestroy()}else{let i=n.el?._gridItemComp;i?.ref?i.ref.destroy():i?.ngOnDestroy()}}function tm(a,n){let e=a.el?._gridItemComp;if(e){let i=e.childWidget?.serialize();i&&(n.input=i);return}let t=a.el?._gridComp}var Od=(()=>{class a{}return a.\u0275fac=function(e){return new(e||a)},a.\u0275mod=di({type:a}),a.\u0275inj=si({imports:[Mr,Qi]}),a})();var Re=(function(a){return a[a.State=0]="State",a[a.Transition=1]="Transition",a[a.Sequence=2]="Sequence",a[a.Group=3]="Group",a[a.Animate=4]="Animate",a[a.Keyframes=5]="Keyframes",a[a.Style=6]="Style",a[a.Trigger=7]="Trigger",a[a.Reference=8]="Reference",a[a.AnimateChild=9]="AnimateChild",a[a.AnimateRef=10]="AnimateRef",a[a.Query=11]="Query",a[a.Stagger=12]="Stagger",a})(Re||{}),Gt="*";function Dr(a,n){return{type:Re.Trigger,name:a,definitions:n,options:{}}}function po(a,n=null){return{type:Re.Animate,styles:n,timings:a}}function Rd(a,n=null){return{type:Re.Sequence,steps:a,options:n}}function bi(a){return{type:Re.Style,styles:a,offset:null}}function Ar(a,n,e=null){return{type:Re.Transition,expr:a,animation:n,options:e}}var gi=class{_onDoneFns=[];_onStartFns=[];_onDestroyFns=[];_originalOnDoneFns=[];_originalOnStartFns=[];_started=!1;_destroyed=!1;_finished=!1;_position=0;parentPlayer=null;totalTime;constructor(n=0,e=0){this.totalTime=n+e}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(n=>n()),this._onDoneFns=[])}onStart(n){this._originalOnStartFns.push(n),this._onStartFns.push(n)}onDone(n){this._originalOnDoneFns.push(n),this._onDoneFns.push(n)}onDestroy(n){this._onDestroyFns.push(n)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(n=>n()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(n=>n()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(n){this._position=this.totalTime?n*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(n){let e=n=="start"?this._onStartFns:this._onDoneFns;e.forEach(t=>t()),e.length=0}},Xi=class{_onDoneFns=[];_onStartFns=[];_finished=!1;_started=!1;_destroyed=!1;_onDestroyFns=[];parentPlayer=null;totalTime=0;players;constructor(n){this.players=n;let e=0,t=0,i=0,o=this.players.length;o==0?queueMicrotask(()=>this._onFinish()):this.players.forEach(r=>{r.onDone(()=>{++e==o&&this._onFinish()}),r.onDestroy(()=>{++t==o&&this._onDestroy()}),r.onStart(()=>{++i==o&&this._onStart()})}),this.totalTime=this.players.reduce((r,l)=>Math.max(r,l.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(n=>n()),this._onDoneFns=[])}init(){this.players.forEach(n=>n.init())}onStart(n){this._onStartFns.push(n)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(n=>n()),this._onStartFns=[])}onDone(n){this._onDoneFns.push(n)}onDestroy(n){this._onDestroyFns.push(n)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(n=>n.play())}pause(){this.players.forEach(n=>n.pause())}restart(){this.players.forEach(n=>n.restart())}finish(){this._onFinish(),this.players.forEach(n=>n.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(n=>n.destroy()),this._onDestroyFns.forEach(n=>n()),this._onDestroyFns=[])}reset(){this.players.forEach(n=>n.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(n){let e=n*this.totalTime;this.players.forEach(t=>{let i=t.totalTime?Math.min(1,e/t.totalTime):1;t.setPosition(i)})}getPosition(){let n=this.players.reduce((e,t)=>e===null||t.totalTime>e.totalTime?t:e,null);return n!=null?n.getPosition():0}beforeDestroy(){this.players.forEach(n=>{n.beforeDestroy&&n.beforeDestroy()})}triggerCallback(n){let e=n=="start"?this._onStartFns:this._onDoneFns;e.forEach(t=>t()),e.length=0}},Vn="!";var nm=(a,n)=>n.id;function am(a,n){if(a&1&&Q(0,"div",4),a&2){let e=n.$index;G();let t=hl(0);ye("background-color",t===e?"var(--mat-sys-on-surface)":"var(--mat-sys-inverse-on-surface)")}}var Id=(()=>{class a{activePage=B();dashboards=B();static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["dashboard-scroller"]],inputs:{activePage:[1,"activePage"],dashboards:[1,"dashboards"]},decls:7,vars:4,consts:[[1,"page-scroll-title","page-scroll-container"],[1,"page-label"],[1,"page-scroll-page-number","page-scroll-container"],[1,"page-marker",3,"background-color"],[1,"page-marker"]],template:function(t,i){if(t&1&&(dl(0),D(1,"div",0)(2,"span",1),b(3),W()(),D(4,"div",2),mt(5,am,1,2,"div",3,nm),W()),t&2){let o=i.dashboards(),r=cl(i.activePage());C(),F("@fadeInOut",r),C(2),Fe(o[r].name),C(),F("@fadeInOut",r),C(),pt(o)}},styles:["[_nghost-%COMP%]{pointer-events:none}.page-scroll-title[_ngcontent-%COMP%]{position:absolute;top:50%;right:54px;transform:translateY(-50%);z-index:100;cursor:default;text-align:center;padding:10px;color:var(--mat-sys-inverse-surface)}.page-scroll-page-number[_ngcontent-%COMP%]{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:100;cursor:default;display:grid;padding:0}.page-scroll-container[_ngcontent-%COMP%]{opacity:0;background-color:var(--mat-sys-tertiary-fixed-dim);border-radius:10px;border:1px solid var(--mat-sys-inverse-surface)}.page-label[_ngcontent-%COMP%]{color:var(--mat-sys-on-surface);text-shadow:1px 1px 0 var(--mat-sys-outline),-1px 1px 0 var(--mat-sys-outline),-1px -1px 0 var(--mat-sys-outline),1px -1px 0 var(--mat-sys-outline);font-size:x-large}.page-marker[_ngcontent-%COMP%]{height:20px;width:20px;margin:4px;border-radius:50%;border:1px solid var(--mat-sys-outline)}"],data:{animation:[Dr("fadeInOut",[Ar(":increment, :decrement",[bi({opacity:0}),po(100,bi({opacity:1})),bi({opacity:1}),po("250ms 1000ms",bi({opacity:0}))])])]}})}return a})();var Se=(()=>{class a extends Pd{widgetProperties;zones$=new Ci([]);DataService=E(Ei);unitsService=E(pi);app=E(Ot);theme=St(this.app.cssThemeColorRoles$,{requireSync:!0});defaultConfig=void 0;dataStream=void 0;dataSubscriptions=void 0;metaSubscriptions=void 0;constructor(){super()}serialize(){return{widgetProperties:this.widgetProperties}}observeMetaStream(){if(this.widgetProperties&&this.widgetProperties.config.paths&&Object.keys(this.widgetProperties.config.paths).length>0){let e=Object.keys(this.widgetProperties.config.paths)[0],t=this.widgetProperties.config.paths[e].path;this.metaSubscriptions=this.DataService.getPathMetaObservable(t).subscribe(i=>{i?i.zones?this.zones$.next(i.zones):this.zones$.next([]):this.zones$.next([])})}}unsubscribeMetaStream(){this.metaSubscriptions?.unsubscribe(),this.metaSubscriptions=void 0}validateConfig(){this.widgetProperties.config=_n(zl(this.defaultConfig,this.widgetProperties.config))}createDataObservable(){if(this.widgetProperties!==void 0){if(Object.keys(this.widgetProperties.config.paths).length==0){this.dataStream=void 0;return}else this.dataStream=[];Object.keys(this.widgetProperties.config.paths).forEach(e=>{typeof this.widgetProperties.config.paths[e].path!="string"||this.widgetProperties.config.paths[e].path==""||this.widgetProperties.config.paths[e].path==null||this.dataStream.push({pathName:e,observable:this.DataService.subscribePath(this.widgetProperties.config.paths[e].path,this.widgetProperties.config.paths[e].source)})})}}observeDataStream(e,t){(this.dataStream===void 0||this.dataStream.length==0)&&this.createDataObservable();let i=this.widgetProperties.config.paths[e].pathType,o=this.widgetProperties.config.paths[e].path,r=this.widgetProperties.config.paths[e].convertUnitTo,l=this.widgetProperties.config.paths[e].sampleTime,d=this.widgetProperties.config.dataTimeout*1e3,p=5e3,s=`[Widget] ${this.widgetProperties.config.displayName} - ${d/1e3} second data update timeout reached for `,c=`[Widget] ${this.widgetProperties.config.displayName} - Retrying in ${p/1e3} secondes`,m=this.buildObserver(e,t),v=this.dataStream.find(S=>S.pathName===e);if(v===void 0)return;let y;i=="number"?this.widgetProperties.config.enableTimeout?y=v.observable.pipe(Zt(S=>({data:{value:this.unitsService.convertToUnit(r,S.data.value),timestamp:S.data.timestamp},state:S.state})),hn(l),lr({each:d,with:()=>sr(()=>{console.log(s+o),this.DataService.timeoutPathObservable(o,i)})}),hr(S=>S.pipe(ur(()=>console.log(c)),cr(()=>dr(p))))):y=v.observable.pipe(Zt(S=>({data:{value:this.unitsService.convertToUnit(r,S.data.value),timestamp:S.data.timestamp},state:S.state})),hn(l)):i=="string"||i=="Date"?this.widgetProperties.config.enableTimeout?y=v.observable.pipe(hn(l),lr({each:d,with:()=>sr(()=>{console.log(s+o),this.DataService.timeoutPathObservable(o,i)})}),hr(S=>S.pipe(ur(()=>console.log(c)),cr(()=>dr(p))))):y=v.observable.pipe(hn(l)):y=v.observable.pipe(hn(l)),this.dataSubscriptions===void 0?this.dataSubscriptions=y.subscribe(m):this.dataSubscriptions.add(y.subscribe(m))}unsubscribeDataStream(){this.dataSubscriptions?.unsubscribe(),this.dataSubscriptions=void 0,this.dataStream=void 0}buildObserver(e,t){return{next:o=>t(o),error:o=>console.error("[Widget] Observer got an error: "+o),complete:()=>console.log("[Widget] Observer got a complete notification: "+e)}}formatWidgetNumberValue(e){return typeof e!="number"||e==null?"":(e=Math.min(Math.max(e,this.widgetProperties.config.displayScale.lower),this.widgetProperties.config.displayScale.upper),e.toFixed(this.widgetProperties.config.numDecimal))}destroyDataStreams(){this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.zones$.complete()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["ng-component"]],inputs:{widgetProperties:"widgetProperties"},features:[de],decls:0,vars:0,template:function(t,i){},encapsulation:2})}return a})();function rm(a,n){if(a&1){let e=K();f(0,"button",0),R("click",function(){P(e);let i=G();return O(i.clickAction("cancel"))}),f(1,"mat-icon",1),b(2,"close"),w(),f(3,"span"),b(4,"Close"),w()()}}var Nd=(()=>{class a{_bottomSheetRef=E(ad);data=E(nd);showCancel=!!(this.data&&this.data.showCancel);clickAction(e){this._bottomSheetRef.dismiss(e)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-host-bottom-sheet"]],decls:12,vars:1,consts:[["mat-list-item","",3,"click"],["matListItemIcon",""],["mat-list-item",""]],template:function(t,i){t&1&&(f(0,"mat-action-list")(1,"button",0),R("click",function(){return i.clickAction("duplicate")}),f(2,"mat-icon",1),b(3,"content_copy"),w(),f(4,"span"),b(5,"Duplicate"),w()(),f(6,"button",0),R("click",function(){return i.clickAction("delete")}),f(7,"mat-icon",1),b(8,"delete_forever"),w(),f(9,"span"),b(10,"Delete"),w()(),Pe(11,rm,5,0,"button",2),w()),t&2&&(C(11),Oe(i.showCancel?11:-1))},dependencies:[Ja,dd,Za,ld,ut,vt],encapsulation:2})}return a})();var sm=["*"],Ce=(()=>{class a{config=$i.required();id=B.required();_dialog=E(Cn);_dashboard=E(ot);_bottomSheet=E(od);constructor(){}openWidgetOptions(e){if(e.stopPropagation(),!this._dashboard.isDashboardStatic()){if(!this.config())return;this._dialog.openWidgetOptions({title:"Widget Options",config:this.config(),confirmBtnText:"Save",cancelBtnText:"Cancel"}).afterClosed().subscribe(t=>{t&&this.config.set(t)})}}openBottomSheet(e){if(e.stopPropagation(),!this._dashboard.isDashboardStatic()){let t=typeof navigator<"u"&&/Linux/.test(navigator.platform)&&/Firefox/.test(navigator.userAgent);this._bottomSheet.open(Nd,t?{disableClose:!0,data:{showCancel:!0}}:{}).afterDismissed().subscribe(o=>{switch(o){case"delete":this._dashboard.deleteWidget(this.id());break;case"duplicate":this._dashboard.duplicateWidget(this.id());break;default:break}})}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-host"]],inputs:{config:[1,"config"],id:[1,"id"]},outputs:{config:"configChange"},ngContentSelectors:sm,decls:2,vars:2,consts:[["kipGestures","","appearance","raised",1,"widget-container","kip-widget-card-colors",3,"doubletap","press"]],template:function(t,i){t&1&&(sa(),f(0,"mat-card",0),R("doubletap",function(r){return i.openWidgetOptions(r)})("press",function(r){return i.openBottomSheet(r)}),gn(1),w()),t&2&&ye("border",i._dashboard.isDashboardStatic()?"":"1px dashed var(--mat-sys-outline)")},dependencies:[id,td,rd,bn],styles:["[_nghost-%COMP%]{width:100%;height:100%;display:block}.widget-container[_ngcontent-%COMP%]{display:block;width:100%;height:100%;margin:0;padding:0}.kip-widget-card-colors[_ngcontent-%COMP%]{background-color:var(--kip-widget-card-background-color)}"]})}return a})();var Wd=(()=>{let n=class n{constructor(t){this.ngZone=t,this.count=0,this.elementMap=new Map,this.observer=null}ngOnDestroy(){this.observer&&this.clearObserver()}observe(t,i,o){this.observer||(this.observer=new ResizeObserver(r=>{for(let l of r){let d=this.elementMap.get(l.target);d&&this.ngZone.run(()=>{d(l)})}})),o==="border-box"?this.observer.observe(t,{box:"border-box"}):this.observer.observe(t),this.count+=1,this.elementMap.set(t,i)}unobserve(t){this.elementMap.get(t)&&this.observer&&(this.observer.unobserve(t),this.elementMap.delete(t),this.count-=1,this.count===0&&this.clearObserver())}clearObserver(){this.observer&&this.observer.disconnect(),this.observer=null,this.count=0,this.elementMap=new Map}};n.\u0275fac=function(i){return new(i||n)(un(Ze))},n.\u0275prov=lt({token:n,factory:n.\u0275fac});let a=n;return a})(),Nt=(()=>{let n=class n{constructor(t,i,o){this.elementRef=t,this.ngxResizeObserverService=i,this.ngZone=o,this.resizeBoxModel="",this.onResize=new kt,this.observing=!1,oa(()=>{this.observe()})}ngOnChanges(t){this.observing&&(t.resizeBoxModel||t.onResize)&&(this.unobserve(),this.observe())}ngOnDestroy(){this.unobserve()}observe(){this.observing||(this.ngxResizeObserverService.observe(this.elementRef.nativeElement,t=>{this.ngZone.run(()=>{this.onResize.emit(t)})},this.resizeBoxModel),this.observing=!0)}unobserve(){this.observing&&(this.ngxResizeObserverService.unobserve(this.elementRef.nativeElement),this.observing=!1)}};n.\u0275fac=function(i){return new(i||n)(At(Xe),At(Wd),At(Ze))},n.\u0275dir=ci({type:n,selectors:[["","onResize",""]],inputs:{resizeBoxModel:"resizeBoxModel"},outputs:{onResize:"onResize"},features:[pn]});let a=n;return a})(),nt=(()=>{let n=class n{};n.\u0275fac=function(i){return new(i||n)},n.\u0275mod=di({type:n}),n.\u0275inj=si({providers:[Wd]});let a=n;return a})();function he(a,n){return{contrast:{color:n.contrast,dim:n.contrastDim,dimmer:n.contrastDimmer},blue:{color:n.blue,dim:n.blueDim,dimmer:n.blueDimmer},green:{color:n.green,dim:n.greenDim,dimmer:n.greenDimmer},pink:{color:n.pink,dim:n.pinkDim,dimmer:n.pinkDimmer},orange:{color:n.orange,dim:n.orangeDim,dimmer:n.orangeDimmer},purple:{color:n.purple,dim:n.purpleDim,dimmer:n.purpleDimmer},yellow:{color:n.yellow,dim:n.yellowDim,dimmer:n.yellowDimmer},grey:{color:n.grey,dim:n.greyDim,dimmer:n.greyDimmer}}[a]}var lm=["canvasMainRef"],Ld=(()=>{class a extends Se{canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;titleBitmap=null;titleBitmapText=null;canvas=E(it);cssWidth=0;cssHeight=0;dataValue=null;labelColor=q(void 0);valueColor=void 0;isDestroyed=!1;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{stringPath:{description:"String Data",path:null,source:null,pathType:"string",isPathConfigurable:!0,sampleTime:500}},color:"contrast",enableTimeout:!1,dataTimeout:5},oe(()=>{this.theme()&&(this.setColors(),this.drawWidget())})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.drawWidget()}}),this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),!this.isDestroyed&&this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.setColors(),this.observeDataStream("stringPath",e=>{this.dataValue=e.data.value,this.drawWidget()})}setColors(){this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color}updateConfig(e){this.widgetProperties.config=e,this.startWidget(),this.drawWidget()}ngOnDestroy(){this.isDestroyed=!0,this.destroyDataStreams();try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}drawWidget(){if(!this.canvasCtx)return;let e=Math.floor(this.cssHeight*.1);(!this.titleBitmap||this.titleBitmap.width!==this.canvasElement.width||this.titleBitmap.height!==this.canvasElement.height||this.titleBitmapText!==this.widgetProperties.config.displayName)&&(this.titleBitmap=this.canvas.createTitleBitmap(this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight),this.titleBitmapText=this.widgetProperties.config.displayName),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.titleBitmap&&this.titleBitmap.width>0&&this.titleBitmap.height>0&&this.canvasCtx.drawImage(this.titleBitmap,0,0,this.cssWidth,this.cssHeight);let t=this.dataValue===null?"--":this.dataValue,i=this.canvas.EDGE_BUFFER||10,o=Math.max(0,this.cssHeight-e-2*i),r=Math.max(0,Math.floor(this.cssWidth-2*i)),l=Math.max(0,Math.floor(o)),d=Math.floor(this.cssWidth/2),p=Math.floor(e+i+o/2);this.canvas.drawText(this.canvasCtx,t,d,p,r,l,"bold",this.valueColor,"center","middle")}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-text"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,lm,5),t&2&&we()},features:[de],decls:3,vars:2,consts:[["canvasMainRef",""],[1,"text-wrapper",3,"configChange","config","id"],[1,"text-canvas"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce,nt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.text-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.text-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block}"]})}return a})();var dm=["widgetDataChart"];Ct.register(On,Pn,En,Dn,Mn,An,pd);var go=(()=>{class a{theme=B.required();color=null;dataPath=null;dataSource=null;convertUnitTo=null;numDecimal=null;yScaleMin=null;yScaleMax=null;inverseYAxis=!1;verticalChart=null;datasetUUID=null;unitsService=E(pi);dsService=E(Rt);ngZone=E(Ze);canvasService=E(it);widgetDataChart=ie("widgetDataChart",{read:Xe});lineChartData={datasets:[]};lineChartOptions={parsing:!1,datasets:{line:{pointRadius:0,pointHoverRadius:0,tension:.4}},animations:{tension:{easing:"easeInOutCubic"}}};lineChartType="line";chart;dsServiceSub=null;datasetConfig=null;dataSourceInfo=null;config={datasetAverageArray:"sma",showAverageData:!1,trackAgainstAverage:!1,startScaleAtZero:!1,yScaleSuggestedMin:null,yScaleSuggestedMax:null,enableMinMaxScaleLimit:!1};constructor(){oe(()=>{this.theme()&&this.datasetConfig&&(this.setChartOptions(),this.setDatasetsColors())})}startChart(){this.datasetUUID&&(this.datasetConfig=this.dsService.getDatasetConfig(this.datasetUUID),this.dataSourceInfo=this.dsService.getDataSourceInfo(this.datasetUUID),this.datasetConfig&&(this.setChartOptions(),this.createDatasets(),this.chart?this.chart.update():this.chart=new Ct(this.widgetDataChart().nativeElement.getContext("2d"),{type:this.lineChartType,data:this.lineChartData,options:this.lineChartOptions}),this.startStreaming()))}setChartOptions(){this.lineChartOptions.maintainAspectRatio=!1,this.lineChartOptions.animation=!1,this.lineChartOptions.indexAxis=this.verticalChart?"y":"x",this.verticalChart?this.lineChartOptions.scales={x:{display:!1,position:"right",suggestedMin:this.config.enableMinMaxScaleLimit?null:this.yScaleMin,suggestedMax:this.config.enableMinMaxScaleLimit?null:this.yScaleMax,min:this.config.enableMinMaxScaleLimit?this.yScaleMin:null,max:this.config.enableMinMaxScaleLimit?this.yScaleMax:null,beginAtZero:this.config.startScaleAtZero,reverse:this.inverseYAxis,title:{display:!1,text:"Value Axis",align:"center"},ticks:{maxTicksLimit:8,precision:this.numDecimal,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!1,color:this.theme().contrastDimmer}},y:{type:"time",display:!1,title:{display:!1},time:{unit:this.datasetConfig.timeScaleFormat,minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'ss"',millisecond:"SSS"}},ticks:{autoSkip:!1,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!1,color:this.theme().contrastDimmer}}}:this.lineChartOptions.scales={x:{type:"time",display:!1,title:{display:!1},time:{unit:this.datasetConfig.timeScaleFormat,minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'ss"',millisecond:"SSS"}},ticks:{autoSkip:!1,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!1,color:this.theme().contrastDimmer}},y:{display:!1,position:"right",suggestedMin:this.config.enableMinMaxScaleLimit?null:this.yScaleMin,suggestedMax:this.config.enableMinMaxScaleLimit?null:this.yScaleMax,min:this.config.enableMinMaxScaleLimit?this.yScaleMin:null,max:this.config.enableMinMaxScaleLimit?this.yScaleMax:null,beginAtZero:this.config.startScaleAtZero,reverse:this.inverseYAxis,title:{display:!1,text:"Value Axis",align:"center"},ticks:{maxTicksLimit:8,precision:this.numDecimal,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!1,color:this.theme().contrastDimmer}}},this.lineChartOptions.plugins={legend:{display:!1}}}createDatasets(){let e=this.lineChartOptions.scales?.y?.reverse?"start":!0;this.lineChartData.datasets=[],this.lineChartData.datasets.push({label:"Value",data:[],order:0,parsing:!1,tension:.4,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:3,fill:e}),this.lineChartData.datasets.push({label:"Average",data:[],order:1,parsing:!1,tension:.4,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:3,fill:e}),this.setDatasetsColors()}setDatasetsColors(){this.lineChartData.datasets.forEach(e=>{e.borderColor=this.getThemeColors().averageLine,e.backgroundColor=this.getThemeColors().averageFill})}getThemeColors(){let e=this.color,t={valueLine:null,valueFill:null,averageLine:null,averageFill:null,averageChartLine:null,chartLabel:null,chartValue:null};switch(e){case"contrast":this.config.trackAgainstAverage?(t.valueLine=this.theme().contrastDimmer,t.valueFill=this.theme().contrastDimmer,t.averageLine=this.theme().contrast,t.averageFill=this.theme().contrast,t.chartValue=t.averageLine):(t.valueLine=this.theme().contrast,t.valueFill=this.theme().contrast,t.averageLine=this.theme().contrastDimmer,t.averageFill=this.theme().contrastDimmer,t.chartValue=this.theme().contrast),t.averageChartLine=this.theme().contrastDim,t.chartLabel=this.theme().contrastDim;break;case"blue":this.config.trackAgainstAverage?(t.valueLine=this.theme().blueDimmer,t.valueFill=this.theme().blueDimmer,t.averageLine=this.theme().blue,t.averageFill=this.theme().blue,t.chartValue=t.averageLine):(t.valueLine=this.theme().blue,t.valueFill=this.theme().blue,t.averageLine=this.theme().blueDimmer,t.averageFill=this.theme().blueDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().blueDim,t.chartLabel=this.theme().contrastDim;break;case"green":this.config.trackAgainstAverage?(t.valueLine=this.theme().greenDimmer,t.valueFill=this.theme().greenDimmer,t.averageLine=this.theme().green,t.averageFill=this.theme().green,t.chartValue=t.averageLine):(t.valueLine=this.theme().green,t.valueFill=this.theme().green,t.averageLine=this.theme().greenDimmer,t.averageFill=this.theme().greenDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().greenDim,t.chartLabel=this.theme().contrastDim;break;case"pink":this.config.trackAgainstAverage?(t.valueLine=this.theme().pinkDimmer,t.valueFill=this.theme().pinkDimmer,t.averageLine=this.theme().pink,t.averageFill=this.theme().pink,t.chartValue=t.averageLine):(t.valueLine=this.theme().pink,t.valueFill=this.theme().pink,t.averageLine=this.theme().pinkDimmer,t.averageFill=this.theme().pinkDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().pinkDim,t.chartLabel=this.theme().contrastDim;break;case"orange":this.config.trackAgainstAverage?(t.valueLine=this.theme().orangeDimmer,t.valueFill=this.theme().orangeDimmer,t.averageLine=this.theme().orange,t.averageFill=this.theme().orange,t.chartValue=t.averageLine):(t.valueLine=this.theme().orange,t.valueFill=this.theme().orange,t.averageLine=this.theme().orangeDimmer,t.averageFill=this.theme().orangeDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().orangeDim,t.chartLabel=this.theme().contrastDim;break;case"purple":this.config.trackAgainstAverage?(t.valueLine=this.theme().purpleDimmer,t.valueFill=this.theme().purpleDimmer,t.averageLine=this.theme().purple,t.averageFill=this.theme().purple,t.chartValue=t.averageLine):(t.valueLine=this.theme().purple,t.valueFill=this.theme().purple,t.averageLine=this.theme().purpleDimmer,t.averageFill=this.theme().purpleDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().purpleDim,t.chartLabel=this.theme().contrastDim;break;case"grey":this.config.trackAgainstAverage?(t.valueLine=this.theme().greyDimmer,t.valueFill=this.theme().greyDimmer,t.averageLine=this.theme().grey,t.averageFill=this.theme().grey,t.chartValue=t.averageLine):(t.valueLine=this.theme().grey,t.valueFill=this.theme().grey,t.averageLine=this.theme().greyDimmer,t.averageFill=this.theme().greyDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().greyDim,t.chartLabel=this.theme().contrastDim;break;case"yellow":this.config.trackAgainstAverage?(t.valueLine=this.theme().yellowDimmer,t.valueFill=this.theme().yellowDimmer,t.averageLine=this.theme().yellow,t.averageFill=this.theme().yellow,t.chartValue=t.averageLine):(t.valueLine=this.theme().yellow,t.valueFill=this.theme().yellow,t.averageLine=this.theme().yellowDimmer,t.averageFill=this.theme().yellowDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().yellowDim,t.chartLabel=this.theme().contrastDim;break}return t}startStreaming(){this.dsServiceSub?.unsubscribe();let e=this.dsService.getDatasetBatchThenLiveObservable(this.datasetUUID);this.dsServiceSub=e?.subscribe(t=>{if(Array.isArray(t)){let i=this.transformDatasetRows(t,0);if(this.chart.data.datasets[0].data.push(...i),this.config.showAverageData){let o=this.transformDatasetRows(t,this.config.datasetAverageArray);this.chart.data.datasets[1].data.push(...o)}}else{let i=this.transformDatasetRows([t],0)[0];if(this.chart.data.datasets[0].data.push(i),this.chart.data.datasets[0].data.length>this.dataSourceInfo.maxDataPoints&&this.chart.data.datasets[0].data.shift(),this.config.showAverageData){let o=this.transformDatasetRows([t],this.config.datasetAverageArray)[0];this.chart.data.datasets[1].data.push(o),this.chart.data.datasets[1].data.length>this.dataSourceInfo.maxDataPoints&&this.chart.data.datasets[1].data.shift()}}this.ngZone.runOutsideAngular(()=>{this.chart?.update("quiet")})})}transformDatasetRows(e,t){let i=l=>this.unitsService.convertToUnit(this.convertUnitTo,l),o=this.verticalChart,r=this.config.datasetAverageArray;return e.map(l=>{if(o){if(t===0)return{x:i(l.data.value),y:l.timestamp};{let d={sma:l.data.sma,ema:l.data.ema,dema:l.data.doubleEma,avg:l.data.lastAverage};return{x:i(d[r]),y:l.timestamp}}}else{if(t===0)return{x:l.timestamp,y:i(l.data.value)};{let d={sma:l.data.sma,ema:l.data.ema,dema:l.data.doubleEma,avg:l.data.lastAverage};return{x:l.timestamp,y:i(d[r])}}}})}ngOnDestroy(){this.dsServiceSub?.unsubscribe(),this.chart?.destroy();let e=this.widgetDataChart?.()?.nativeElement;this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["minichart"]],viewQuery:function(t,i){t&1&&te(i.widgetDataChart,dm,5,Xe),t&2&&we()},inputs:{theme:[1,"theme"]},decls:2,vars:0,consts:[["widgetDataChart",""],[2,"z-index","inherit"]],template:function(t,i){t&1&&Q(0,"canvas",1,0)},styles:["[_nghost-%COMP%]{display:block;width:100%;height:calc(90% - 10px);position:absolute;bottom:0;border-radius:17px;overflow:hidden}"]})}return a})();var cm=["canvasMainRef"];function hm(a,n){if(a&1&&U(0,"minichart",2),a&2){let e=G();F("theme",e.theme())}}var fo=(()=>{class a extends Se{miniChart=ie(go);canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;cssWidth=0;cssHeight=0;backgroundBitmap=null;backgroundBitmapText=null;showMiniChart=q(!1);canvas=E(it);_dataset=E(Rt);dataValue=null;maxValue=null;minValue=null;labelColor=q(void 0);valueColor=void 0;valueStateColor=void 0;maxValueTextWidth=0;maxValueTextHeight=0;maxMinMaxTextWidth=0;maxMinMaxTextHeight=0;flashInterval=null;isDestroyed=!1;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{numericPath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,convertUnitTo:"unitless",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},showMax:!1,showMin:!1,numDecimal:1,showMiniChart:!1,yScaleMin:0,yScaleMax:10,inverseYAxis:!1,verticalChart:!1,color:"contrast",enableTimeout:!1,dataTimeout:5,ignoreZones:!1},oe(()=>{this.theme()&&(this.setColors(),this.drawWidget())})}ngOnInit(){this.validateConfig(),this.showMiniChart.set(this.widgetProperties.config.showMiniChart)}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.calculateMaxMinTextDimensions(),this.drawWidget()}}),this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.calculateMaxMinTextDimensions(),!this.isDestroyed&&(this.manageDatasetAndChart(),this.showMiniChart()&&this.miniChart()&&this.setMiniChart(),this.startWidget())}calculateMaxMinTextDimensions(){this.maxValueTextWidth=Math.floor(this.cssWidth*.85),this.maxValueTextHeight=Math.floor(this.cssHeight*.7),this.maxMinMaxTextWidth=Math.floor(this.cssWidth*.57),this.maxMinMaxTextHeight=Math.floor(this.cssHeight*.1)}startWidget(){this.showMiniChart()&&this.miniChart()&&this.miniChart().startChart(),this.unsubscribeDataStream(),this.minValue=null,this.maxValue=null,this.dataValue=null,this.setColors(),this.observeDataStream("numericPath",e=>{if(this.dataValue=e.data.value,this.minValue===null||this.dataValue<this.minValue?this.minValue=this.dataValue:(this.maxValue===null||this.dataValue>this.maxValue)&&(this.maxValue=this.dataValue),!this.widgetProperties.config.ignoreZones)switch(e.state){case ne.Alarm:this.valueStateColor=this.theme().zoneAlarm;break;case ne.Warn:this.valueStateColor=this.theme().zoneWarn;break;case ne.Alert:this.valueStateColor=this.theme().zoneAlert;break;default:this.valueStateColor=this.valueColor;break}this.drawWidget()})}updateConfig(e){this.widgetProperties.config=e,this.manageDatasetAndChart(),setTimeout(()=>{this.showMiniChart()&&this.miniChart()&&this.setMiniChart(),this.startWidget(),this.drawWidget()})}manageDatasetAndChart(){let e=this.widgetProperties.config.paths.numericPath;!e||!e.path||!e.source||(this.widgetProperties.config.showMiniChart?this._dataset.list().filter(t=>t.uuid===this.widgetProperties.uuid).length===0&&this._dataset.create(e.path,e.source,"minute",.2,`simple-chart-${this.widgetProperties.uuid}`,!0,!1,this.widgetProperties.uuid):this._dataset.list().filter(t=>t.uuid===this.widgetProperties.uuid).forEach(t=>this._dataset.remove(t.uuid)),this.showMiniChart.set(this.widgetProperties.config.showMiniChart))}setMiniChart(){this.miniChart().dataPath=this.widgetProperties.config.paths.numericPath.path,this.miniChart().dataSource=this.widgetProperties.config.paths.numericPath.source,this.miniChart().color=this.widgetProperties.config.color,this.miniChart().convertUnitTo=this.widgetProperties.config.paths.numericPath.convertUnitTo,this.miniChart().numDecimal=this.widgetProperties.config.numDecimal,this.miniChart().yScaleMin=this.widgetProperties.config.yScaleMin,this.miniChart().yScaleMax=this.widgetProperties.config.yScaleMax,this.miniChart().inverseYAxis=this.widgetProperties.config.inverseYAxis,this.miniChart().verticalChart=this.widgetProperties.config.verticalChart,this.miniChart().datasetUUID=this.widgetProperties.uuid}setColors(){this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueStateColor=this.valueColor=he(this.widgetProperties.config.color,this.theme()).color}ngOnDestroy(){this.isDestroyed=!0,this.destroyDataStreams(),this.flashInterval&&(clearInterval(this.flashInterval),this.flashInterval=null),this._dataset.removeIfExists(this.widgetProperties?.uuid,!0);try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}drawWidget(){if(!this.canvasCtx)return;let e=this.widgetProperties.config.paths.numericPath.convertUnitTo,t=10*this.canvas.scaleFactor,i=5*this.canvas.scaleFactor;(!this.backgroundBitmap||this.backgroundBitmap.width!==this.canvasElement.width||this.backgroundBitmap.height!==this.canvasElement.height||this.backgroundBitmapText!==this.widgetProperties.config.displayName+"|"+e)&&(this.backgroundBitmap=this.canvas.renderStaticToBitmap(this.canvasCtx,this.cssWidth,this.cssHeight,o=>{this.canvas.drawTitleInternal(o,this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight,.1),["unitless","percent","ratio","latitudeSec","latitudeMin","longitudeSec","longitudeMin"].includes(e)||this.canvas.drawText(o,e,this.cssWidth-t,this.cssHeight-i,Math.floor(this.cssWidth*.25),Math.floor(this.cssHeight*.15),"bold",this.valueColor,"end","bottom")}),this.backgroundBitmapText=this.widgetProperties.config.displayName+"|"+e),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.backgroundBitmap&&this.backgroundBitmap.width>0&&this.backgroundBitmap.height>0&&this.canvasCtx.drawImage(this.backgroundBitmap,0,0,this.cssWidth,this.cssHeight),this.drawValue(),(this.widgetProperties.config.showMax||this.widgetProperties.config.showMin)&&this.drawMinMax()}drawValue(){let e=this.getValueText();this.canvas.drawText(this.canvasCtx,e,Math.floor(this.cssWidth/2),Math.floor(this.cssHeight/2*1.15),this.maxValueTextWidth,this.maxValueTextHeight,"bold",this.valueStateColor)}getValueText(){if(this.dataValue===null)return"--";let e=this.widgetProperties.config.paths.numericPath.convertUnitTo;return["latitudeSec","latitudeMin","longitudeSec","longitudeMin","D HH:MM:SS"].includes(e)?this.dataValue.toString():this.applyDecorations(this.dataValue.toFixed(this.widgetProperties.config.numDecimal))}drawMinMax(){if(!this.widgetProperties.config.showMin&&!this.widgetProperties.config.showMax)return;let e="";this.widgetProperties.config.showMin&&(e=this.minValue!=null?` Min: ${this.applyDecorations(this.minValue.toFixed(this.widgetProperties.config.numDecimal))}`:" Min: --"),this.widgetProperties.config.showMax&&(e+=this.maxValue!=null?` Max: ${this.applyDecorations(this.maxValue.toFixed(this.widgetProperties.config.numDecimal))}`:" Max: --"),e=e.trim();let t=10*this.canvas.scaleFactor,i=5*this.canvas.scaleFactor,o=this.cssHeight;this.canvas.drawText(this.canvasCtx,e,t,Math.floor(o-i),this.maxMinMaxTextWidth,this.maxMinMaxTextHeight,"normal",this.valueColor,"start","bottom")}applyDecorations(e){switch(this.widgetProperties.config.paths.numericPath.convertUnitTo){case"percent":case"percentraw":e+="%";break;default:break}return e}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-numeric"]],viewQuery:function(t,i){t&1&&(te(i.miniChart,go,5),te(i.canvasMainRef,cm,5)),t&2&&we(2)},features:[de],decls:4,vars:3,consts:[["canvasMainRef",""],[1,"numeric-wrapper",3,"configChange","config","id"],[3,"theme"],[1,"numeric-canvas"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),Pe(1,hm,1,1,"minichart",2),U(2,"canvas",3,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),Oe(i.showMiniChart()?1:-1))},dependencies:[Ce,nt,go],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.numeric-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.numeric-canvas[_ngcontent-%COMP%]{position:relative;width:100%!important;height:100%!important;display:block}"]})}return a})();var um=["canvasMainRef"],vo=(()=>{class a extends Se{canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;titleBitmap=null;titleBitmapText=null;canvas=E(it);cssWidth=0;cssHeight=0;dataValue=null;_timeZoneGTM="";isDestroyed=!1;labelColor=q(void 0);valueColor=void 0;maxTextWidth=0;maxTextHeight=0;constructor(){super(),this.defaultConfig={displayName:"Time Label",filterSelfPaths:!0,paths:{gaugePath:{description:"String Data",path:null,source:null,pathType:"Date",isPathConfigurable:!0,sampleTime:500}},dateFormat:"dd/MM/yyyy HH:mm:ss",dateTimezone:"Atlantic/Azores",color:"contrast",enableTimeout:!1,dataTimeout:5},oe(()=>{this.theme()&&(this.setColors(),this.drawWidget())})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.maxTextWidth=Math.floor(this.cssWidth*.85),this.maxTextHeight=Math.floor(this.cssHeight*.7),this.drawWidget()}}),!this.isDestroyed&&(this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.maxTextWidth=Math.floor(this.canvasElement.width*.85),this.maxTextHeight=Math.floor(this.canvasElement.height*.7),this.startWidget())}startWidget(){this._timeZoneGTM=this.getGMTOffset(this.widgetProperties.config.dateTimezone),this.unsubscribeDataStream(),this.setColors(),this.observeDataStream("gaugePath",e=>{this.dataValue=e.data.value,this.drawWidget()})}updateConfig(e){this.widgetProperties.config=e,this.startWidget(),this.drawWidget()}ngOnDestroy(){this.isDestroyed=!0,this.destroyDataStreams();try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}getGMTOffset(e){try{if(e==="System Timezone -")return"";let o=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"short"}).formatToParts(new Date).find(r=>r.type==="timeZoneName");return o?o.value:"GMT"}catch(t){return console.error(`Error getting GMT offset for timezone "${e}":`,t),"GMT"}}setColors(){this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color}drawWidget(){if(!this.canvasCtx)return;(!this.titleBitmap||this.titleBitmap.width!==this.canvasElement.width||this.titleBitmap.height!==this.canvasElement.height||this.titleBitmapText!==this.widgetProperties.config.displayName)&&(this.titleBitmap=this.canvas.createTitleBitmap(this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight),this.titleBitmapText=this.widgetProperties.config.displayName),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.titleBitmap&&this.titleBitmap.width>0&&this.titleBitmap.height>0&&this.canvasCtx.drawImage(this.titleBitmap,0,0,this.cssWidth,this.cssHeight);let e;if(isNaN(Date.parse(this.dataValue)))e="--";else try{e=pl(this.dataValue,this.widgetProperties.config.dateFormat,"en-US",this._timeZoneGTM)}catch(t){e=t,console.log("[Date Time Widget]: "+t)}this.canvas.drawText(this.canvasCtx,e,Math.floor(this.cssWidth/2),Math.floor(this.cssHeight/2*1.15),this.maxTextWidth,this.maxTextHeight,"bold",this.valueColor)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-datetime"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,um,5),t&2&&we()},features:[de],decls:3,vars:2,consts:[["canvasMainRef",""],[1,"date-wrapper",3,"configChange","config","id"],[1,"date-canvas"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce,nt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%;overflow:hidden}.date-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block}.date-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}"]})}return a})();var Pr={200:"The request was successfully.",202:"Request accepted and pending completion.",400:"Something is wrong with the client's request.",401:"Login failed. Your User ID or Password is incorrect.",403:"DENIED: Authorization with R/W or Admin permission level is required to send commands. Configure Sign In credential.",405:"The server does not support the request.",500:"The request failed.",502:"Something went wrong carrying out the request on the server.",504:"Timeout on the server side trying to carry out the request."},qt=(()=>{class a{signalKDeltaService=E(Ti);appSettingsService=E(Pt);appService=E(Ot);auth=E(Ht);requestStatus$=new Xt;requests=[];constructor(){this.signalKDeltaService.subscribeRequestUpdates().pipe(ft()).subscribe(e=>{this.updateRequest(e)})}requestDeviceAccessToken(){let e=ui.create(),t={requestId:e,accessRequest:{clientId:this.appSettingsService.KipUUID,description:"KIP Instrument MDF",permissions:"admin"}};console.log("[Request Service] Requesting Device Authorization Token"),this.signalKDeltaService.publishDelta(t);let i={requestId:e,state:null,statusCode:null};return this.requests.push(i),e}requestUserLogin(e,t){let i=ui.create(),o={requestId:i,login:{username:e,password:t}};console.log("[Request Service] Requesting User Login"),this.signalKDeltaService.publishDelta(o);let r={requestId:i,state:null,statusCode:null};return this.requests.push(r),i}putRequest(e,t,i){if(typeof t>"u")return console.error("[Request Service] Undefined value for PUT request"),null;if(!e)return console.error("[Request Service] Path is required for PUT request"),null;let o=ui.create(),r=e.replace(/^(self\.)/,""),d={context:"vessels.self",requestId:o,put:{path:r,value:t}};this.signalKDeltaService.publishDelta(d);let p={requestId:o,state:null,statusCode:null,widgetUUID:i};return this.requests.push(p),o}updateRequest(e){let t=this.requests.findIndex(i=>i.requestId==e.requestId);if(t>-1){this.requests[t].state=e.state,this.requests[t].statusCode=e.statusCode,this.requests[t].message=e.message;let i=Pr[e.statusCode];if(typeof i<"u"&&(this.requests[t].statusCode==200||this.requests[t].statusCode==202||this.requests[t].statusCode==400||this.requests[t].statusCode==401||this.requests[t].statusCode==403||this.requests[t].statusCode==405)){if(this.requests[t].statusCodeDescription=i,this.requests[t].statusCode==202){console.log("[Request Service] Async 202 response received");return}this.requests[t].statusCode==400&&(this.appService.sendSnackbarNotification(this.requests[t].message),console.log("[Request Service] "+this.requests[t].message)),this.requests[t].statusCode==403&&console.warn("[Request Service] Status Code: "+this.requests[t].statusCode+" - "+this.requests[t].statusCodeDescription),this.requests[t].statusCode==405&&console.error("[Request Service] Status Code: "+this.requests[t].statusCode+" - "+this.requests[t].message),e.accessRequest!==void 0&&e.accessRequest.token!==void 0?(this.appService.sendSnackbarNotification(e.accessRequest.permission+": Device Access Token received from server."),console.log(`[Request Service] ${e.accessRequest.permission}: Device Access Token received`),this.auth.setDeviceAccessToken(e.accessRequest.token)):e.login!==void 0&&e.login.token}else this.appService.sendSnackbarNotification("ERROR: Unknown Request Status Code received: "+this.requests[t].statusCode+" - "+Pr[this.requests[t].statusCode]+" - "+this.requests[t].message),console.error("[Request Service] Unknown Request Status Code received: "+this.requests[t].statusCode+" - "+Pr[this.requests[t].statusCode]+" - "+this.requests[t].message);try{this.requestStatus$.next(this.requests[t]),this.requests.splice(t,1)}catch(o){this.requestStatus$.error(o),console.error("[Request Service] "+o),this.requests=[]}}else this.appService.sendSnackbarNotification(`ERROR: A request message that contains an unknown Request ID was received. Request Delta:
|
|
4
|
+
`+JSON.stringify(e)),console.error(`[Request Service] A Request message that contains an unknown Request ID was received. from delta:
|
|
5
|
+
`+JSON.stringify(e))}subscribeRequest(){return this.requestStatus$.asObservable()}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();var Vd=(()=>{class a{data=B(null,{alias:"controlData"});theme=B(null);dimensions=B.required();toggleClick=vn();toggleOff="0 35 180 35";toggleOn="0 0 180 35";ctrlState=null;ctrlColor="";oldTheme=null;viewBox=this.toggleOff;labelColor=null;valueColor=null;constructor(){}ngDoCheck(){let e=this.data();e.value!=this.ctrlState&&(this.ctrlState=e.value,this.viewBox=e.value?this.toggleOn:this.toggleOff),e.color!=this.ctrlColor&&(this.ctrlColor=e.color,this.getColors(e.color));let t=this.theme();this.oldTheme!=t&&(this.oldTheme=t,this.getColors(e.color))}toggle(e){let t=this.data();t.value=e,this.toggleClick.emit(t)}getColors(e){switch(e){case"contrast":this.labelColor=this.theme().contrastDim,this.valueColor=this.theme().contrast;break;case"blue":this.labelColor=this.theme().blueDim,this.valueColor=this.theme().blue;break;case"green":this.labelColor=this.theme().greenDim,this.valueColor=this.theme().green;break;case"pink":this.labelColor=this.theme().pinkDim,this.valueColor=this.theme().pink;break;case"orange":this.labelColor=this.theme().orangeDim,this.valueColor=this.theme().orange;break;case"purple":this.labelColor=this.theme().purpleDim,this.valueColor=this.theme().purple;break;case"grey":this.labelColor=this.theme().greyDim,this.valueColor=this.theme().grey;break;case"yellow":this.labelColor=this.theme().yellowDim,this.valueColor=this.theme().yellow;break;default:this.labelColor=this.theme().contrastDim,this.valueColor=this.theme().contrast;break}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["app-svg-boolean-light"]],inputs:{data:[1,"controlData","data"],theme:[1,"theme"],dimensions:[1,"dimensions"]},outputs:{toggleClick:"toggleClick"},decls:26,vars:8,consts:[["version","1.1","id","svg9","xmlns","http://www.w3.org/2000/svg",0,"xmlns","svg","http://www.w3.org/2000/svg"],["id","defs1"],["id","linearGradient32"],["offset","0","id","stop32",2,"stop-color","#000000","stop-opacity","0.88486844"],["offset","1","id","stop33",2,"stop-color","#f7f7f7","stop-opacity","0.17763157"],[0,"xlink","href","#linearGradient32","id","linearGradient33","x1","7.0431595","y1","17.869596","x2","39.043159","y2","17.869596","gradientUnits","userSpaceOnUse"],["id","disabled","transform","translate(0,35)"],["width","180","height","35","id","rect1-5","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["x","0","y","0","width","175","height","35","viewBox","0 0 175 35"],["id","text1-5","x","47.083984","y","22.636719",2,"text-align","center","font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["transform","translate(6,2)","id","disabledToogleControl"],["cx","18","cy","16","fill","#9f9f9f","id","circle3-7","r","13.5",2,"stroke-width","5","stroke","url(#linearGradient33)","stroke-opacity","0.2","stroke-dasharray","none"],["id","enabled"],["width","180","height","35","id","rect1","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["id","glow","x","-50%","y","-50%","width","200%","height","200%"],["stdDeviation","2.5","result","coloredBlur"],["in","coloredBlur"],["in","SourceGraphic"],["filter","url(#glow)","id","text1","x","47.083984","y","22.636719",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["transform","translate(6,2)","id","enabledToogleControl"],["filter","url(#glow)","cx","18","cy","16","id","circle3","r","13.5",2,"stroke","url(#linearGradient33)","stroke-width","5","stroke-opacity","0.2","stroke-dasharray","none"]],template:function(t,i){t&1&&(Z(),D(0,"svg",0)(1,"defs",1)(2,"linearGradient",2),Q(3,"stop",3)(4,"stop",4),W(),Q(5,"linearGradient",5),W(),D(6,"g",6),Q(7,"rect",7),D(8,"svg",8)(9,"text",9),b(10),W()(),D(11,"g",10),Q(12,"circle",11),W()(),D(13,"g",12),Q(14,"rect",13),D(15,"svg",8)(16,"defs")(17,"filter",14),Q(18,"feGaussianBlur",15),D(19,"feMerge"),Q(20,"feMergeNode",16)(21,"feMergeNode",17),W()()(),D(22,"text",18),b(23),W()(),D(24,"g",19),Q(25,"circle",20),W()()()),t&2&&(ee("height",i.dimensions().height)("width",i.dimensions().width)("viewBox",i.viewBox),C(9),ee("fill",i.labelColor),C(),et(" ",i.data().ctrlLabel," "),C(12),ee("fill",i.valueColor),C(),et("",i.data().ctrlLabel," "),C(2),ee("fill",i.valueColor))},encapsulation:2})}return a})();var Bd=(()=>{class a{data=B(null,{alias:"controlData"});theme=B(null);dimensions=B.required();toggleClick=vn();toggleOff="0 35 180 35";toggleOn="0 0 180 35";oldTheme=null;holdTimeoutId=null;emitIntervalId=null;pressed=!1;isSwiping=!1;pointerStartX=0;pointerStartY=0;viewBox=this.toggleOff;labelColorEnabled=null;labelColorDisabled=null;valueColor=null;ctrlColor="";ngDoCheck(){this.viewBox=this.pressed?this.toggleOn:this.toggleOff;let e=this.data();e.color!=this.ctrlColor&&(this.ctrlColor=e.color,this.getColors(e.color));let t=this.theme();this.oldTheme!=t&&(this.oldTheme=t,this.getColors(this.data().color))}handleClickDown(e){this.isSwiping=!1,this.pointerStartX=e.clientX,this.pointerStartY=e.clientY,this.clearTimers(),this.holdTimeoutId=setTimeout(()=>{if(!this.isSwiping){this.pressed=!0;let t=_n(this.data());t.value=this.pressed,this.toggleClick.emit(t),this.emitIntervalId=setInterval(()=>{this.toggleClick.emit(t)},100)}},200)}handlePointerMove(e){let t=Math.abs(e.clientX-this.pointerStartX),i=Math.abs(e.clientY-this.pointerStartY);(t>30||i>30)&&(this.isSwiping=!0,this.holdTimeoutId&&(clearTimeout(this.holdTimeoutId),this.holdTimeoutId=null))}handleClickUp(){if(this.isSwiping){this.isSwiping=!1;return}this.pressed=!1,this.emitIntervalId&&(clearInterval(this.emitIntervalId),this.emitIntervalId=null),this.holdTimeoutId&&(clearTimeout(this.holdTimeoutId),this.holdTimeoutId=null)}getColors(e){switch(e){case"contrast":this.labelColorEnabled="black",this.labelColorDisabled=this.theme().contrastDim,this.valueColor=this.theme().contrast;break;case"blue":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().blueDim,this.valueColor=this.theme().blue;break;case"green":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().greenDim,this.valueColor=this.theme().green;break;case"pink":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().pinkDim,this.valueColor=this.theme().pink;break;case"orange":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().orangeDim,this.valueColor=this.theme().orange;break;case"purple":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().purpleDim,this.valueColor=this.theme().purple;break;case"grey":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().greyDim,this.valueColor=this.theme().grey;break;case"yellow":this.labelColorEnabled=this.theme().contrast,this.labelColorDisabled=this.theme().yellowDim,this.valueColor=this.theme().yellow;break;default:this.labelColorEnabled="black",this.labelColorDisabled=this.theme().contrastDim,this.valueColor=this.theme().contrast;break}}clearTimers(){this.holdTimeoutId&&(clearTimeout(this.holdTimeoutId),this.holdTimeoutId=null),this.emitIntervalId&&(clearInterval(this.emitIntervalId),this.emitIntervalId=null)}ngOnDestroy(){this.clearTimers()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["app-svg-boolean-button"]],inputs:{data:[1,"controlData","data"],theme:[1,"theme"],dimensions:[1,"dimensions"]},outputs:{toggleClick:"toggleClick"},decls:15,vars:8,consts:[["version","1.1","id","svg9","xmlns","http://www.w3.org/2000/svg",0,"xmlns","svg","http://www.w3.org/2000/svg"],["id","defs9"],[3,"pointerup","pointerleave","pointerdown","pointermove"],["id","disabled","transform","translate(0,35)"],["id","clickRecDisabled","width","180","height","35","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["id","buttonDisabled","width","165.02518","height","25.025183","rx","3.6672263","x","7.4874101","y","4.9874086",2,"display","inline","mix-blend-mode","normal","fill","#9f9f9f","fill-opacity","0.972549","stroke","#ffffff","stroke-width","1.5","stroke-dasharray","none","stroke-opacity","0.2"],["x","12","y","0","width","156","height","35","viewBox","0 0 156 35"],["id","textDisabled","x","77.968102","y","22",2,"text-anchor","middle","text-align","center","font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["id","enabled"],["width","180","height","35","id","rect1","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["id","buttonEnabled","width","165.02518","height","25.025183","rx","3.6672263","x","5.9874086","y","4.9874086","transform","translate(1.5)",2,"display","inline","opacity","1","mix-blend-mode","normal","stroke","#000000","stroke-width","1.5","stroke-dasharray","none","stroke-opacity","0.2"],["id","textEnabled","x","77.968102","y","22",2,"text-anchor","middle","text-align","center","font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"]],template:function(t,i){t&1&&(Z(),D(0,"svg",0),Q(1,"defs",1),D(2,"g",2),ra("pointerup",function(){return i.handleClickUp()})("pointerleave",function(){return i.handleClickUp()})("pointerdown",function(r){return i.handleClickDown(r)})("pointermove",function(r){return i.handlePointerMove(r)}),D(3,"g",3),Q(4,"rect",4)(5,"rect",5),D(6,"svg",6)(7,"text",7),b(8),W()()(),D(9,"g",8),Q(10,"rect",9)(11,"rect",10),D(12,"svg",6)(13,"text",11),b(14),W()()()()()),t&2&&(ee("height",i.dimensions().height)("width",i.dimensions().width)("viewBox",i.viewBox),C(7),ee("fill",i.labelColorDisabled),C(),et(" ",i.data().ctrlLabel," "),C(3),ee("fill",i.valueColor),C(2),ee("fill",i.labelColorEnabled),C(),et(" ",i.data().ctrlLabel," "))},encapsulation:2})}return a})();var zd=(()=>{class a{data=B(null,{alias:"controlData"});theme=B(null);dimensions=B.required();toggleClick=vn();toggleOff="0 35 180 35";toggleOn="0 0 180 35";ctrlState=null;oldTheme=null;isSwiping=!1;pointerStartX=0;pointerStartY=0;viewBox=this.toggleOff;labelColor=null;valueColor=null;ctrlColor="";constructor(){}ngDoCheck(){let e=this.data();e.value!=this.ctrlState&&(this.ctrlState=e.value,this.viewBox=e.value?this.toggleOn:this.toggleOff),e.color!=this.ctrlColor&&(this.ctrlColor=e.color,this.getColors(e.color));let t=this.theme();this.oldTheme!=t&&(this.oldTheme=t,this.getColors(e.color))}onPointerDown(e){this.isSwiping=!1,this.pointerStartX=e.clientX,this.pointerStartY=e.clientY}onPointerMove(e){let t=Math.abs(e.clientX-this.pointerStartX),i=Math.abs(e.clientY-this.pointerStartY);(t>30||i>30)&&(this.isSwiping=!0)}onPointerUp(e,t){if(this.isSwiping){this.isSwiping=!1;return}this.toggle(t)}toggle(e){let t=this.data();t.value=e,this.toggleClick.emit(t)}getColors(e){switch(e){case"contrast":this.labelColor=this.theme().contrastDim,this.valueColor=this.theme().contrast;break;case"blue":this.labelColor=this.theme().blueDim,this.valueColor=this.theme().blue;break;case"green":this.labelColor=this.theme().greenDim,this.valueColor=this.theme().green;break;case"pink":this.labelColor=this.theme().pinkDim,this.valueColor=this.theme().pink;break;case"orange":this.labelColor=this.theme().orangeDim,this.valueColor=this.theme().orange;break;case"purple":this.labelColor=this.theme().purpleDim,this.valueColor=this.theme().purple;break;case"grey":this.labelColor=this.theme().greyDim,this.valueColor=this.theme().grey;break;case"yellow":this.labelColor=this.theme().yellowDim,this.valueColor=this.theme().yellow;break;default:this.labelColor=this.theme().contrastDim,this.valueColor=this.theme().contrast;break}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["app-svg-boolean-switch"]],inputs:{data:[1,"controlData","data"],theme:[1,"theme"],dimensions:[1,"dimensions"]},outputs:{toggleClick:"toggleClick"},decls:24,vars:8,consts:[["version","1.1","id","svg9","xmlns","http://www.w3.org/2000/svg",0,"xmlns","svg","http://www.w3.org/2000/svg"],["id","defs9"],["id","disabled","transform","translate(0,35)",3,"pointerdown","pointermove","pointerup"],["width","180","height","35","id","rect1-5","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["x","0","y","0","width","175","height","35","viewBox","0 0 175 35"],["id","text1-5","x","47.083984","y","22.636719",2,"text-align","center","font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["transform","translate(6,2)","id","disabledToogleControl"],["width","37.714306","height","22","rx","10.999999","id","rect3-4","x","0","y","5",2,"stroke-width","1.57144","fill","#9f9f9f","fill-opacity","0.97216702"],["cx","11.5","cy","16","fill","#ffffff","id","circle3-7","r","10",2,"stroke-width","1.5","stroke","black","stroke-opacity","0.2","stroke-dasharray","none"],["id","enabled",3,"pointerdown","pointermove","pointerup"],["width","180","height","35","id","rect1","x","0","y","0",2,"display","inline","opacity","1","fill","black","fill-opacity","0","stroke","none","stroke-width","0","stroke-dasharray","none","stroke-opacity","1"],["id","glow","x","-50%","y","-50%","width","200%","height","200%"],["stdDeviation","2.5","result","coloredBlur"],["in","coloredBlur"],["in","SourceGraphic"],["filter","url(#glow)","id","text1","x","47.083984","y","22.636719",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","14px","font-family","arial","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["transform","translate(6,2)","id","enabledToogleControl"],["filter","url(#glow)","width","37.714306","height","22","rx","10.999999","id","rect3","x","0","y","5",2,"stroke-width","1.57144"],["cx","26.5","cy","16","fill","#ffffff","id","circle3","r","10",2,"stroke-width","1.5","stroke","black","stroke-opacity","0.2","stroke-dasharray","none"]],template:function(t,i){t&1&&(Z(),D(0,"svg",0),Q(1,"defs",1),D(2,"g",2),ra("pointerdown",function(r){return i.onPointerDown(r)})("pointermove",function(r){return i.onPointerMove(r)})("pointerup",function(r){return i.onPointerUp(r,!0)}),Q(3,"rect",3),D(4,"svg",4)(5,"text",5),b(6),W()(),D(7,"g",6),Q(8,"rect",7)(9,"circle",8),W()(),D(10,"g",9),ra("pointerdown",function(r){return i.onPointerDown(r)})("pointermove",function(r){return i.onPointerMove(r)})("pointerup",function(r){return i.onPointerUp(r,!1)}),Q(11,"rect",10),D(12,"svg",4)(13,"defs")(14,"filter",11),Q(15,"feGaussianBlur",12),D(16,"feMerge"),Q(17,"feMergeNode",13)(18,"feMergeNode",14),W()()(),D(19,"text",15),b(20),W()(),D(21,"g",16),Q(22,"rect",17)(23,"circle",18),W()()()),t&2&&(ee("height",i.dimensions().height)("width",i.dimensions().width)("viewBox",i.viewBox),C(5),ee("fill",i.labelColor),C(),et(" ",i.data().ctrlLabel," "),C(13),ee("fill",i.valueColor),C(),et("",i.data().ctrlLabel," "),C(2),ee("fill",i.valueColor))},encapsulation:2})}return a})();var mm=["canvas"],yo=(()=>{class a{text=B.required();color=B.required();canvasRef=ie.required("canvas");canvas=E(it);canvasElement;canvasCtx;isReady=!1;cssWidth=0;cssHeight=0;constructor(){}ngAfterViewInit(){this.canvasElement=this.canvasRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.drawTitle()}}),this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.isReady=!0,this.drawTitle()}ngOnChanges(e){(e.text||e.color)&&this.drawTitle()}drawTitle(){this.isReady&&this.canvas.drawTitle(this.canvasCtx,this.text(),this.color(),"normal",this.cssWidth,this.cssHeight)}ngOnDestroy(){try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}this.canvasCtx=null,this.canvasElement=null}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-title"]],viewQuery:function(t,i){t&1&&te(i.canvasRef,mm,5),t&2&&we()},inputs:{text:[1,"text"],color:[1,"color"]},features:[pn],decls:3,vars:0,consts:[["canvas",""],[1,"title-wrapper"],[1,"title-canvas"]],template:function(t,i){t&1&&(D(0,"div",1),Q(1,"canvas",2,0),W())},dependencies:[nt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%;z-index:10}.title-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.title-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block}"]})}return a})();function pm(a,n){if(a&1){let e=K();f(0,"app-svg-boolean-switch",6),R("toggleClick",function(i){P(e);let o=G(2);return O(o.toggle(i))}),w()}if(a&2){let e=G().$implicit,t=G();F("controlData",e)("theme",t.theme())("dimensions",t.ctrlDimensions)}}function gm(a,n){if(a&1){let e=K();f(0,"app-svg-boolean-button",6),R("toggleClick",function(i){P(e);let o=G(2);return O(o.toggle(i))}),w()}if(a&2){let e=G().$implicit,t=G();F("controlData",e)("theme",t.theme())("dimensions",t.ctrlDimensions)}}function fm(a,n){if(a&1){let e=K();f(0,"app-svg-boolean-light",6),R("toggleClick",function(i){P(e);let o=G(2);return O(o.toggle(i))}),w()}if(a&2){let e=G().$implicit,t=G();F("controlData",e)("theme",t.theme())("dimensions",t.ctrlDimensions)}}function vm(a,n){if(a&1&&(Ba(0),Pe(1,pm,1,3,"app-svg-boolean-switch",5)(2,gm,1,3,"app-svg-boolean-button",5)(3,fm,1,3,"app-svg-boolean-light",5),za()),a&2){let e,t=n.$implicit;C(),Oe((e=t.type)==="1"?1:e==="2"?2:e==="3"?3:-1)}}function ym(a,n){a&1&&U(0,"div",4)}var Fd=(()=>{class a extends Se{dashboard=E(ot);signalkRequestsService=E(qt);appService=E(Ot);switchControls=q([]);skRequestSub=new Pa;labelColor=q(void 0);nbCtrl=null;ctrlDimensions={width:0,height:0};constructor(){super(),this.defaultConfig={displayName:"Switch Panel Label",filterSelfPaths:!0,paths:[],enableTimeout:!1,dataTimeout:5,color:"contrast",putEnable:!0,putMomentary:!1,multiChildCtrls:[]},oe(()=>{this.theme()&&this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim)})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.startWidget()}startWidget(){this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.nbCtrl=this.widgetProperties.config.multiChildCtrls.length,this.switchControls.set([]),this.widgetProperties.config.multiChildCtrls.forEach(e=>{e.isNumeric||(e.isNumeric=!1),this.switchControls().push(Y({},e))}),this.unsubscribeDataStream();for(let e in this.switchControls())if(Object.prototype.hasOwnProperty.call(this.switchControls(),e)){let t=this.switchControls()[e];this.observeDataStream(e,i=>{t.isNumeric?[0,1,null].includes(i.data.value)&&(t.value=!!i.data.value):t.value=i.data.value})}this.skRequestSub?.unsubscribe(),this.subscribeSKRequest()}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}onResized(e){let t=e.contentRect.height/this.nbCtrl,i=35*e.contentRect.width/180,o=i<t?i:t;this.ctrlDimensions={width:e.contentRect.width,height:o}}subscribeSKRequest(){this.skRequestSub=this.signalkRequestsService.subscribeRequest().subscribe(e=>{if(e.widgetUUID==this.widgetProperties.uuid){let t=`Toggle Widget ${this.widgetProperties.config.displayName}: `;e.statusCode!=200&&(e.message?t+=e.message:t+=e.statusCode+" - "+e.statusCodeDescription,this.appService.sendSnackbarNotification(t,0))}})}toggle(e){let i=this.widgetProperties.config.paths.findIndex(o=>o.pathID==e.pathID);e.isNumeric?this.signalkRequestsService.putRequest(this.widgetProperties.config.paths[i].path,e.value?1:0,this.widgetProperties.uuid):this.signalkRequestsService.putRequest(this.widgetProperties.config.paths[i].path,e.value,this.widgetProperties.uuid)}ngOnDestroy(){this.destroyDataStreams(),this.skRequestSub?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-boolean-switch"]],features:[de],decls:7,vars:5,consts:[["widgetContainer",""],[3,"configChange","config","id"],[3,"text","color"],[1,"widgets-container",3,"onResize"],[1,"widgetOverlay"],[1,"svg-widget",3,"controlData","theme","dimensions"],[1,"svg-widget",3,"toggleClick","controlData","theme","dimensions"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"widget-title",2),f(2,"div",3,0),R("onResize",function(l){return P(o),O(i.onResized(l))}),mt(4,vm,4,1,"ng-container",null,xt),w(),Pe(6,ym,1,0,"div",4),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("text",i.widgetProperties.config.displayName)("color",i.labelColor()),C(3),pt(i.switchControls()),C(2),Oe(i.dashboard.isDashboardStatic()?-1:6))},dependencies:[Ce,nt,Nt,zd,Bd,Vd,yo],styles:[".widgets-container[_ngcontent-%COMP%]{display:block;position:absolute;left:0;right:0;top:15%;height:85%;width:100%;overflow:hidden;z-index:20}.svg-widget[_ngcontent-%COMP%]{display:flex}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent;z-index:21}"]})}return a})();var Hd="mat-badge-content",bm=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["ng-component"]],decls:0,vars:0,template:function(t,i){},styles:[`.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;pointer-events:none;background-color:var(--mat-badge-background-color, var(--mat-sys-error));color:var(--mat-badge-text-color, var(--mat-sys-on-error));font-family:var(--mat-badge-text-font, var(--mat-sys-label-small-font));font-weight:var(--mat-badge-text-weight, var(--mat-sys-label-small-weight));border-radius:var(--mat-badge-container-shape, var(--mat-sys-corner-full))}.mat-badge-above .mat-badge-content{bottom:100%}.mat-badge-below .mat-badge-content{top:100%}.mat-badge-before .mat-badge-content{right:100%}[dir=rtl] .mat-badge-before .mat-badge-content{right:auto;left:100%}.mat-badge-after .mat-badge-content{left:100%}[dir=rtl] .mat-badge-after .mat-badge-content{left:auto;right:100%}@media(forced-colors: active){.mat-badge-content{outline:solid 1px;border-radius:0}}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color, color-mix(in srgb, var(--mat-sys-error) 38%, transparent));color:var(--mat-badge-disabled-state-text-color, var(--mat-sys-on-error))}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:var(--mat-badge-legacy-small-size-container-size, unset);height:var(--mat-badge-legacy-small-size-container-size, unset);min-width:var(--mat-badge-small-size-container-size, 6px);min-height:var(--mat-badge-small-size-container-size, 6px);line-height:var(--mat-badge-small-size-line-height, 6px);padding:var(--mat-badge-small-size-container-padding, 0);font-size:var(--mat-badge-small-size-text-size, 0);margin:var(--mat-badge-small-size-container-offset, -6px 0)}.mat-badge-small.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-small-size-container-overlap-offset, -6px)}.mat-badge-medium .mat-badge-content{width:var(--mat-badge-legacy-container-size, unset);height:var(--mat-badge-legacy-container-size, unset);min-width:var(--mat-badge-container-size, 16px);min-height:var(--mat-badge-container-size, 16px);line-height:var(--mat-badge-line-height, 16px);padding:var(--mat-badge-container-padding, 0 4px);font-size:var(--mat-badge-text-size, var(--mat-sys-label-small-size));margin:var(--mat-badge-container-offset, -12px 0)}.mat-badge-medium.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-container-overlap-offset, -12px)}.mat-badge-large .mat-badge-content{width:var(--mat-badge-legacy-large-size-container-size, unset);height:var(--mat-badge-legacy-large-size-container-size, unset);min-width:var(--mat-badge-large-size-container-size, 16px);min-height:var(--mat-badge-large-size-container-size, 16px);line-height:var(--mat-badge-large-size-line-height, 16px);padding:var(--mat-badge-large-size-container-padding, 0 4px);font-size:var(--mat-badge-large-size-text-size, var(--mat-sys-label-small-size));margin:var(--mat-badge-large-size-container-offset, -12px 0)}.mat-badge-large.mat-badge-overlap .mat-badge-content{margin:var(--mat-badge-large-size-container-overlap-offset, -12px)}
|
|
6
|
+
`],encapsulation:2,changeDetection:0})}return a})(),Ud=(()=>{class a{_ngZone=E(Ze);_elementRef=E(Xe);_ariaDescriber=E(Bl);_renderer=E(el);_animationsDisabled=la();_idGenerator=E(Ya);get color(){return this._color}set color(e){this._setColor(e),this._color=e}_color="primary";overlap=!0;disabled;position="above after";get content(){return this._content}set content(e){this._updateRenderedContent(e)}_content;get description(){return this._description}set description(e){this._updateDescription(e)}_description;size="medium";hidden;_badgeElement;_inlineBadgeDescription;_isInitialized=!1;_interactivityChecker=E(Wl);_document=E(mn);constructor(){let e=E(Il);e.load(bm),e.load(Nl)}isAbove(){return this.position.indexOf("below")===-1}isAfter(){return this.position.indexOf("before")===-1}getBadgeElement(){return this._badgeElement}ngOnInit(){this._clearExistingBadges(),this.content&&!this._badgeElement&&(this._badgeElement=this._createBadgeElement(),this._updateRenderedContent(this.content)),this._isInitialized=!0}ngOnDestroy(){this._renderer.destroyNode&&(this._renderer.destroyNode(this._badgeElement),this._inlineBadgeDescription?.remove()),this._ariaDescriber.removeDescription(this._elementRef.nativeElement,this.description)}_isHostInteractive(){return this._interactivityChecker.isFocusable(this._elementRef.nativeElement,{ignoreVisibility:!0})}_createBadgeElement(){let e=this._renderer.createElement("span"),t="mat-badge-active";return e.setAttribute("id",this._idGenerator.getId("mat-badge-content-")),e.setAttribute("aria-hidden","true"),e.classList.add(Hd),this._animationsDisabled&&e.classList.add("_mat-animation-noopable"),this._elementRef.nativeElement.appendChild(e),typeof requestAnimationFrame=="function"&&!this._animationsDisabled?this._ngZone.runOutsideAngular(()=>{requestAnimationFrame(()=>{e.classList.add(t)})}):e.classList.add(t),e}_updateRenderedContent(e){let t=`${e??""}`.trim();this._isInitialized&&t&&!this._badgeElement&&(this._badgeElement=this._createBadgeElement()),this._badgeElement&&(this._badgeElement.textContent=t),this._content=t}_updateDescription(e){this._ariaDescriber.removeDescription(this._elementRef.nativeElement,this.description),(!e||this._isHostInteractive())&&this._removeInlineDescription(),this._description=e,this._isHostInteractive()?this._ariaDescriber.describe(this._elementRef.nativeElement,e):this._updateInlineDescription()}_updateInlineDescription(){this._inlineBadgeDescription||(this._inlineBadgeDescription=this._document.createElement("span"),this._inlineBadgeDescription.classList.add("cdk-visually-hidden")),this._inlineBadgeDescription.textContent=this.description,this._badgeElement?.appendChild(this._inlineBadgeDescription)}_removeInlineDescription(){this._inlineBadgeDescription?.remove(),this._inlineBadgeDescription=void 0}_setColor(e){let t=this._elementRef.nativeElement.classList;t.remove(`mat-badge-${this._color}`),e&&t.add(`mat-badge-${e}`)}_clearExistingBadges(){let e=this._elementRef.nativeElement.querySelectorAll(`:scope > .${Hd}`);for(let t of Array.from(e))t!==this._badgeElement&&t.remove()}static \u0275fac=function(t){return new(t||a)};static \u0275dir=ci({type:a,selectors:[["","matBadge",""]],hostAttrs:[1,"mat-badge"],hostVars:20,hostBindings:function(t,i){t&2&&Jt("mat-badge-overlap",i.overlap)("mat-badge-above",i.isAbove())("mat-badge-below",!i.isAbove())("mat-badge-before",!i.isAfter())("mat-badge-after",i.isAfter())("mat-badge-small",i.size==="small")("mat-badge-medium",i.size==="medium")("mat-badge-large",i.size==="large")("mat-badge-hidden",i.hidden||!i.content)("mat-badge-disabled",i.disabled)},inputs:{color:[0,"matBadgeColor","color"],overlap:[2,"matBadgeOverlap","overlap",Ha],disabled:[2,"matBadgeDisabled","disabled",Ha],position:[0,"matBadgePosition","position"],content:[0,"matBadge","content"],description:[0,"matBadgeDescription","description"],size:[0,"matBadgeSize","size"],hidden:[2,"matBadgeHidden","hidden",Ha]}})}return a})(),Bn=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275mod=di({type:a});static \u0275inj=si({imports:[Vl,yr,yr]})}return a})();function wt(a,n,e,t=1e3,i,o,r=[500,500],l){if(o){let y=o.get(a);y&&cancelAnimationFrame(y)}n=(()=>{let y=a.getAttribute("transform");if(y){let S=/rotate\((-?\d+(\.\d+)?)/.exec(y);if(S)return parseFloat(S[1])}return n})();let p=y=>(y+360)%360;n=p(n),e=p(e);let s=e-n;s>180&&(s-=360),s<-180&&(s+=360);let c=y=>y<.5?4*y*y*y:1-Math.pow(-2*y+2,3)/2,m=y=>l?l.runOutsideAngular(y):y(),v=y=>l?l.run(y):y();m(()=>{let y=performance.now(),S=V=>{let z=V-y,X=Math.min(z/t,1),se=c(X),_e=n+s*se;if(a.setAttribute("transform",`rotate(${_e} ${r[0]} ${r[1]})`),X<1){let De=requestAnimationFrame(S);o&&o.set(a,De)}else a.setAttribute("transform",`rotate(${e} ${r[0]} ${r[1]})`),i&&v(i),o&&o.delete(a)},x=requestAnimationFrame(S);o&&o.set(a,x)})}function ma(a,n,e,t=500,i,o,r){if(o){let p=o.get(a);p&&cancelAnimationFrame(p)}let l=p=>r?r.runOutsideAngular(p):p(),d=p=>r?r.run(p):p();l(()=>{let p=performance.now(),s=e-n,c=y=>y<.5?4*y*y*y:1-Math.pow(-2*y+2,3)/2,m=y=>{let S=y-p,x=Math.min(S/t,1),V=c(x),z=n+s*V;if(a.setAttribute("width",z.toString()),x<1){let X=requestAnimationFrame(m);o&&o.set(a,X)}else a.setAttribute("width",e.toString()),i&&d(i),o&&o.delete(a)},v=requestAnimationFrame(m);o&&o.set(a,v)})}var Gd=a=>a<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2,bo=a=>(a%360+360)%360,_m=(a,n)=>{let e=bo(n)-bo(a);return e>180&&(e-=360),e<=-180&&(e+=360),e};function qd(a,n,e,t,i,o){let r=p=>o?o.runOutsideAngular(p):p(),l=p=>o?o.run(p):p(),d=0;return r(()=>{let p=performance.now(),s=_m(a,n),c=bo(a),m=v=>{let y=Math.min((v-p)/e,1),S=Gd(y),x=c+s*S;t(bo(x)),y<1?d=requestAnimationFrame(m):i&&l(i)};d=requestAnimationFrame(m)}),d}var Sm=(a,n,e)=>({min:a.min+(n.min-a.min)*e,mid:a.mid+(n.mid-a.mid)*e,max:a.max+(n.max-a.max)*e});function jd(a,n,e,t,i,o){let r=p=>o?o.runOutsideAngular(p):p(),l=p=>o?o.run(p):p(),d=0;return r(()=>{let p=performance.now(),s=c=>{let m=Math.min((c-p)/e,1),v=Gd(m);t(Sm(a,n,v)),m<1?d=requestAnimationFrame(s):i&&l(i)};d=requestAnimationFrame(s)}),d}var Cm=["rotatingDial"],km=["awaIndicator"],xm=["rudderStarboardRect"],Tm=["rudderPortRect"],$d=(()=>{class a{rotatingDial=ie.required("rotatingDial");awaIndicator=ie.required("awaIndicator");rudderStarboardRect=ie.required("rudderStarboardRect");rudderPortRect=ie.required("rudderPortRect");apMode=B("off-line");targetPilotHeadingTrue=B.required();autopilotTarget=B.required();courseXte=B.required();compassHeading=B.required();headingDirectionTrue=B.required();appWindAngle=B.required();rudderAngle=B.required();compassAngle=q(0);awaAngle=q(0);prevCompassAngle=0;prevAwaAngle=0;lastRudderSigned=Number.NaN;oldRudderPrtAngle=0;newRudderPrtAngle=0;oldRudderStbAngle=0;newRudderStbAngle=0;apModeValue=q("");apModeValueAnnotation=q("");apModeValueDirection=q("");lockedMode=at(()=>{let e=this.apMode();return e==="auto"||e==="compass"?"Heading Hold":e==="gps"?"GPS Hold":e==="route"||e==="nav"?"Track":e==="wind"?"Wind Hold":e==="true wind"?"Wind True Hold":e==="standby"?"Standby":"Off-line"});lockedHdg=at(()=>{let e=this.autopilotTarget();return Number.isFinite(e)?this.roundDeg(e):null});lockedHdgAnnotation=at(()=>{let e=this.apMode();if(["route","auto","gps","nav"].includes(e))return this.targetPilotHeadingTrue()?"True":"Mag";if(["wind","true wind"].includes(e)){let t=this.lockedHdg()??null;return t===null?"":t>0?"Stbd":"Port"}return""});hdgDirectionTrue=at(()=>this.headingDirectionTrue()?"T":"M");animationFrames=new WeakMap;ANIMATION_DURATION=1e3;DEG_TO_PX=16.66666667;ROT_CENTER=[500,560.061];ngZone=E(Ze);roundDeg(e){return Math.round(e)}constructor(){oe(()=>{let e=this.compassHeading();if(!Number.isFinite(e))return;let t=this.roundDeg(e);Je(()=>{let i=this.prevCompassAngle;if(i===t)return;this.prevCompassAngle=t,this.compassAngle.set(t);let o=this.rotatingDial()?.nativeElement;o&&wt(o,-i,-t,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ROT_CENTER,this.ngZone)})}),oe(()=>{let e=this.appWindAngle();if(!Number.isFinite(e))return;let i=(this.roundDeg(e)+360)%360;Je(()=>{let o=this.prevAwaAngle;if(o===i)return;this.prevAwaAngle=i,this.awaAngle.set(i);let r=this.awaIndicator()?.nativeElement;r&&wt(r,o,i,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ROT_CENTER,this.ngZone)})}),oe(()=>{let e=this.rudderAngle();Number.isFinite(e)&&Je(()=>{this.updateRudderAngle(-e)})}),oe(()=>{let e=this.apMode(),t=this.appWindAngle(),i=Number.isFinite(t)?this.roundDeg(t):0,o=this.courseXte();Je(()=>{switch(e){case"auto":case"route":{let r,l,d;o<0?d=" Port":o>0?d=" Stbd":d="",o=Math.abs(o),o>185?(r=(o/1852).toFixed(1),l=" nm"):(r=o.toFixed(0),l=" m"),this.apModeValueAnnotation.set(l),this.apModeValue.set(r),this.apModeValueDirection.set(d);break}case"standby":this.apModeValueAnnotation.set(""),this.apModeValue.set(""),this.apModeValueDirection.set("");break;case"wind":this.apModeValueAnnotation.set(i?i>0?"S":"P":""),this.apModeValue.set(Math.abs(i)+"\xB0"),this.apModeValueDirection.set("");break;default:this.apModeValueAnnotation.set(""),this.apModeValue.set(""),this.apModeValueDirection.set("");break}})})}updateRudderAngle(e){if(!Number.isFinite(e))return;let t=this.roundDeg(e);if(this.lastRudderSigned===t)return;this.lastRudderSigned=t;let o=Math.min(Math.abs(t),30)*this.DEG_TO_PX;t<=0?(ma(this.rudderStarboardRect().nativeElement,this.oldRudderStbAngle,o,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ngZone),ma(this.rudderPortRect().nativeElement,this.oldRudderPrtAngle,0,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ngZone),this.oldRudderStbAngle=o,this.oldRudderPrtAngle=0):(ma(this.rudderPortRect().nativeElement,this.oldRudderPrtAngle,o,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ngZone),ma(this.rudderStarboardRect().nativeElement,this.oldRudderStbAngle,0,this.ANIMATION_DURATION,void 0,this.animationFrames,this.ngZone),this.oldRudderPrtAngle=o,this.oldRudderStbAngle=0)}ngOnDestroy(){let e=[this.rotatingDial(),this.awaIndicator(),this.rudderPortRect(),this.rudderStarboardRect()];for(let t of e){let i=t?.nativeElement;if(!i)continue;let o=this.animationFrames.get(i);o&&cancelAnimationFrame(o),this.animationFrames.delete(i)}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["app-svg-autopilot"]],viewQuery:function(t,i){t&1&&(te(i.rotatingDial,Cm,5),te(i.awaIndicator,km,5),te(i.rudderStarboardRect,xm,5),te(i.rudderPortRect,Tm,5)),t&2&&we(4)},inputs:{apMode:[1,"apMode"],targetPilotHeadingTrue:[1,"targetPilotHeadingTrue"],autopilotTarget:[1,"autopilotTarget"],courseXte:[1,"courseXte"],compassHeading:[1,"compassHeading"],headingDirectionTrue:[1,"headingDirectionTrue"],appWindAngle:[1,"appWindAngle"],rudderAngle:[1,"rudderAngle"]},decls:123,vars:17,consts:[["rotatingDial",""],["awaIndicator",""],["rudderStarboardRect",""],["rudderPortRect",""],["viewBox","0 0 1000 500","preserveAspectRatio","xMidYMid meet"],["id","compassDial"],["id","fixedDial"],["d","M 499.99997,70.521 A 489.47916,489.47916 0 0 0 10.520805,560.00017 489.47916,489.47916 0 0 0 499.99997,1049.4793 489.47916,489.47916 0 0 0 989.47913,560.00017 489.47916,489.47916 0 0 0 499.99997,70.521 Z m 0,132.29166 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"fixed-dial-background",2,"display","inline","stroke","none"],["d","M 93.283801,325.18249 A 469.63541,469.63541 0 0 1 339.37522,118.68726",1,"port",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],["d","M 660.62476,118.68725 A 469.63541,469.63541 0 0 1 906.71619,325.18247",1,"starboard",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],[2,"display","inline"],["transform","translate(0,59.999714)"],["d","m 416.35095,19.837399 2.78142,15.77426","id","path199",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 334.23173,41.658798 5.47834,15.051615","id","path200",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 260.27336,81.806174 12.55151,21.739856","id","path37",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 187.44581,126.00035 10.29591,12.2702","id","path197",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 127.23918,185.95785 12.27019,10.29591","id","path198",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 83.252815,257.66724 21.739865,12.55151","id","path166",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 42.289518,332.39273 15.05162,5.47835","id","path195",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 20.127799,414.42077 15.774251,2.78142","id","path196",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 17.879075,498.47765 H 42.982096","id","path167",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 19.776759,583.71187 15.77426,-2.78142","id","path193",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 41.598167,665.8311 15.051615,-5.47834","id","path194",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 81.668963,739.71246 103.40883,727.16095","id","path168",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 125.93981,812.61701 12.2702,-10.29591","id","path191",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 185.89732,872.82365 10.29591,-12.27019","id","path192",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 257.53004,916.73298 12.55151,-21.73985","id","path169",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 332.33219,957.7732 5.47835,-15.05162","id","path189",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 414.36024,979.93493 2.78142,-15.77425","id","path190",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 498.34046,982.10672 V 957.0037","id","path170",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 583.65133,980.28596 580.86991,964.5117","id","path187",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 665.77057,958.46456 -5.47834,-15.05161","id","path188",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 739.57526,918.31683 727.02375,896.57698","id","path171",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 812.55647,874.12301 802.26056,861.85282","id","path185",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 872.76312,814.16551 860.49293,803.8696","id","path186",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 916.59579,742.45577 894.85593,729.90426","id","path172",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 957.71266,667.73063 -15.05161,-5.47834","id","path183",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 979.8744,585.70259 -15.77425,-2.78142","id","path184",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 981.96954,501.64535 -25.10304,10e-6","id","path173",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 980.22542,416.41149 -15.77425,2.78143","id","path181",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 958.40403,334.29226 -15.05161,5.47834","id","path182",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 918.17964,260.41055 -21.73986,12.55151","id","path174",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 874.06247,187.50636 -12.27018,10.29591","id","path180",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 817.34594,130.05494 -10.40259,12.17987","id","path179",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 742.31857,83.390025 729.76706,105.12988","id","path175",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 667.6701,42.350172 -5.47834,15.051615","id","path178",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 585.64206,20.188432 -2.78142,15.77425","id","path176",1,"contrast-text",2,"display","inline","fill","none","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 501.50816,18.016286 V 43.119307","id","path177",1,"contrast-text",2,"display","inline","fill","none","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","lightGray","d","M 499.99997,50.208304 A 449.79166,449.79166 0 0 0 50.208304,499.99997 449.79166,449.79166 0 0 0 499.99997,949.79163 449.79166,449.79166 0 0 0 949.79163,499.99997 449.79166,449.79166 0 0 0 499.99997,50.208304 Z m 0,92.604166 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"rotating-dial-Backplate",2,"display","inline","fill-opacity","1","stroke","none"],[0,"xml","space","preserve","x","181.91386","y","284.25186","id","text3","transform","rotate(-30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan3","x","181.91386","y","284.25186",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-183.53558","y","283.74811","id","text14","transform","rotate(-60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan14","x","-183.53558","y","283.74811",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-499.70761","y","100.95312","id","text15","transform","rotate(-90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan15","x","-499.70761","y","100.95312",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.66119","y","-216.36243","id","text16","transform","rotate(-120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["x","-681.66119","y","-216.36243","id","tspan25",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.06616","y","-581.71271","id","text17","transform","rotate(-150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan17","x","-681.06616","y","-581.71271",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-498.3313","y","-897.40875","id","text18","transform","scale(-1)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan18","x","-498.3313","y","-897.40875",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-184.41313","y","-1080.8452","id","text19","transform","rotate(150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan19","x","-184.41313","y","-1080.8452",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","181.57225","y","-1080.8853","id","text20","transform","rotate(120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan20","x","181.57225","y","-1080.8853",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","501.42661","y","-896.93701","id","text21","transform","rotate(90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan21","x","501.42661","y","-896.93701",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","682.35815","y","-579.63336","id","text22","transform","rotate(60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan22","x","682.35815","y","-579.63336",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","681.81525","y","-214.27321","id","text23","transform","rotate(30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan23","x","681.81525","y","-214.27321",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","500.15503","y","101.96342","id","text24",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan24","x","500.15503","y","101.96342",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],["id","triangle","d","M 499.5601,155 450,197 h 100 z",1,"fixed-dial-background",2,"display","inline","stroke","none"],["id","counterAWA",2,"display","inline"],[0,"xml","space","preserve","x","910.14893","y","90.67927",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],[0,"xml","space","preserve","x","907.84814","y","160.33212",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","73.3333px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],[2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","33.3333px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],[0,"xml","space","preserve","x","910.14893","y","200",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","34.6667px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],[0,"xml","space","preserve","x","97","y","90.47614",1,"contrast-text-dim",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","33.3333px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],[0,"xml","space","preserve","x","109.25","y","160.33212",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","73.3333px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],["id","displayArea",2,"display","inline"],[0,"xml","space","preserve","x","523.93127","y","480",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","240px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],["dy","-38",2,"font-weight","normal","font-size","180px"],[0,"xml","space","preserve","x","730","y","484",1,"contrast-text-dim",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","33.3333px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","fill-opacity","1","stroke","none"],[0,"xml","space","preserve","x","500","y","280",1,"contrast-text-dim",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","45px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none"],["id","IndicatorsLayer",2,"display","inline"],["transform","matrix(0.78967872,0,0,0.78967872,95.846484,6.0520865)"],["d","m 451.77021,55.078207 42.08541,-33.202814 a 12.555638,12.555638 0.26446337 0 1 15.64423,0.07221 l 42.20046,33.930296 a 15.557694,15.557694 71.53185 0 1 5.32954,15.957795 L 504.17034,279.76529 a 2.5373267,2.5373267 0.02614114 0 1 -4.91879,-0.002 L 446.37431,70.966036 a 15.416336,15.416336 108.75875 0 1 5.3959,-15.887829 z","transform","matrix(0.7935953,0,0,0.92686935,113.64335,37.878309)",1,"awa-text",2,"stroke-width","5.8876","stroke-miterlimit","0"],[0,"xml","space","preserve","x","486.45618","y","136.29939",1,"card-color",2,"font-weight","bold","font-size","52.9167px","stroke","none"],["id","tspan8","x","486.45618","y","136.29939",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","70.5556px","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","fill","#001000","fill-opacity","1","stroke","none","stroke-width","14.5521"],["id","rudder",2,"display","inline"],["width","0","height","35","x","500","y","0",1,"rudderStarboard",2,"display","inline","opacity","1","fill-opacity","1","stroke","none"],["width","0","height","35","x","-500","y","0","transform","scale(-1,1)",1,"rudderPort",2,"display","inline","opacity","1","fill-opacity","1","stroke","none"],["width","331.54941","height","33.216152","x","167.55841","y","0.89179999",1,"boxes",2,"display","inline","opacity","1","fill","none","stroke-width","2","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"],["width","331.54941","height","33.216152","x","500.89182","y","0.89179999",1,"boxes",2,"display","inline","opacity","1","fill","none","stroke-width","2","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"],["width","331.54941","height","33.216152","x","334.22531","y","0.89179999",1,"boxes",2,"display","inline","opacity","1","fill","none","stroke-width","2","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"],["id","rect12","width","998.26178","height","33.261108","x","0.86909997","y","0.86909997",1,"boxes",2,"display","inline","opacity","1","fill","none","stroke-width","2","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"]],template:function(t,i){t&1&&(Z(),D(0,"svg",4)(1,"g",5)(2,"g",6),Q(3,"path",7)(4,"path",8)(5,"path",9),W(),D(6,"g",10,0)(8,"g",11),Q(9,"path",12)(10,"path",13)(11,"path",14)(12,"path",15)(13,"path",16)(14,"path",17)(15,"path",18)(16,"path",19)(17,"path",20)(18,"path",21)(19,"path",22)(20,"path",23)(21,"path",24)(22,"path",25)(23,"path",26)(24,"path",27)(25,"path",28)(26,"path",29)(27,"path",30)(28,"path",31)(29,"path",32)(30,"path",33)(31,"path",34)(32,"path",35)(33,"path",36)(34,"path",37)(35,"path",38)(36,"path",39)(37,"path",40)(38,"path",41)(39,"path",42)(40,"path",43)(41,"path",44)(42,"path",45)(43,"path",46)(44,"path",47)(45,"path",48),D(46,"text",49)(47,"tspan",50),b(48,"330"),W()(),D(49,"text",51)(50,"tspan",52),b(51,"300"),W()(),D(52,"text",53)(53,"tspan",54),b(54,"W"),W()(),D(55,"text",55)(56,"tspan",56),b(57,"240"),W()(),D(58,"text",57)(59,"tspan",58),b(60,"210"),W()(),D(61,"text",59)(62,"tspan",60),b(63,"S"),W()(),D(64,"text",61)(65,"tspan",62),b(66,"150"),W()(),D(67,"text",63)(68,"tspan",64),b(69,"120"),W()(),D(70,"text",65)(71,"tspan",66),b(72,"E"),W()(),D(73,"text",67)(74,"tspan",68),b(75,"60"),W()(),D(76,"text",69)(77,"tspan",70),b(78,"30"),W()(),D(79,"text",71)(80,"tspan",72),b(81,"N"),W()()()(),Q(82,"path",73),W(),D(83,"g",74)(84,"text",75),b(85),W(),D(86,"text",76),b(87),D(88,"tspan",77),b(89),W()(),D(90,"text",78),b(91),W(),D(92,"text",79),b(93,"HDG"),W(),D(94,"text",80),b(95),D(96,"tspan",77),b(97),W()()(),D(98,"g",81)(99,"text",82),b(100),D(101,"tspan",83),b(102,"\xB0"),W()(),D(103,"text",84),b(104),W(),D(105,"text",85),b(106),W()(),D(107,"g",86)(108,"g",87,1),Q(110,"path",88),D(111,"text",89)(112,"tspan",90),b(113,"A"),W()()()(),D(114,"g",91),Q(115,"rect",92,2)(117,"rect",93,3)(119,"rect",94)(120,"rect",95)(121,"rect",96)(122,"rect",97),W()()),t&2&&(C(84),ji(i.apMode()=="wind"?"awa-text-dim":"contrast-text-dim"),ee("display",i.apMode()=="wind"||i.apMode()=="route"?"inline":"none"),C(),et(" ",i.apMode()==="route"?"XTE":"AWA"),C(),ji(i.apMode()=="wind"?"awa-text":"contrast-text"),ee("display",i.apMode()=="wind"||i.apMode()=="route"?"inline":"none"),C(),Fe(i.apModeValue()??"--"),C(2),Fe(i.apModeValueAnnotation()),C(),ee("display",i.apMode()=="route"?"inline":"none"),C(),Fe(i.apModeValueDirection()),C(4),et("",i.compassAngle()??"--","\xB0"),C(2),Fe(i.hdgDirectionTrue()),C(3),Fe(i.lockedHdg()??"--"),C(4),Fe(i.lockedHdgAnnotation()),C(2),Fe(i.lockedMode()),C(2),ee("display",i.apMode()=="wind"?"inline":"none"))},styles:["[_nghost-%COMP%]{display:block;width:100%;font-family:Roboto;overflow:hidden;aspect-ratio:2/1;max-width:100%;max-height:100%}svg[_ngcontent-%COMP%]{width:100%;height:100%;display:block;overflow:hidden}.starboard[_ngcontent-%COMP%]{stroke:var(--kip-starboard-color)}.port[_ngcontent-%COMP%]{stroke:var(--kip-port-color)}.contrast-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);stroke:var(--kip-contrast-color)}.contrast-text-dim[_ngcontent-%COMP%]{fill:var(--kip-contrast-dim-color);stroke:var(--kip-contrast-dim-color)}.awa-text[_ngcontent-%COMP%]{fill:var(--kip-orange-color);stroke:var(--kip-orange-color)}.awa-text-dim[_ngcontent-%COMP%]{fill:var(--kip-orange-dim-color);stroke:var(--kip-orange-dim-color)}.card-color[_ngcontent-%COMP%]{fill:var(--kip-widget-card-background-color)}.fixed-dial-background[_ngcontent-%COMP%]{fill:var(--kip-grey-color)}.rotating-dial-Backplate[_ngcontent-%COMP%]{fill:var(--mat-sys-background)}.rudderPort[_ngcontent-%COMP%]{fill:var(--kip-port-color)}.rudderStarboard[_ngcontent-%COMP%]{fill:var(--kip-starboard-color)}.boxes[_ngcontent-%COMP%]{stroke:var(--kip-grey-color);fill:var(--kip-grey-color)}"],changeDetection:0})}return a})();var Em=["canvasMainRef"],wo=(()=>{class a extends Se{canvas=E(it);canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;cssWidth=0;cssHeight=0;titleBitmap=null;titleBitmapText=null;latPos="";longPos="";labelColor=q(void 0);valueColor=void 0;maxTextWidth=0;maxTextHeight=0;middle=0;center=0;fontSizeOffset=0;isDestroyed=!1;constructor(){super(),this.defaultConfig={displayName:"Position",filterSelfPaths:!0,paths:{longPath:{description:"Longitude",path:"self.navigation.position.longitude",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"longitudeMin",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500},latPath:{description:"Latitude",path:"self.navigation.position.latitude",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"latitudeMin",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},color:"contrast",enableTimeout:!1,dataTimeout:5},oe(()=>{this.theme()&&(this.setColors(),this.drawWidget())})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.calculateFontSizeAndPositions(),this.drawWidget()}}),this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),!this.isDestroyed&&this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.setColors(),this.observeDataStream("longPath",e=>{e.data.value===null?this.longPos="":this.widgetProperties.config.paths.longPath.convertUnitTo==="pdeg"?this.longPos=e.data.value.toFixed(6)+"\xB0":this.longPos=e.data.value.toString(),this.drawWidget()}),this.observeDataStream("latPath",e=>{e.data.value===null?this.latPos="":this.widgetProperties.config.paths.latPath.convertUnitTo==="pdeg"?this.latPos=e.data.value.toFixed(7)+"\xB0":this.latPos=e.data.value.toString(),this.drawWidget()})}ngOnDestroy(){this.isDestroyed=!0,this.unsubscribeDataStream();try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}setColors(){this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color}calculateFontSizeAndPositions(){this.maxTextHeight=Math.floor(this.cssHeight*.6/2),this.maxTextWidth=Math.floor(this.cssWidth*.85),this.center=this.cssWidth/2,this.middle=this.cssHeight*.57;let e=this.latPos.length>this.longPos.length?this.latPos:this.longPos,t=this.canvas.calculateOptimalFontSize(this.canvasCtx,e,this.maxTextWidth,this.maxTextHeight,"bold");this.fontSizeOffset=Math.floor(t*5e-4)}drawWidget(){this.canvasCtx&&((!this.titleBitmap||this.titleBitmap.width!==this.canvasElement.width||this.titleBitmap.height!==this.canvasElement.height||this.titleBitmapText!==this.widgetProperties.config.displayName)&&(this.titleBitmap=this.canvas.createTitleBitmap(this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight),this.titleBitmapText=this.widgetProperties.config.displayName),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.titleBitmap&&this.titleBitmap.width>0&&this.titleBitmap.height>0&&this.canvasCtx.drawImage(this.titleBitmap,0,0,this.cssWidth,this.cssHeight),this.canvas.drawText(this.canvasCtx,this.latPos,this.center,this.middle-this.fontSizeOffset,this.maxTextWidth,this.maxTextHeight,"bold",this.valueColor,"center","bottom"),this.canvas.drawText(this.canvasCtx,this.longPos,this.center,this.middle+this.fontSizeOffset,this.maxTextWidth,this.maxTextHeight,"bold",this.valueColor,"center","top"))}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-position"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,Em,5),t&2&&we()},features:[de],decls:3,vars:2,consts:[["canvasMainRef",""],[1,"position-wrapper",3,"configChange","config","id"],[1,"position-canvas"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce,nt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.position-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.position-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block}"]})}return a})();function Mm(a,n){if(a&1){let e=K();f(0,"button",18),R("click",function(){P(e);let i=G();return O(i.toggleDodge())}),f(1,"mat-icon",19),Z(),f(2,"svg",36)(3,"text",42),b(4,"Dodge"),w(),U(5,"path",43)(6,"path",44),f(7,"text",45),b(8,"!"),w()()()()}if(a&2){let e=G();Jt("ap-btn-active",e.dodgeModeActive()),F("disabled",e.apBtnDisabled()),C(5),ye("fill",e.dodgeModeActive()?"currentColor":"none")("stroke","currentColor"),C(),ye("fill",e.dodgeModeActive()?"currentColor":"none")("stroke","currentColor")}}function Dm(a,n){if(a&1){let e=K();Z(),f(0,"g",50),R("click",function(){let i=P(e).$implicit,o=G(2);return O(!i.disabled&&o.onMenuItemClick(i.action))})("keyup.enter",function(){let i=P(e).$implicit,o=G(2);return O(!i.disabled&&o.onMenuItemClick(i.action))})("keyup.space",function(){let i=P(e).$implicit,o=G(2);return O(!i.disabled&&o.onMenuItemClick(i.action))}),U(1,"rect",51),f(2,"text",52),b(3),w()()}if(a&2){let e=n.$implicit,t=n.$index,i=G(2);ee("aria-label",e.label),C(),ji(e.isCancel?"svg-menu-item-cancel":e.current?"svg-menu-item-current":e.disabled?"svg-menu-item-disabled":"svg-menu-item"),ee("y",t*i.itemHeight)("height",i.itemHeight),C(),ji(e.isCancel?"svg-menu-item-cancel-text":e.current?"svg-menu-item-current-text":e.disabled?"svg-menu-item-disabled-text":"svg-menu-item-text"),ee("y",(t+.65)*i.itemHeight),C(),ll(" ",e.current?"\u2713 ":"","",e.label," ")}}function Am(a,n){if(a&1){let e=K();f(0,"div",46),R("click",function(){P(e);let i=G();return O(i.toggleMenu())})("keyup.enter",function(){P(e);let i=G();return O(i.toggleMenu())})("keyup.space",function(){P(e);let i=G();return O(i.toggleMenu())}),Z(),f(1,"svg",47),R("click",function(i){return P(e),O(i.stopPropagation())})("keyup.enter",function(i){return P(e),O(i.stopPropagation())})("keyup.space",function(i){return P(e),O(i.stopPropagation())}),U(2,"rect",48),Ba(3),mt(4,Dm,4,10,":svg:g",49,xt),za(),w()()}if(a&2){let e=G();C(),ee("viewBox","0 0 240 "+e.menuItems().length*e.itemHeight),C(),ee("height",e.menuItems().length*e.itemHeight),C(2),pt(e.menuItems())}}function Pm(a,n){a&1&&U(0,"div",41)}var jt={V1_MODE_PATH:"self.steering.autopilot.state",V2_BASE:"/signalk/v2/api",V2_AUTOPILOTS:"/signalk/v2/api/vessels/self/autopilots",V2_COURSE:"/signalk/v2/api/vessels/self/navigation/course"},wi={BASE:a=>`${jt.V2_AUTOPILOTS}/${a}`,ENGAGE:a=>`${jt.V2_AUTOPILOTS}/${a}/engage`,DISENGAGE:a=>`${jt.V2_AUTOPILOTS}/${a}/disengage`,STATE:a=>`${jt.V2_AUTOPILOTS}/${a}/state`,MODE:a=>`${jt.V2_AUTOPILOTS}/${a}/mode`,TARGET_HEADING:a=>`${jt.V2_AUTOPILOTS}/${a}/target`,TACK:a=>`${jt.V2_AUTOPILOTS}/${a}/tack`,GYBE:a=>`${jt.V2_AUTOPILOTS}/${a}/gybe`,DODGE:a=>`${jt.V2_AUTOPILOTS}/${a}/dodge`,ADJUST_HEADING:a=>`${jt.V2_AUTOPILOTS}/${a}/target/adjust`},Or={auto:{path:"self.steering.autopilot.state",value:"auto"},wind:{path:"self.steering.autopilot.state",value:"wind"},route:{path:"self.steering.autopilot.state",value:"route"},standby:{path:"self.steering.autopilot.state",value:"standby"},"+1":{path:"self.steering.autopilot.actions.adjustHeading",value:1},"+10":{path:"self.steering.autopilot.actions.adjustHeading",value:10},"-1":{path:"self.steering.autopilot.actions.adjustHeading",value:-1},"-10":{path:"self.steering.autopilot.actions.adjustHeading",value:-10},tackToPort:{path:"self.steering.autopilot.actions.tack",value:"port"},tackToStarboard:{path:"self.steering.autopilot.actions.tack",value:"starboard"},advanceWaypoint:{path:"self.steering.autopilot.actions.advanceWaypoint",value:"1"},compass:{path:"v2 only command",value:"v2 only command"},gps:{path:"v2 only command",value:"v2 only command"},"true wind":{path:"v2 only command",value:"v2 only command"},nav:{path:"v2 only command",value:"v2 only command"}},Rr={COUNTDOWN_SECONDS:5,ERROR_DISPLAY_DURATION:6e3,MESSAGE_DISPLAY_DURATION:5e3},Yd=(()=>{class a extends Se{_requests=E(qt);http=E(_l);dashboard=E(ot);_destroyRef=E(li);apiEndpoints;apState=q(null);apEngaged=q(null);apMode=q(null);dodgeModeActive=q(!1);autopilotTargetHeading=q(null);autopilotTargetWindHeading=q(null);heading=q(null);crossTrackError=q(null);windAngleApparent=q(null);rudder=q(null);autopilotTarget=ul(()=>{let e=this.autopilotTargetHeading(),t=this.autopilotTargetWindHeading();return this.apMode()==="wind"?t??null:e??null});currentRequests=new Set;apGrid=at(()=>this.apMode()?"grid":"none");apEngageBtnDisabled=at(()=>{let e=this.apState(),t=this.apEngaged(),i=this.widgetProperties.config.autopilot.apiVersion;return i?i==="v1"?!!["standby","off-line"].includes(e):i!=="v2":!0});apBtnDisabled=at(()=>{let e=this.apEngaged();return this.widgetProperties.config.autopilot.apiVersion==="v1"?this.apMode()==="standby":!e});adjustHdgBtnVisibility=at(()=>{let e=this.apMode();return!!["auto","compass","gps","wind","true wind","standby"].includes(e)});tackBtnVisibility=at(()=>{let e=this.apMode();return!!["auto","compass","gps","wind","true wind","standby"].includes(e)});routeBtnVisibility=at(()=>{let e=this.apMode();return e==="route"||e==="nav"});countdownOverlayVisibility=q("hidden");countdownOverlayText=q("");msgOverlayVisibility=q("hidden");msgOverlayText=q("");errorOverlayVisibility=q("hidden");errorOverlayText=q("");handleCountDownCounterTimeout=null;handleConfirmActionTimeout=null;handleDisplayErrorTimeout=null;handleMessageTimeout=null;isPersistentError=!1;countDownValue=-1;actionToBeConfirmed="";menuItems=at(()=>{let e=this.apMode(),t=this.widgetProperties.config.autopilot.apiVersion,i=this.widgetProperties.config.autopilot.pluginId,o=[];return Je(()=>{if(t==="v2"){if(i=="pypilot-autopilot-provider"){let r=[{label:"Compass",action:"compass"},{label:"GPS",action:"gps"},{label:"Wind",action:"wind"},{label:"True Wind",action:"true wind"},{label:"Navigation",action:"nav"},{label:"Close",action:"cancel",isCancel:!0}];o=this.parseMenuItems(r,e)}}else if(t==="v1"){let r=[{label:"Auto",action:"auto"},{label:"Wind",action:"wind"},{label:"Route",action:"route"},{label:"Close",action:"cancel",isCancel:!0}];o=this.parseMenuItems(r,e)}}),o});menuOpen=q(!1);itemHeight=60;padding=20;embedWidgetColor="contrast";nextWptProperties=q({type:"widget-position",uuid:"db473695-42b1-4435-9d3d-ac2f27bf9665",config:{displayName:"Next WPT",filterSelfPaths:!0,paths:{longPath:{description:"Longitude",path:"self.navigation.courseGreatCircle.nextPoint.position.longitude",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"longitudeMin",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500},latPath:{description:"Latitude",path:"self.navigation.courseGreatCircle.nextPoint.position.latitude",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"latitudeMin",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},color:this.embedWidgetColor,enableTimeout:!1,dataTimeout:5}},{equal:Vt});ttwProperties=q({type:"widget-numeric",uuid:"ee022f2f-ee23-41a7-b0b1-0928dc28864d",config:{displayName:"TTWpt",filterSelfPaths:!0,paths:{numericPath:{description:"Time To Waypoint",path:"self.navigation.course.calcValues.timeToGo",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"D HH:MM:SS",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},showMax:!1,showMin:!1,numDecimal:1,numInt:1,showMiniChart:!1,color:this.embedWidgetColor,enableTimeout:!1,dataTimeout:5,ignoreZones:!1}},{equal:Vt});etaProperties=q({type:"widget-datetime",uuid:"544ca35d-18bf-4a90-9aa8-b12312e3fc60",config:{displayName:"ETA",filterSelfPaths:!0,paths:{gaugePath:{description:"Estimated Time Of Arrival Date",path:"self.navigation.course.calcValues.estimatedTimeOfArrival",source:"default",pathType:"Date",isPathConfigurable:!0,sampleTime:500}},dateFormat:"EEE HH:mm",dateTimezone:"System Timezone -",color:this.embedWidgetColor,enableTimeout:!1,dataTimeout:5}},{equal:Vt});dtwProperties=q({type:"widget-numeric",uuid:"ee02ef2f-ee23-41a7-b0b1-0928dc28864d",config:{displayName:"DTWpt",filterSelfPaths:!0,paths:{numericPath:{description:"Distance To Waypoint",path:"self.navigation.course.calcValues.distance",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"nm",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},showMax:!1,showMin:!1,numDecimal:1,numInt:1,showMiniChart:!1,color:this.embedWidgetColor,enableTimeout:!1,dataTimeout:5,ignoreZones:!1}},{equal:Vt});xteProperties=q({type:"widget-numeric",uuid:"9234856b-7573-4154-a44f-3baf7c6f119c",config:{displayName:"XTE",filterSelfPaths:!0,paths:{numericPath:{description:"Cross Track Error",path:"self.navigation.course.calcValues.crossTrackError",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"m",showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,sampleTime:500}},showMax:!1,showMin:!1,numDecimal:1,numInt:1,showMiniChart:!1,color:this.embedWidgetColor,enableTimeout:!1,dataTimeout:5,ignoreZones:!1}},{equal:Vt});constructor(){super(),this.defaultConfig={filterSelfPaths:!0,paths:{autopilotState:{description:"Autopilot State",path:"self.steering.autopilot.state",source:"default",pathType:"string",isPathConfigurable:!1,showPathSkUnitsFilter:!1,convertUnitTo:"",sampleTime:500},autopilotMode:{description:"Autopilot Mode",path:"self.steering.autopilot.mode",source:"default",pathType:"string",isPathConfigurable:!1,showPathSkUnitsFilter:!1,convertUnitTo:"",sampleTime:500},autopilotEngaged:{description:"Autopilot Engaged",path:"self.steering.autopilot.engaged",source:"default",pathType:"boolean",isPathConfigurable:!1,showPathSkUnitsFilter:!1,convertUnitTo:"",sampleTime:500},autopilotV2Target:{description:"Autopilot API v2 Target",path:"self.steering.autopilot.target",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",sampleTime:500},autopilotTargetHeading:{description:"Autopilot Target Magnetic Heading",path:"self.steering.autopilot.target.headingMagnetic",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",sampleTime:500},autopilotTargetWindHeading:{description:"Autopilot Target Apparent Wind Angle",path:"self.steering.autopilot.target.windAngleApparent",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",sampleTime:500},rudderAngle:{description:"Rudder Angle",path:"self.steering.rudderAngle",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",sampleTime:500},courseXte:{description:"Cross Track Error",path:"self.navigation.course.calcValues.crossTrackError",source:"default",pathType:"number",isPathConfigurable:!1,convertUnitTo:"m",showPathSkUnitsFilter:!0,pathRequired:!1,pathSkUnitsFilter:"m",sampleTime:500},headingMag:{description:"Magnetic Heading",path:"self.navigation.headingMagnetic",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,sampleTime:500},headingTrue:{description:"True Heading",path:"self.navigation.headingTrue",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,sampleTime:500},windAngleApparent:{description:"Apparent Wind Angle",path:"self.environment.wind.angleApparent",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,sampleTime:500},windAngleTrueWater:{description:"Wind Angle True Water",path:"self.environment.wind.angleTrueWater",source:"default",pathType:"number",convertUnitTo:"deg",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,sampleTime:500}},autopilot:{invertRudder:!0,headingDirectionTrue:!1,courseDirectionTrue:!1,apiVersion:null,instanceId:null,pluginId:null,modes:null},enableTimeout:!1,dataTimeout:5}}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){let e={statusCode:500,statusCodeDescription:"Autopilot widget not configured",requestId:"",state:""},t=this.widgetProperties.config.autopilot.apiVersion,i=this.widgetProperties.config.autopilot.instanceId,o=this.widgetProperties.config.autopilot.pluginId,r=l=>{this.unsubscribeDataStream(),console.error(`[Autopilot Widget] ${l}`),this.displayApError(e),this.isPersistentError=!0,this.apMode.set("off-line"),this.apState.set("off-line"),this.apEngaged.set(!1)};if(this.unsubscribeDataStream(),!t){r("Not configured with autopilot API version, skipping initialization");return}if(t==="v2"){if(!i){r("No autopilot instance ID configured for V2 API, skipping initialization");return}if(!o){r("No autopilot plugin ID configured for V2 API, skipping initialization");return}this.apiEndpoints=this.setV2Endpoint(i),this.startV2Subscriptions();return}if(t==="v1"){this.startV1Subscriptions();return}r(`Unknown autopilot API version: ${t}`)}setV2Endpoint(e){return{engage:wi.ENGAGE(e),disengage:wi.DISENGAGE(e),mode:wi.MODE(e),state:wi.STATE(e),target:wi.TARGET_HEADING(e),tack:wi.TACK(e),gybe:wi.GYBE(e),dodge:wi.DODGE(e),adjustHeading:wi.ADJUST_HEADING(e)}}isV2CommandSupported(e){return this.widgetProperties.config.autopilot.modes.includes(e)}updateConfig(e){this.widgetProperties.config=e,this.cancelAllHttpRequests(),this.isPersistentError=!1,this.errorOverlayVisibility.set("hidden"),this.errorOverlayText.set(""),this.apEngaged.set(null),this.startWidget()}startV2Subscriptions(){this.observeDataStream("autopilotState",e=>{e.data?.value?this.apState.set(e.data.value):(this.apState.set("off-line"),console.warn("[Autopilot Widget] Autopilot state is null or not available"))}),this.observeDataStream("autopilotMode",e=>{e.data?.value?this.apMode.set(e.data.value):(this.apMode.set("off-line"),console.warn("[Autopilot Widget] Autopilot mode is null or not available"))}),this.observeDataStream("autopilotEngaged",e=>{e.data?.value!=null?this.apEngaged.set(e.data.value):(this.apEngaged.set(!1),console.warn("[Autopilot Widget] Autopilot engaged is null or not available"))}),this.observeDataStream("autopilotV2Target",e=>{e.data?.value?this.autopilotTarget.set(e.data.value):(this.autopilotTarget.set(null),console.warn("[Autopilot Widget] Autopilot V2 target is null or not available"))}),this.startDataSubscription()}startV1Subscriptions(){this.widgetProperties.config.paths.autopilotMode.path=jt.V1_MODE_PATH,this.observeDataStream("autopilotMode",e=>{e.data?.value?this.apMode.set(e.data.value):(this.apMode.set("off-line"),console.warn("[Autopilot Widget] Autopilot V1 mode state is null or not available"))}),this.observeDataStream("autopilotTargetHeading",e=>this.autopilotTargetHeading.set(e.data.value!=null?e.data.value:0)),this.observeDataStream("autopilotTargetWindHeading",e=>this.autopilotTargetWindHeading.set(e.data.value!=null?e.data.value:0)),this.startDataSubscription(),this.subscribePutResponse(),this.apState.set(null)}startDataSubscription(){this.observeDataStream("courseXte",e=>this.crossTrackError.set(e.data.value!=null?e.data.value:0)),this.observeDataStream("rudderAngle",e=>{e.data.value===null?this.rudder.set(null):this.rudder.set(this.widgetProperties.config.autopilot.invertRudder?-e.data.value:e.data.value)}),this.widgetProperties.config.autopilot.headingDirectionTrue?this.observeDataStream("headingTrue",e=>this.heading.set(e.data.value!=null?e.data.value:0)):this.observeDataStream("headingMag",e=>this.heading.set(e.data.value!=null?e.data.value:0)),this.observeDataStream("windAngleApparent",e=>this.windAngleApparent.set(e.data.value!=null?e.data.value:0))}subscribePutResponse(){this._requests.subscribeRequest().pipe(ft(this._destroyRef)).subscribe(e=>{e.widgetUUID==this.widgetProperties.uuid&&this.commandReceived(e)})}makeHttpRequest(e){let t=e.pipe(ft(this._destroyRef));return this.currentRequests.add(t),t.pipe(js(()=>this.currentRequests.delete(t)))}cancelAllHttpRequests(){this.currentRequests.clear()}buildAndSendCommand(e){let t=Or[e];if(typeof t>"u"){alert("Unknown Autopilot command: "+e);return}if(this.actionToBeConfirmed!==""&&this.actionToBeConfirmed!==e&&this.clearConfirmCmd(),(e==="tackToPort"||e==="tackToStarboard")&&this.actionToBeConfirmed===""){this.confirmTack(e);return}if((e==="route"&&this.apMode()==="route"||e==="route"&&this.apMode()==="nav")&&this.actionToBeConfirmed===""){this.confirmAdvanceWaypoint(e);return}if(this.actionToBeConfirmed===e){if(this.clearConfirmCmd(),e==="tackToPort"||e==="tackToStarboard"){let i=e==="tackToPort"?"port":"starboard";this.performTackOrGybe("tack",i)}(e==="route"&&this.apMode()==="route"||e==="route"&&this.apMode()==="nav")&&this.routeCommand(e,Or.advanceWaypoint);return}this.routeCommand(e,t)}routeCommand(e,t){let i=this.widgetProperties.config.autopilot.apiVersion;i==="v2"?(e==="route"&&this.apMode()==="nav"&&(e="advanceWaypoint"),this.sendV2Command(e)):i==="v1"&&!t.path.startsWith("v2:")?this.sendV1Command(t):(console.error("[Autopilot Widget] Unsupported basic command:",t.path),this.displayApError({statusCode:400,statusCodeDescription:"Unsupported Command",message:`Command path '${t.path}' is not supported in the current API version`,widgetUUID:this.widgetProperties.uuid}))}sendV1Command(e){this._requests.putRequest(e.path,e.value,this.widgetProperties.uuid),console.log(`AP Action:
|
|
7
|
+
`+JSON.stringify(e))}sendV2Command(e,t){return Gi(this,null,function*(){let i=this.apiEndpoints;if(!i){console.error("V2 endpoints not available");return}let o=this.dodgeModeActive(),r;switch(e){case"+1":r={path:o?i.dodge:i.adjustHeading,value:{value:1,units:"deg"}},this.executeRestRequest("PUT",r);break;case"+10":r={path:o?i.dodge:i.adjustHeading,value:{value:10,units:"deg"}},this.executeRestRequest("PUT",r);break;case"-1":r={path:o?i.dodge:i.adjustHeading,value:{value:-1,units:"deg"}},this.executeRestRequest("PUT",r);break;case"-10":r={path:o?i.dodge:i.adjustHeading,value:{value:-10,units:"deg"}},this.executeRestRequest("PUT",r);break;case"advanceWaypoint":r={path:`${jt.V2_COURSE}/activeRoute/nextPoint`},this.executeRestRequest("PUT",r);break;case"tack":r={path:`${i.tack}/${t.value}`},this.executeRestRequest("POST",r);break;case"gybe":r={path:`${i.gybe}/${t}`},this.executeRestRequest("POST",r);break;case"dodge":r={path:i.dodge},this.dodgeModeActive()?this.executeRestRequest("DELETE",r).then(l=>{l.statusCode!==200&&this.dodgeModeActive.set(!1)}):this.executeRestRequest("POST",r).then(l=>{l.statusCode!==200&&this.dodgeModeActive.set(!0)});break;case"target_heading":r={path:i.target,value:t},this.executeRestRequest("PUT",r);break;case"standby":{let l={path:`${this.apEngaged()?i.disengage:i.engage}`};this.executeRestRequest("POST",l)}break;case"auto":case"compass":case"gps":case"wind":case"true wind":case"route":case"nav":yield this.setModeAndEnable(e,i);break;default:console.error("Unknown V2 command:",e),this.displayApError({statusCode:400,statusCodeDescription:"Unknown Command",message:`V2 command '${e}' is not supported`,widgetUUID:this.widgetProperties.uuid})}})}executeRestRequest(e,t){return Gi(this,null,function*(){try{let i;switch(e){case"POST":i=yield Oa(this.makeHttpRequest(this.http.post(t.path,void 0)));break;case"PUT":i=yield Oa(this.makeHttpRequest(this.http.put(t.path,t.value==null?void 0:t.value)));break;case"DELETE":i=yield Oa(this.makeHttpRequest(this.http.delete(t.path)));break;default:console.error("[Autopilot Widget] Unsupported REST method:",e)}return i&&i.statusCode===200?i:(console.warn("[Autopilot Widget] V2 Command completed with non-success status:",JSON.stringify(i)),i||{statusCode:0,message:"Unavailable",state:"not provided"})}catch(i){return console.error("[Autopilot Widget] REST operation failed:",i),this.displayApError({statusCode:500,statusCodeDescription:"V2 Command Failed",message:`Failed to execute ${e} ${t.path}`,widgetUUID:this.widgetProperties.uuid}),{statusCode:0,message:i instanceof Error?i.message:"REST operation failed",state:null}}})}setModeAndEnable(e,t){return Gi(this,null,function*(){try{let i=yield this.executeRestRequest("PUT",{path:t.mode,value:{value:e}});if(i.statusCode!==200){console.error(`[Autopilot Widget] Failed to set mode '${e}':`,i);return}let o=yield this.executeRestRequest("PUT",{path:t.state,value:{value:"enabled"}});o.statusCode!==200&&console.error(`[Autopilot Widget] Failed to engage after mode '${e}':`,o)}catch(i){console.error("[Autopilot Widget] setModeAndEngage unexpected error:",i)}})}performTackOrGybe(e,t){if(this.widgetProperties.config.autopilot.apiVersion==="v2")this.sendV2Command(e,{value:t});else{if(e!=="tack")return;let i=Or[t==="port"?"tackToPort":"tackToStarboard"];this._requests.putRequest(i.path,i.value,this.widgetProperties.uuid)}}setAbsoluteTarget(e){this.widgetProperties.config.autopilot.apiVersion==="v2"?this.sendV2Command("target_heading",{value:e,units:"deg"}):console.error("[Autopilot Widget] Absolute target only available in V2 API")}toggleDodge(){this.widgetProperties.config.autopilot.apiVersion==="v2"?this.sendV2Command("dodge"):(console.warn("[Autopilot Widget] Dodge mode only available in V2 API"),this.displayApError({statusCode:400,statusCodeDescription:"V2 API Required",message:"Dodge mode only available in V2 API",widgetUUID:this.widgetProperties.uuid}))}commandReceived(e){e.statusCode!=200&&this.displayApError(e)}confirmAdvanceWaypoint(e){this.startConfirmCmd(e,"Repeat key [Adv Wpt] to confirm")}confirmTack(e){let t="";if(e==="tackToPort")t="Port",this.actionToBeConfirmed=e;else if(e==="tackToStarboard")t="Starboard",this.actionToBeConfirmed=e;else{this.actionToBeConfirmed="";return}let i=`Repeat [Tack ${t}] key to confirm`;this.startConfirmCmd(e,i)}startConfirmCmd(e,t){this.countDownValue=Rr.COUNTDOWN_SECONDS,this.actionToBeConfirmed=e,this.countdownOverlayText.set(t),this.countdownOverlayVisibility.set("visible"),this.updateCountDownCounter(t),clearTimeout(this.handleConfirmActionTimeout),this.handleConfirmActionTimeout=setTimeout(()=>{this.countdownOverlayVisibility.set("hidden"),this.countdownOverlayText.set(""),this.actionToBeConfirmed=""},Rr.MESSAGE_DISPLAY_DURATION)}clearConfirmCmd(){clearTimeout(this.handleConfirmActionTimeout),clearTimeout(this.handleCountDownCounterTimeout),this.countDownValue=-1,this.countdownOverlayVisibility.set("hidden"),this.countdownOverlayText.set(""),this.actionToBeConfirmed=""}updateCountDownCounter(e){this.countDownValue>0?(clearTimeout(this.handleCountDownCounterTimeout),this.countdownOverlayText.set(e),this.countDownValue-=1,this.handleCountDownCounterTimeout=setTimeout(()=>{this.updateCountDownCounter(e)},1e3)):(this.countDownValue=-1,clearTimeout(this.handleCountDownCounterTimeout))}displayApError(e){if(this.isPersistentError){console.warn("[Autopilot Widget] Skipping temporary error display - persistent error active:",e.statusCodeDescription);return}let t=e.statusCode+" - "+e.statusCodeDescription+".";e.message&&(t=t+"Server Message: "+e.message+"."),this.errorOverlayText.set(t),this.errorOverlayVisibility.set("visible"),clearTimeout(this.handleDisplayErrorTimeout),this.handleDisplayErrorTimeout=setTimeout(()=>{this.isPersistentError||(this.errorOverlayVisibility.set("hidden"),this.errorOverlayText.set(""))},Rr.ERROR_DISPLAY_DURATION)}toggleMenu(){this.menuOpen.set(!this.menuOpen())}onMenuItemClick(e){if(e==="cancel"){this.toggleMenu();return}this.buildAndSendCommand(e),this.menuOpen.set(!1)}parseMenuItems(e,t){let i=this.widgetProperties.config.autopilot.apiVersion;return e.map(r=>{if(r.isCancel)return tt(Y({},r),{current:!1,disabled:!1});let l=!1;if(i==="v1")switch(t){case"standby":l=r.action==="auto"||r.action==="wind";break;case"auto":l=r.action==="wind"||r.action==="route";break;case"wind":l=r.action==="auto";break;case"route":l=r.action==="auto";break;default:l=!1}else i==="v2"&&(l=this.widgetProperties.config.autopilot.modes.includes(r.action));return tt(Y({},r),{current:r.action===t,disabled:!l})})}ngOnDestroy(){this.cancelAllHttpRequests(),clearTimeout(this.handleCountDownCounterTimeout),clearTimeout(this.handleConfirmActionTimeout),clearTimeout(this.handleDisplayErrorTimeout),clearTimeout(this.handleMessageTimeout),this.destroyDataStreams()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-autopilot"]],features:[de],decls:94,vars:66,consts:[[1,"widget-host",3,"configChange","config","id"],[1,"autopilot-grid-container"],[1,"ap-modes"],["mat-flat-button","",1,"ap-btn","ap-btn-ctrlbar",3,"click","disabled"],[1,"svg-icon-ctrlbar"],["width","100%","height","100%","viewBox","0 0 100 14","preserveAspectRatio","xMidYMid meet",1,"svg-element","svg-modes"],[0,"xml","space","preserve","x","50","y","10.7"],["mat-flat-button","",3,"click","disabled"],[0,"xml","space","preserve","x","50.090435","y","10.743966"],[1,"ap-screen"],[3,"apMode","targetPilotHeadingTrue","autopilotTarget","courseXte","compassHeading","headingDirectionTrue","appWindAngle","rudderAngle"],[1,"ap-screen-overlay"],["viewBox","0 0 100 100","width","100%","height","100%","preserveAspectRatio","xMidYMid meet"],["x","50%","y","25",1,"svg-element-msg",3,"innerHTML"],["x","50%","dy","75",1,"svg-element-msg",2,"font-size","3em",3,"innerHTML"],[1,"ap-screen-overlay","ap-error-text"],[1,"material-icons","ap-error-icon"],["x","50%","y","25",1,"svg-element-msg","svg-element-error-txt",3,"innerHTML"],["mat-flat-button","",1,"ap-btn",3,"click","disabled"],[1,"svg-icon"],["width","100%","height","100%","viewBox","0 0 100 100","preserveAspectRatio","xMidYMid meet",1,"svg-element"],["fill","currentColor","stroke","currentColor",0,"xml","space","preserve","x","49.894032","y","98.734871"],["fill","currentColor","stroke","currentColor","d","M 31.033486,35.785143 68.966514,66.630677 M 31.033486,35.640825 68.966514,4.79529"],["fill","currentColor","stroke","currentColor",0,"xml","space","preserve","x","50.052986","y","98.734871"],["fill","currentColor","stroke","currentColor","d","M 68.966514,35.785143 31.033486,66.630677 M 68.966514,35.640825 31.033486,4.79529"],["fill","currentColor","stroke","currentColor","d","M 15.778367,35.785143 53.711395,66.630677 M 15.778367,35.640825 53.711395,4.79529"],["fill","currentColor","stroke","currentColor","d","M 46.288608,35.785143 84.221633,66.630677 M 46.288608,35.640825 84.221633,4.79529"],["fill","currentColor","stroke","currentColor","d","M 84.221633,35.785143 46.288605,66.630677 M 84.221633,35.640825 46.288605,4.79529"],["fill","currentColor","stroke","currentColor","d","M 53.711392,35.785143 15.778367,66.630677 M 53.711392,35.640825 15.778367,4.79529"],["transform","scale(-1,1) translate(-100,0)"],["fill","currentColor","d","M 90.5,22.5 67.5,45 96,53 Z",2,"stroke-width","8","stroke-linecap","round","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["fill","none","stroke","currentColor","d",`M 76,31
|
|
8
|
+
A 36 38 0 0 0 24,33`,2,"stroke-width","8.45947","stroke-linecap","square","stroke-linejoin","miter","stroke-miterlimit","0"],["fill","currentColor","cx","14.5","cy","45.25","r","12"],["fill","none","stroke","currentColor","d",`M 76,31
|
|
9
|
+
A 36 38 0 0 0 24,33`,2,"stroke-width","8.45947","stroke-linecap","square","stroke-linejoin","miter","stroke-miterlimit","0"],[1,"embed-widget",3,"widgetProperties"],["mat-flat-button","",1,"ap-btn",3,"disabled","ap-btn-active"],["viewBox","0 0 100 100","preserveAspectRatio","xMidYMid meet",1,"svg-element","svg-route"],["fill","currentColor","stroke","currentColor",0,"xml","space","preserve","x","49.961578","y","86.799866"],["fill","currentColor","d","M 12.090795,4 V 63.58544 L 71.676235,33.792718 Z",2,"stroke","none"],["fill","currentColor","stroke","currentColor","d","M 75.95674,4 V 63.58544",2,"fill","none","stroke-width","9.90493","stroke-linecap","butt","stroke-linejoin","miter","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"],["tabindex","0","role","button","aria-label","Close menu",1,"svg-menu-overlay"],[1,"widgetOverlay"],[0,"xml","space","preserve","x","49.961578","y","86.799866"],["d","M 4.6584699,36.552789 29.229283,58.159051 M 4.6584699,36.451699 29.229283,14.845436",2,"stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"],["d","M 95.34153,36.552789 70.770717,58.159051 M 95.34153,36.451699 70.770717,14.845436",2,"stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"],[0,"xml","space","preserve","x","50.167503","y","61.058273",2,"font-size","68.6095px"],["tabindex","0","role","button","aria-label","Close menu",1,"svg-menu-overlay",3,"click","keyup.enter","keyup.space"],["tabindex","0","role","presentation","aria-label","Menu",1,"svg-menu",3,"click","keyup.enter","keyup.space"],["x","0","y","0","width","240",1,"svg-menu-box"],["tabindex","0","role","button",2,"cursor","pointer"],["tabindex","0","role","button",2,"cursor","pointer",3,"click","keyup.enter","keyup.space"],["x","0","width","240"],["x","120"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),f(1,"div",1)(2,"div",2)(3,"button",3),R("click",function(){return i.toggleMenu()}),f(4,"mat-icon",4),Z(),f(5,"svg",5)(6,"text",6),b(7),hi(8,"titlecase"),w()()()(),Ge(),f(9,"button",7),R("click",function(){return i.buildAndSendCommand("standby")}),f(10,"mat-icon",4),Z(),f(11,"svg",5)(12,"text",8),b(13,"Disengage"),w()()()()(),Ge(),f(14,"div",9),U(15,"app-svg-autopilot",10),f(16,"div",11),Z(),f(17,"svg",12),U(18,"text",13)(19,"text",14),w()(),Ge(),f(20,"div",15)(21,"span",16),b(22,"warning"),w(),Z(),f(23,"svg",12),U(24,"text",17),w()()(),Ge(),f(25,"div")(26,"button",18),R("click",function(){return i.buildAndSendCommand("-1")}),f(27,"mat-icon",19),Z(),f(28,"svg",20)(29,"text",21),b(30,"-1\xB0"),w(),U(31,"path",22),w()()()(),Ge(),f(32,"div")(33,"button",18),R("click",function(){return i.buildAndSendCommand("+1")}),f(34,"mat-icon",19),Z(),f(35,"svg",20)(36,"text",23),b(37,"+1\xB0"),w(),U(38,"path",24),w()()()(),Ge(),f(39,"div")(40,"button",18),R("click",function(){return i.buildAndSendCommand("-10")}),f(41,"mat-icon",19),Z(),f(42,"svg",20)(43,"text",21),b(44,"-10\xB0"),w(),U(45,"path",25)(46,"path",26),w()()()(),Ge(),f(47,"div")(48,"button",18),R("click",function(){return i.buildAndSendCommand("+10")}),f(49,"mat-icon",19),Z(),f(50,"svg",20)(51,"text",23),b(52,"+10\xB0"),w(),U(53,"path",27)(54,"path",28),w()()()(),Ge(),f(55,"div")(56,"button",18),R("click",function(){return i.buildAndSendCommand("tackToPort")}),f(57,"mat-icon",19),Z(),f(58,"svg",20)(59,"text",21),b(60,"Tack"),w(),f(61,"g",29),U(62,"path",30)(63,"path",31)(64,"circle",32),w()()()()(),Ge(),f(65,"div")(66,"button",18),R("click",function(){return i.buildAndSendCommand("tackToStarboard")}),f(67,"mat-icon",19),Z(),f(68,"svg",20)(69,"text",21),b(70,"Tack"),w(),U(71,"path",30)(72,"path",33)(73,"circle",32),w()()()(),Ge(),f(74,"div"),U(75,"widget-position",34),w(),f(76,"div"),U(77,"widget-datetime",34),w(),f(78,"div"),U(79,"widget-numeric",34),w(),f(80,"div"),U(81,"widget-numeric",34),w(),f(82,"div"),Pe(83,Mm,9,11,"button",35),w(),f(84,"div")(85,"button",18),R("click",function(){return i.buildAndSendCommand("route")}),f(86,"mat-icon",19),Z(),f(87,"svg",36)(88,"text",37),b(89,"Adv Wpt"),w(),U(90,"path",38)(91,"path",39),w()()()()(),Pe(92,Am,6,2,"div",40),Pe(93,Pm,1,0,"div",41),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),ye("display",i.apGrid()),C(2),F("disabled",i.apState()==="off-line"||i.apMode()==="off-line"),C(4),et("Mode ",Fa(8,64,i.apMode())," \xA0\u22EE"),C(2),ji(i.apEngaged()?"ap-btn ap-btn-ctrlbar ap-btn-engage":"ap-btn ap-btn-ctrlbar ap-btn-disengage"),F("disabled",i.apEngageBtnDisabled()),C(6),F("apMode",i.apMode())("targetPilotHeadingTrue",i.widgetProperties.config.autopilot.courseDirectionTrue)("autopilotTarget",i.autopilotTarget())("courseXte",i.crossTrackError())("compassHeading",i.heading())("headingDirectionTrue",i.widgetProperties.config.autopilot.headingDirectionTrue)("appWindAngle",i.windAngleApparent())("rudderAngle",i.rudder()),C(),ye("visibility",i.countdownOverlayVisibility()),C(2),F("innerHTML",i.countdownOverlayText(),Wa),C(),ye("visibility",i.countDownValue>=0?"visible":"hidden"),F("innerHTML",i.countDownValue+1,Wa),C(),ye("visibility",i.errorOverlayVisibility()),C(4),F("innerHTML",i.errorOverlayText(),Wa),C(),ye("display",i.adjustHdgBtnVisibility()||i.apMode()==="nav"&&i.dodgeModeActive()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(6),ye("display",i.adjustHdgBtnVisibility()||i.apMode()==="nav"&&i.dodgeModeActive()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(6),ye("display",i.adjustHdgBtnVisibility()||i.apMode()==="nav"&&i.dodgeModeActive()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(7),ye("display",i.adjustHdgBtnVisibility()||i.apMode()==="nav"&&i.dodgeModeActive()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(7),ye("display",i.tackBtnVisibility()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(9),ye("display",i.tackBtnVisibility()?"block":"none"),C(),F("disabled",i.apBtnDisabled()),C(8),ye("display",i.routeBtnVisibility()&&!i.dodgeModeActive()?"block":"none"),C(),F("widgetProperties",i.nextWptProperties()),C(),ye("display",i.routeBtnVisibility()&&!i.dodgeModeActive()?"block":"none"),C(),F("widgetProperties",i.etaProperties()),C(),ye("display",i.routeBtnVisibility()&&!i.dodgeModeActive()?"block":"none"),C(),F("widgetProperties",i.dtwProperties()),C(),ye("display",i.routeBtnVisibility()&&!i.dodgeModeActive()?"block":"none"),C(),F("widgetProperties",i.ttwProperties()),C(),ye("display",i.routeBtnVisibility()?"block":"none"),C(),Oe(i.widgetProperties.config.autopilot.apiVersion==="v2"?83:-1),C(),ye("display",i.routeBtnVisibility()?"block":"none"),C(),F("disabled",i.apBtnDisabled()||i.dodgeModeActive()),C(7),Oe(i.menuOpen()?92:-1),C(),Oe(i.dashboard.isDashboardStatic()?-1:93))},dependencies:[Ce,$d,bt,yt,ut,vt,Bn,wo,fo,vo,fl],styles:['[_nghost-%COMP%]{display:block;height:100%;width:100%}.widget-host[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.autopilot-grid-container[_ngcontent-%COMP%]{box-sizing:border-box;width:100%;height:100%;display:grid;gap:.5rem .5rem;padding:10px;grid-template:"modes modes" minmax(50px,1fr) "screen screen" minmax(50px,auto)/1fr 1fr;grid-template-rows:.15fr 1fr;grid-auto-rows:minmax(50px,2fr)}.ap-modes[_ngcontent-%COMP%]{grid-area:modes;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(50px,1fr);gap:.5rem .5rem}.ap-screen[_ngcontent-%COMP%]{position:relative;grid-area:screen;width:100%;height:100%;max-height:200px;align-content:center}.ap-screen-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;vertical-align:middle;text-align:center;background-color:var(--mat-sys-background)}.ap-error-icon[_ngcontent-%COMP%]{padding-top:15px}.ap-error-text[_ngcontent-%COMP%]{color:var(--mat-sys-error-container)}.ap-btn[_ngcontent-%COMP%]{width:100%;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;--mat-button-filled-container-color: var(--kip-blue-dim-color);--mat-button-filled-label-text-color: var(--kip-contrast-color);--mat-button-filled-container-height: 100%}.ap-btn-ctrlbar[_ngcontent-%COMP%]{padding:4px}.ap-btn-modes[_ngcontent-%COMP%]{--mat-button-filled-horizontal-padding: 0rem}.ap-btn-notifications[_ngcontent-%COMP%]{--mat-button-filled-container-color: var(--kip-yellow-dim-color)}.ap-btn-engage[_ngcontent-%COMP%]{--mat-button-filled-horizontal-padding: 0rem;--mat-button-filled-container-color: var(--kip-port-color)}.ap-btn-disengage[_ngcontent-%COMP%]{--mat-button-filled-horizontal-padding: 0rem;--mat-button-filled-container-color: var(--kip-starboard-color)}.svg-icon-ctrlbar[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;padding:0}.svg-icon[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;padding:.5rem}.svg-element[_ngcontent-%COMP%]{width:100%;height:100%;padding:0}.svg-element[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-family:Roboto;font-size:25px;font-weight:700;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke:none}.svg-element[_ngcontent-%COMP%] path[_ngcontent-%COMP%]{stroke-width:7.59058;stroke-linecap:round;stroke-miterlimit:0;stroke-dasharray:none}.svg-element-msg[_ngcontent-%COMP%]{font-family:Roboto;font-size:12px;font-weight:700;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:var(--kip-contrast-color);fill-opacity:1;stroke:none}.svg-element-note[_ngcontent-%COMP%]{font-family:Roboto;font-size:.5em;font-weight:400;text-align:center;text-anchor:middle;font-style:italic;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:var(--kip-contrast-dim-color);fill-opacity:1;stroke:none}.svg-element-error-txt[_ngcontent-%COMP%]{fill:var(--mat-sys-error-container)}.svg-element-notifications[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}.svg-element-clear-notifications[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);fill-opacity:1;stroke:none}.svg-modes[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-size:12px}.svg-route[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-size:25px}.embed-widget[_ngcontent-%COMP%]{border:1px solid var(--mat-sys-surface-container-highest);border-radius:12px}@media (max-width: 600px){.autopilot-grid-container[_ngcontent-%COMP%]{padding:.5rem;gap:.25rem}.autopilot-btn[_ngcontent-%COMP%]{font-size:.95rem;padding:.4em .5em}}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent;z-index:21}.svg-menu-overlay[_ngcontent-%COMP%]{position:absolute;inset:0;background:#000c;z-index:19;display:flex;align-items:center;justify-content:center}.svg-menu-box[_ngcontent-%COMP%]{fill:var(--mat-sys-surface);stroke:none;border-radius:12px}.svg-menu[_ngcontent-%COMP%]{max-width:80%;background:transparent;border-radius:12px;box-shadow:0 4px 24px #00000026;z-index:20;display:block;font-family:Roboto;font-size:1.1rem;font-weight:700;text-anchor:middle;text-align:center;alignment-baseline:middle}g[_ngcontent-%COMP%]:hover rect[_ngcontent-%COMP%]{fill-opacity:.7}g[_ngcontent-%COMP%]:hover text[_ngcontent-%COMP%]{fill-opacity:.7}g[_ngcontent-%COMP%]:active rect[_ngcontent-%COMP%]{fill-opacity:.4}g[_ngcontent-%COMP%]:active text[_ngcontent-%COMP%]{fill-opacity:.4}.svg-menu-item[_ngcontent-%COMP%]{fill:var(--kip-blue-color);stroke:var(--mat-sys-outline-variant)}.svg-menu-item-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);stroke:none}.svg-menu-item-current[_ngcontent-%COMP%]{fill:var(--kip-blue-color);pointer-events:none;stroke:var(--mat-sys-outline-variant)}.svg-menu-item-current-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);stroke:none;pointer-events:none}.svg-menu-item-disabled[_ngcontent-%COMP%]{fill:var(--kip-blue-color);pointer-events:none;stroke:var(--mat-sys-outline-variant)}.svg-menu-item-disabled-text[_ngcontent-%COMP%]{fill:var(--mat-sys-surface-tint);stroke:none;pointer-events:none}.svg-menu-item-cancel[_ngcontent-%COMP%]{fill:var(--mat-sys-outline);stroke:var(--mat-sys-outline-variant)}.svg-menu-item-cancel-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);stroke:none}.counterText[_ngcontent-%COMP%]{font-weight:700;font-size:7em;margin-top:0;margin-bottom:0}']})}return a})();var Kd={modes:{point(a,n){return _o(a,n,{intersect:!0})},nearest(a,n,e){return Im(a,n,e)},x(a,n,e){return _o(a,n,{intersect:e.intersect,axis:"x"})},y(a,n,e){return _o(a,n,{intersect:e.intersect,axis:"y"})}}};function Hr(a,n,e){return(Kd.modes[e.mode]||Kd.modes.nearest)(a,n,e)}function Om(a,n,e){return e!=="x"&&e!=="y"?a.inRange(n.x,n.y,"x",!0)||a.inRange(n.x,n.y,"y",!0):a.inRange(n.x,n.y,e,!0)}function Rm(a,n,e){return e==="x"?{x:a.x,y:n.y}:e==="y"?{x:n.x,y:a.y}:n}function _o(a,n,e){return a.filter(t=>e.intersect?t.inRange(n.x,n.y):Om(t,n,e.axis))}function Im(a,n,e){let t=Number.POSITIVE_INFINITY;return _o(a,n,e).reduce((i,o)=>{let r=o.getCenterPoint(),l=Rm(n,r,e.axis),d=ha(n,l);return d<t?(i=[o],t=d):d===t&&i.push(o),i},[]).sort((i,o)=>i._index-o._index).slice(0,1)}function an(a,n,e){let t=Math.cos(e),i=Math.sin(e),o=n.x,r=n.y;return{x:o+t*(a.x-o)-i*(a.y-r),y:r+i*(a.x-o)+t*(a.y-r)}}var Nm=(a,n)=>n>a||a.length>n.length&&a.slice(0,n.length)===n,Ji=.001,Co=(a,n,e)=>Math.min(e,Math.max(n,a)),gc=(a,n)=>a.value>=a.start-n&&a.value<=a.end+n;function Wm(a,n,e){for(let t of Object.keys(a))a[t]=Co(a[t],n,e);return a}function Lm(a,n,e,t){return!a||!n||e<=0?!1:Math.pow(a.x-n.x,2)+Math.pow(a.y-n.y,2)<=Math.pow(e+t,2)}function fc(a,{x:n,y:e,x2:t,y2:i},o,{borderWidth:r,hitTolerance:l}){let d=(r+l)/2,p=a.x>=n-d-Ji&&a.x<=t+d+Ji,s=a.y>=e-d-Ji&&a.y<=i+d+Ji;return o==="x"?p:(o==="y"||p)&&s}function vc(a,{rect:n,center:e},t,{rotation:i,borderWidth:o,hitTolerance:r}){let l=an(a,e,ti(-i));return fc(l,n,t,{borderWidth:o,hitTolerance:r})}function on(a,n){let{centerX:e,centerY:t}=a.getProps(["centerX","centerY"],n);return{x:e,y:t}}function Vm(a,n,e,t=!0){let i=e.split("."),o=0;for(let r of n.split(".")){let l=i[o++];if(parseInt(r,10)<parseInt(l,10))break;if(Nm(l,r)){if(t)throw new Error(`${a} v${e} is not supported. v${n} or newer is required.`);return!1}}return!0}var yc=a=>typeof a=="string"&&a.endsWith("%"),bc=a=>parseFloat(a)/100,wc=a=>Co(bc(a),0,1),pa=(a,n)=>({x:a,y:n,x2:a,y2:n,width:0,height:0}),Bm={box:a=>pa(a.centerX,a.centerY),doughnutLabel:a=>pa(a.centerX,a.centerY),ellipse:a=>({centerX:a.centerX,centerY:a.centerX,radius:0,width:0,height:0}),label:a=>pa(a.centerX,a.centerY),line:a=>pa(a.x,a.y),point:a=>({centerX:a.centerX,centerY:a.centerY,radius:0,width:0,height:0}),polygon:a=>pa(a.centerX,a.centerY)};function Ur(a,n){return n==="start"?0:n==="end"?a:yc(n)?wc(n)*a:a/2}function Wi(a,n,e=!0){return typeof n=="number"?n:yc(n)?(e?wc(n):bc(n))*a:a}function zm(a,n){let{x:e,width:t}=a,i=n.textAlign;return i==="center"?e+t/2:i==="end"||i==="right"?e+t:e}function _c(a,n,{borderWidth:e,position:t,xAdjust:i,yAdjust:o},r){let l=Di(r),d=n.width+(l?r.width:0)+e,p=n.height+(l?r.height:0)+e,s=Gr(t),c=Qd(a.x,d,i,s.x),m=Qd(a.y,p,o,s.y);return{x:c,y:m,x2:c+d,y2:m+p,width:d,height:p,centerX:c+d/2,centerY:m+p/2}}function Gr(a,n="center"){return Di(a)?{x:Yi(a.x,n),y:Yi(a.y,n)}:(a=Yi(a,n),{x:a,y:a})}var Sc=(a,n)=>a&&a.autoFit&&n<1;function Cc(a,n){let e=a.font,t=Mi(e)?e:[e];return Sc(a,n)?t.map(function(i){let o=ua(i);return o.size=Math.floor(i.size*n),o.lineHeight=i.lineHeight,ua(o)}):t.map(i=>ua(i))}function kc(a){return a&&(ei(a.xValue)||ei(a.yValue))}function Qd(a,n,e=0,t){return a-Ur(n,t)+e}function qn(a,n,e){let t=e.init;if(t){if(t===!0)return Tc(n,e)}else return;return Fm(a,n,e)}function xc(a,n,e){let t=!1;return n.forEach(i=>{Ai(a[i])?(t=!0,e[i]=a[i]):ei(e[i])&&delete e[i]}),t}function Tc(a,n){let e=n.type||"line";return Bm[e](a)}function Fm(a,n,e){let t=ca(e.init,[{chart:a,properties:n,options:e}]);if(t===!0)return Tc(n,e);if(Di(t))return t}var Ir=new Map,Hm=a=>isNaN(a)||a<=0,Um=a=>a.reduce(function(n,e){return n+=e.string,n},"");function ko(a){if(a&&typeof a=="object"){let n=a.toString();return n==="[object HTMLImageElement]"||n==="[object HTMLCanvasElement]"}}function xo(a,{x:n,y:e},t){t&&(a.translate(n,e),a.rotate(ti(t)),a.translate(-n,-e))}function _i(a,n){if(n&&n.borderWidth)return a.lineCap=n.borderCapStyle||"butt",a.setLineDash(n.borderDash),a.lineDashOffset=n.borderDashOffset,a.lineJoin=n.borderJoinStyle||"miter",a.lineWidth=n.borderWidth,a.strokeStyle=n.borderColor,!0}function jn(a,n){a.shadowColor=n.backgroundShadowColor,a.shadowBlur=n.shadowBlur,a.shadowOffsetX=n.shadowOffsetX,a.shadowOffsetY=n.shadowOffsetY}function To(a,n){let e=n.content;if(ko(e))return{width:Wi(e.width,n.width),height:Wi(e.height,n.height)};let t=Cc(n),i=n.textStrokeWidth,o=Mi(e)?e:[e],r=o.join()+Um(t)+i+(a._measureText?"-spriting":"");return Ir.has(r)||Ir.set(r,$m(a,o,t,i)),Ir.get(r)}function Ec(a,n,e){let{x:t,y:i,width:o,height:r}=n;a.save(),jn(a,e);let l=_i(a,e);a.fillStyle=e.backgroundColor,a.beginPath(),kr(a,{x:t,y:i,w:o,h:r,radius:Wm(xr(e.borderRadius),0,Math.min(o,r)/2)}),a.closePath(),a.fill(),l&&(a.shadowColor=e.borderShadowColor,a.stroke()),a.restore()}function Mc(a,n,e,t){let i=e.content;if(ko(i)){a.save(),a.globalAlpha=Qm(e.opacity,i.style.opacity),a.drawImage(i,n.x,n.y,n.width,n.height),a.restore();return}let o=Mi(i)?i:[i],r=Cc(e,t),l=e.color,d=Mi(l)?l:[l],p=zm(n,e),s=n.y+e.textStrokeWidth/2;a.save(),a.textBaseline="middle",a.textAlign=e.textAlign,Gm(a,e)&&Ym(a,{x:p,y:s},o,r),Km(a,{x:p,y:s},o,{fonts:r,colors:d}),a.restore()}function Gm(a,n){if(n.textStrokeWidth>0)return a.lineJoin="round",a.miterLimit=2,a.lineWidth=n.textStrokeWidth,a.strokeStyle=n.textStrokeColor,!0}function qm(a,n,e,t){let{radius:i,options:o}=n,r=o.pointStyle,l=o.rotation,d=(l||0)*io;if(ko(r)){a.save(),a.translate(e,t),a.rotate(d),a.drawImage(r,-r.width/2,-r.height/2,r.width,r.height),a.restore();return}Hm(i)||jm(a,{x:e,y:t,radius:i,rotation:l,style:r,rad:d})}function jm(a,{x:n,y:e,radius:t,rotation:i,style:o,rad:r}){let l,d,p,s;switch(a.beginPath(),o){default:a.arc(n,e,t,0,to),a.closePath();break;case"triangle":a.moveTo(n+Math.sin(r)*t,e-Math.cos(r)*t),r+=no,a.lineTo(n+Math.sin(r)*t,e-Math.cos(r)*t),r+=no,a.lineTo(n+Math.sin(r)*t,e-Math.cos(r)*t),a.closePath();break;case"rectRounded":s=t*.516,p=t-s,l=Math.cos(r+Ki)*p,d=Math.sin(r+Ki)*p,a.arc(n-l,e-d,s,r-Bt,r-xn),a.arc(n+d,e-l,s,r-xn,r),a.arc(n+l,e+d,s,r,r+xn),a.arc(n-d,e+l,s,r+xn,r+Bt),a.closePath();break;case"rect":if(!i){p=Math.SQRT1_2*t,a.rect(n-p,e-p,2*p,2*p);break}r+=Ki;case"rectRot":l=Math.cos(r)*t,d=Math.sin(r)*t,a.moveTo(n-l,e-d),a.lineTo(n+d,e-l),a.lineTo(n+l,e+d),a.lineTo(n-d,e+l),a.closePath();break;case"crossRot":r+=Ki;case"cross":l=Math.cos(r)*t,d=Math.sin(r)*t,a.moveTo(n-l,e-d),a.lineTo(n+l,e+d),a.moveTo(n+d,e-l),a.lineTo(n-d,e+l);break;case"star":l=Math.cos(r)*t,d=Math.sin(r)*t,a.moveTo(n-l,e-d),a.lineTo(n+l,e+d),a.moveTo(n+d,e-l),a.lineTo(n-d,e+l),r+=Ki,l=Math.cos(r)*t,d=Math.sin(r)*t,a.moveTo(n-l,e-d),a.lineTo(n+l,e+d),a.moveTo(n+d,e-l),a.lineTo(n-d,e+l);break;case"line":l=Math.cos(r)*t,d=Math.sin(r)*t,a.moveTo(n-l,e-d),a.lineTo(n+l,e+d);break;case"dash":a.moveTo(n,e),a.lineTo(n+Math.cos(r)*t,e+Math.sin(r)*t);break}a.fill()}function $m(a,n,e,t){a.save();let i=n.length,o=0,r=t;for(let l=0;l<i;l++){let d=e[Math.min(l,e.length-1)];a.font=d.string;let p=n[l];o=Math.max(o,a.measureText(p).width+t),r+=d.lineHeight}return a.restore(),{width:o,height:r}}function Ym(a,{x:n,y:e},t,i){a.beginPath();let o=0;t.forEach(function(r,l){let d=i[Math.min(l,i.length-1)],p=d.lineHeight;a.font=d.string,a.strokeText(r,n,e+p/2+o),o+=p}),a.stroke()}function Km(a,{x:n,y:e},t,{fonts:i,colors:o}){let r=0;t.forEach(function(l,d){let p=o[Math.min(d,o.length-1)],s=i[Math.min(d,i.length-1)],c=s.lineHeight;a.beginPath(),a.font=s.string,a.fillStyle=p,a.fillText(l,n,e+c/2+r),r+=c,a.fill()})}function Qm(a,n){let e=ao(a)?a:n;return ao(e)?Co(e,0,1):1}var Dc=["left","bottom","top","right"];function Xm(a,n){let{pointX:e,pointY:t,options:i}=n,o=i.callout,r=o&&o.display&&ip(n,o);if(!r||ap(n,o,r))return;if(a.save(),a.beginPath(),!_i(a,o))return a.restore();let{separatorStart:d,separatorEnd:p}=Zm(n,r),{sideStart:s,sideEnd:c}=ep(n,r,d);(o.margin>0||i.borderWidth===0)&&(a.moveTo(d.x,d.y),a.lineTo(p.x,p.y)),a.moveTo(s.x,s.y),a.lineTo(c.x,c.y);let m=an({x:e,y:t},n.getCenterPoint(),ti(-n.rotation));a.lineTo(m.x,m.y),a.stroke(),a.restore()}function Zm(a,n){let{x:e,y:t,x2:i,y2:o}=a,r=Jm(a,n),l,d;return n==="left"||n==="right"?(l={x:e+r,y:t},d={x:l.x,y:o}):(l={x:e,y:t+r},d={x:i,y:l.y}),{separatorStart:l,separatorEnd:d}}function Jm(a,n){let{width:e,height:t,options:i}=a,o=i.callout.margin+i.borderWidth/2;return n==="right"?e+o:n==="bottom"?t+o:-o}function ep(a,n,e){let{y:t,width:i,height:o,options:r}=a,l=r.callout.start,d=tp(n,r.callout),p,s;return n==="left"||n==="right"?(p={x:e.x,y:t+Wi(o,l)},s={x:p.x+d,y:p.y}):(p={x:e.x+Wi(i,l),y:e.y},s={x:p.x,y:p.y+d}),{sideStart:p,sideEnd:s}}function tp(a,n){let e=n.side;return a==="left"||a==="top"?-e:e}function ip(a,n){let e=n.position;return Dc.includes(e)?e:np(a,n)}function np(a,n){let{x:e,y:t,x2:i,y2:o,width:r,height:l,pointX:d,pointY:p,centerX:s,centerY:c,rotation:m}=a,v={x:s,y:c},y=n.start,S=Wi(r,y),x=Wi(l,y),V=[e,e+S,e+S,i],z=[t+x,o,t,o],X=[];for(let se=0;se<4;se++){let _e=an({x:V[se],y:z[se]},v,ti(m));X.push({position:Dc[se],distance:ha(_e,{x:d,y:p})})}return X.sort((se,_e)=>se.distance-_e.distance)[0].position}function ap(a,n,e){let{pointX:t,pointY:i}=a,o=n.margin,r=t,l=i;return e==="left"?r+=o:e==="right"?r-=o:e==="top"?l+=o:e==="bottom"&&(l-=o),a.inRange(r,l)}var Xd={xScaleID:{min:"xMin",max:"xMax",start:"left",end:"right",startProp:"x",endProp:"x2"},yScaleID:{min:"yMin",max:"yMax",start:"bottom",end:"top",startProp:"y",endProp:"y2"}};function Fn(a,n,e){return n=typeof n=="number"?n:a.parse(n),eo(n)?a.getPixelForValue(n):e}function en(a,n,e){let t=n[e];if(t||e==="scaleID")return t;let i=e.charAt(0),o=Object.values(a).filter(r=>r.axis&&r.axis===i);return o.length?o[0].id:i}function Ac(a,n){if(a){let e=a.options.reverse,t=Fn(a,n.min,e?n.end:n.start),i=Fn(a,n.max,e?n.start:n.end);return{start:t,end:i}}}function Pc(a,n){let{chartArea:e,scales:t}=a,i=t[en(t,n,"xScaleID")],o=t[en(t,n,"yScaleID")],r=e.width/2,l=e.height/2;return i&&(r=Fn(i,n.xValue,i.left+i.width/2)),o&&(l=Fn(o,n.yValue,o.top+o.height/2)),{x:r,y:l}}function qr(a,n){let e=a.scales,t=e[en(e,n,"xScaleID")],i=e[en(e,n,"yScaleID")];if(!t&&!i)return{};let{left:o,right:r}=t||a.chartArea,{top:l,bottom:d}=i||a.chartArea,p=Zd(t,{min:n.xMin,max:n.xMax,start:o,end:r});o=p.start,r=p.end;let s=Zd(i,{min:n.yMin,max:n.yMax,start:d,end:l});return l=s.start,d=s.end,{x:o,y:l,x2:r,y2:d,width:r-o,height:d-l,centerX:o+(r-o)/2,centerY:l+(d-l)/2}}function Oc(a,n){if(!kc(n)){let e=qr(a,n),t=n.radius;(!t||isNaN(t))&&(t=Math.min(e.width,e.height)/2,n.radius=t);let i=t*2,o=e.centerX+n.xAdjust,r=e.centerY+n.yAdjust;return{x:o-t,y:r-t,x2:o+t,y2:r+t,centerX:o,centerY:r,width:i,height:i,radius:t}}return rp(a,n)}function op(a,n){let{scales:e,chartArea:t}=a,i=e[n.scaleID],o={x:t.left,y:t.top,x2:t.right,y2:t.bottom};return i?sp(i,o,n):lp(e,o,n),o}function Rc(a,n){let e=qr(a,n);return e.initProperties=qn(a,e,n),e.elements=[{type:"label",optionScope:"label",properties:hp(a,e,n),initProperties:e.initProperties}],e}function rp(a,n){let e=Pc(a,n),t=n.radius*2;return{x:e.x-n.radius+n.xAdjust,y:e.y-n.radius+n.yAdjust,x2:e.x+n.radius+n.xAdjust,y2:e.y+n.radius+n.yAdjust,centerX:e.x+n.xAdjust,centerY:e.y+n.yAdjust,radius:n.radius,width:t,height:t}}function Zd(a,n){let e=Ac(a,n)||n;return{start:Math.min(e.start,e.end),end:Math.max(e.start,e.end)}}function sp(a,n,e){let t=Fn(a,e.value,NaN),i=Fn(a,e.endValue,t);a.isHorizontal()?(n.x=t,n.x2=i):(n.y=t,n.y2=i)}function lp(a,n,e){for(let t of Object.keys(Xd)){let i=a[en(a,e,t)];if(i){let{min:o,max:r,start:l,end:d,startProp:p,endProp:s}=Xd[t],c=Ac(i,{min:e[o],max:e[r],start:i[l],end:i[d]});n[p]=c.start,n[s]=c.end}}}function dp({properties:a,options:n},e,t,i){let{x:o,x2:r,width:l}=a;return Ic({start:o,end:r,size:l,borderWidth:n.borderWidth},{position:t.x,padding:{start:i.left,end:i.right},adjust:n.label.xAdjust,size:e.width})}function cp({properties:a,options:n},e,t,i){let{y:o,y2:r,height:l}=a;return Ic({start:o,end:r,size:l,borderWidth:n.borderWidth},{position:t.y,padding:{start:i.top,end:i.bottom},adjust:n.label.yAdjust,size:e.height})}function Ic(a,n){let{start:e,end:t,borderWidth:i}=a,{position:o,padding:{start:r,end:l},adjust:d}=n,p=t-i-e-r-l-n.size;return e+i/2+d+Ur(p,o)}function hp(a,n,e){let t=e.label;t.backgroundColor="transparent",t.callout.display=!1;let i=Gr(t.position),o=Tn(t.padding),r=To(a.ctx,t),l=dp({properties:n,options:e},r,i,o),d=cp({properties:n,options:e},r,i,o),p=r.width+o.width,s=r.height+o.height;return{x:l,y:d,x2:l+p,y2:d+s,width:p,height:s,centerX:l+p/2,centerY:d+s/2,rotation:t.rotation}}var Nr=["enter","leave"],jr=Nr.concat("click");function up(a,n,e){n.listened=xc(e,jr,n.listeners),n.moveListened=!1,Nr.forEach(t=>{Ai(e[t])&&(n.moveListened=!0)}),(!n.listened||!n.moveListened)&&n.annotations.forEach(t=>{!n.listened&&Ai(t.click)&&(n.listened=!0),n.moveListened||Nr.forEach(i=>{Ai(t[i])&&(n.listened=!0,n.moveListened=!0)})})}function mp(a,n,e){if(a.listened)switch(n.type){case"mousemove":case"mouseout":return pp(a,n,e);case"click":return gp(a,n,e)}}function pp(a,n,e){if(!a.moveListened)return;let t;n.type==="mousemove"?t=Hr(a.visibleElements,n,e.interaction):t=[];let i=a.hovered;a.hovered=t;let o={state:a,event:n},r=Jd(o,"leave",i,t);return Jd(o,"enter",t,i)||r}function Jd({state:a,event:n},e,t,i){let o;for(let r of t)i.indexOf(r)<0&&(o=Nc(r.options[e]||a.listeners[e],r,n)||o);return o}function gp(a,n,e){let t=a.listeners,i=Hr(a.visibleElements,n,e.interaction),o;for(let r of i)o=Nc(r.options.click||t.click,r,n)||o;return o}function Nc(a,n,e){return ca(a,[n.$context,e])===!0}var So=["afterDraw","beforeDraw"];function fp(a,n,e){let t=n.visibleElements;n.hooked=xc(e,So,n.hooks),n.hooked||t.forEach(i=>{n.hooked||So.forEach(o=>{Ai(i.options[o])&&(n.hooked=!0)})})}function ec(a,n,e){if(a.hooked){let t=n.options[e]||a.hooks[e];return ca(t,[n.$context])}}function vp(a,n,e){let t=Sp(a.scales,n,e),i=tc(n,t,"min","suggestedMin");i=tc(n,t,"max","suggestedMax")||i,i&&Ai(n.handleTickRangeOptions)&&n.handleTickRangeOptions()}function yp(a,n){for(let e of a)wp(e,n)}function tc(a,n,e,t){if(eo(n[e])&&!bp(a.options,e,t)){let i=a[e]!==n[e];return a[e]=n[e],i}}function bp(a,n,e){return ei(a[n])||ei(a[e])}function wp(a,n){for(let e of["scaleID","xScaleID","yScaleID"]){let t=en(n,a,e);t&&!n[t]&&_p(a,e)&&console.warn(`No scale found with id '${t}' for annotation '${a.id}'`)}}function _p(a,n){if(n==="scaleID")return!0;let e=n.charAt(0);for(let t of["Min","Max","Value"])if(ei(a[e+t]))return!0;return!1}function Sp(a,n,e){let t=n.axis,i=n.id,o=t+"ScaleID",r={min:Yi(n.min,Number.NEGATIVE_INFINITY),max:Yi(n.max,Number.POSITIVE_INFINITY)};for(let l of e)l.scaleID===i?ic(l,n,["value","endValue"],r):en(a,l,o)===i&&ic(l,n,[t+"Min",t+"Max",t+"Value"],r);return r}function ic(a,n,e,t){for(let i of e){let o=a[i];if(ei(o)){let r=n.parse(o);t.min=Math.min(t.min,r),t.max=Math.max(t.max,r)}}}var Li=class extends Pi{inRange(n,e,t,i){let{x:o,y:r}=an({x:n,y:e},this.getCenterPoint(i),ti(-this.options.rotation));return fc({x:o,y:r},this.getProps(["x","y","x2","y2"],i),t,this.options)}getCenterPoint(n){return on(this,n)}draw(n){n.save(),xo(n,this.getCenterPoint(),this.options.rotation),Ec(n,this,this.options),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,e){return Rc(n,e)}};Li.id="boxAnnotation";Li.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:1,display:!0,init:void 0,hitTolerance:0,label:{backgroundColor:"transparent",borderWidth:0,callout:{display:!1},color:"black",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:void 0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0};Li.defaultRoutes={borderColor:"color",backgroundColor:"color"};Li.descriptors={label:{_fallback:!0}};var Hn=class extends Pi{inRange(n,e,t,i){return vc({x:n,y:e},{rect:this.getProps(["x","y","x2","y2"],i),center:this.getCenterPoint(i)},t,{rotation:this.rotation,borderWidth:0,hitTolerance:this.options.hitTolerance})}getCenterPoint(n){return on(this,n)}draw(n){let e=this.options;!e.display||!e.content||(Mp(n,this),n.save(),xo(n,this.getCenterPoint(),this.rotation),Mc(n,this,e,this._fitRatio),n.restore())}resolveElementProperties(n,e){let t=Cp(n,e);if(!t)return{};let{controllerMeta:i,point:o,radius:r}=xp(n,e,t),l=To(n.ctx,e),d=Tp(l,r);Sc(e,d)&&(l={width:l.width*d,height:l.height*d});let{position:p,xAdjust:s,yAdjust:c}=e,m=_c(o,l,{borderWidth:0,position:p,xAdjust:s,yAdjust:c});return tt(Y(Y({initProperties:qn(n,m,e)},m),i),{rotation:e.rotation,_fitRatio:d})}};Hn.id="doughnutLabelAnnotation";Hn.defaults={autoFit:!0,autoHide:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderColor:"transparent",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderShadowColor:"transparent",borderWidth:0,color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,spacing:1,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0};Hn.defaultRoutes={};function Cp(a,n){return a.getSortedVisibleDatasetMetas().reduce(function(e,t){let i=t.controller;return i instanceof md&&kp(a,n,t.data)&&(!e||i.innerRadius<e.controller.innerRadius)&&i.options.circumference>=90?t:e},void 0)}function kp(a,n,e){if(!n.autoHide)return!0;for(let t=0;t<e.length;t++)if(!e[t].hidden&&a.getDataVisibility(t))return!0}function xp({chartArea:a},n,e){let{left:t,top:i,right:o,bottom:r}=a,{innerRadius:l,offsetX:d,offsetY:p}=e.controller,s=(t+o)/2+d,c=(i+r)/2+p,m={left:Math.max(s-l,t),right:Math.min(s+l,o),top:Math.max(c-l,i),bottom:Math.min(c+l,r)},v={x:(m.left+m.right)/2,y:(m.top+m.bottom)/2},y=n.spacing+n.borderWidth/2,S=l-y,x=v.y>c,V=x?i+y:r-y,z=Ep(V,s,c,S);return{controllerMeta:Y({_centerX:s,_centerY:c,_radius:S,_counterclockwise:x},z),point:v,radius:Math.min(l,Math.min(m.right-m.left,m.bottom-m.top)/2)}}function Tp({width:a,height:n},e){let t=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return e*2/t}function Ep(a,n,e,t){let i=Math.pow(e-a,2),o=Math.pow(t,2),r=n*-2,l=Math.pow(n,2)+i-o,d=Math.pow(r,2)-4*l;if(d<=0)return{_startAngle:0,_endAngle:to};let p=(-r-Math.sqrt(d))/2,s=(-r+Math.sqrt(d))/2;return{_startAngle:oo({x:n,y:e},{x:p,y:a}).angle,_endAngle:oo({x:n,y:e},{x:s,y:a}).angle}}function Mp(a,n){let{_centerX:e,_centerY:t,_radius:i,_startAngle:o,_endAngle:r,_counterclockwise:l,options:d}=n;a.save();let p=_i(a,d);a.fillStyle=d.backgroundColor,a.beginPath(),a.arc(e,t,i,o,r,l),a.closePath(),a.fill(),p&&a.stroke(),a.restore()}var tn=class extends Pi{inRange(n,e,t,i){return vc({x:n,y:e},{rect:this.getProps(["x","y","x2","y2"],i),center:this.getCenterPoint(i)},t,{rotation:this.rotation,borderWidth:this.options.borderWidth,hitTolerance:this.options.hitTolerance})}getCenterPoint(n){return on(this,n)}draw(n){let e=this.options,t=!ei(this._visible)||this._visible;!e.display||!e.content||!t||(n.save(),xo(n,this.getCenterPoint(),this.rotation),Xm(n,this),Ec(n,this,e),Mc(n,Dp(this),e),n.restore())}resolveElementProperties(n,e){let t;if(kc(e))t=Pc(n,e);else{let{centerX:l,centerY:d}=qr(n,e);t={x:l,y:d}}let i=Tn(e.padding),o=To(n.ctx,e),r=_c(t,o,e,i);return tt(Y({initProperties:qn(n,r,e),pointX:t.x,pointY:t.y},r),{rotation:e.rotation})}};tn.id="labelAnnotation";tn.defaults={adjustScaleRange:!0,backgroundColor:"transparent",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:0,borderShadowColor:"transparent",borderWidth:0,callout:{borderCapStyle:"butt",borderColor:void 0,borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:1,display:!1,margin:5,position:"auto",side:5,start:"50%"},color:"black",content:null,display:!0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:void 0},height:void 0,hitTolerance:0,init:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0};tn.defaultRoutes={borderColor:"color"};function Dp({x:a,y:n,width:e,height:t,options:i}){let o=i.borderWidth/2,r=Tn(i.padding);return{x:a+r.left+o,y:n+r.top+o,width:e-r.left-r.right-i.borderWidth,height:t-r.top-r.bottom-i.borderWidth}}var $r=(a,n,e)=>({x:a.x+e*(n.x-a.x),y:a.y+e*(n.y-a.y)}),Wr=(a,n,e)=>$r(n,e,Math.abs((a-n.y)/(e.y-n.y))).x,nc=(a,n,e)=>$r(n,e,Math.abs((a-n.x)/(e.x-n.x))).y,fa=a=>a*a,Ap=(a,n,{x:e,y:t,x2:i,y2:o},r)=>r==="y"?{start:Math.min(t,o),end:Math.max(t,o),value:n}:{start:Math.min(e,i),end:Math.max(e,i),value:a},ac=(a,n,e,t)=>(1-t)*(1-t)*a+2*(1-t)*t*n+t*t*e,Lr=(a,n,e,t)=>({x:ac(a.x,n.x,e.x,t),y:ac(a.y,n.y,e.y,t)}),oc=(a,n,e,t)=>2*(1-t)*(n-a)+2*t*(e-n),rc=(a,n,e,t)=>-Math.atan2(oc(a.x,n.x,e.x,t),oc(a.y,n.y,e.y,t))+.5*Bt,Eo=(()=>{class a extends Pi{inRange(e,t,i,o){let r=(this.options.borderWidth+this.options.hitTolerance)/2;if(i!=="x"&&i!=="y"){let l={mouseX:e,mouseY:t},{path:d,ctx:p}=this;if(d){_i(p,this.options),p.lineWidth+=this.options.hitTolerance;let{chart:c}=this.$context,m=e*c.currentDevicePixelRatio,v=t*c.currentDevicePixelRatio,y=p.isPointInStroke(d,m,v)||Vr(this,l,o);return p.restore(),y}let s=fa(r);return Ip(this,l,s,o)||Vr(this,l,o)}return Pp(this,{mouseX:e,mouseY:t},i,{hitSize:r,useFinalPosition:o})}getCenterPoint(e){return on(this,e)}draw(e){let{x:t,y:i,x2:o,y2:r,cp:l,options:d}=this;if(e.save(),!_i(e,d))return e.restore();jn(e,d);let p=Math.sqrt(Math.pow(o-t,2)+Math.pow(r-i,2));if(d.curve&&l)return Hp(e,this,l,p),e.restore();let{startOpts:s,endOpts:c,startAdjust:m,endAdjust:v}=Wc(this),y=Math.atan2(r-i,o-t);e.translate(t,i),e.rotate(y),e.beginPath(),e.moveTo(0+m,0),e.lineTo(p-v,0),e.shadowColor=d.borderShadowColor,e.stroke(),Br(e,0,m,s),Br(e,p,-v,c),e.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(e,t){let i=op(e,t),{x:o,y:r,x2:l,y2:d}=i,p=Op(i,e.chartArea),s=p?Rp({x:o,y:r},{x:l,y:d},e.chartArea):{x:o,y:r,x2:l,y2:d,width:Math.abs(l-o),height:Math.abs(d-r)};if(s.centerX=(l+o)/2,s.centerY=(d+r)/2,s.initProperties=qn(e,s,t),t.curve){let m={x:s.x,y:s.y},v={x:s.x2,y:s.y2};s.cp=Fp(s,t,ha(m,v))}let c=Np(e,s,t.label);return c._visible=p,s.elements=[{type:"label",optionScope:"label",properties:c,initProperties:s.initProperties}],s}}return a.id="lineAnnotation",a})(),sc={backgroundColor:void 0,backgroundShadowColor:void 0,borderColor:void 0,borderDash:void 0,borderDashOffset:void 0,borderShadowColor:void 0,borderWidth:void 0,display:void 0,fill:void 0,length:void 0,shadowBlur:void 0,shadowOffsetX:void 0,shadowOffsetY:void 0,width:void 0};Eo.defaults={adjustScaleRange:!0,arrowHeads:{display:!1,end:Object.assign({},sc),fill:!1,length:12,start:Object.assign({},sc),width:6},borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:2,curve:!1,controlPoint:{y:"-50%"},display:!0,endValue:void 0,init:void 0,hitTolerance:0,label:{backgroundColor:"rgba(0,0,0,0.8)",backgroundShadowColor:"transparent",borderCapStyle:"butt",borderColor:"black",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderRadius:6,borderShadowColor:"transparent",borderWidth:0,callout:Object.assign({},tn.defaults.callout),color:"#fff",content:null,display:!1,drawTime:void 0,font:{family:void 0,lineHeight:void 0,size:void 0,style:void 0,weight:"bold"},height:void 0,hitTolerance:void 0,opacity:void 0,padding:6,position:"center",rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,textAlign:"center",textStrokeColor:void 0,textStrokeWidth:0,width:void 0,xAdjust:0,yAdjust:0,z:void 0},scaleID:void 0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,value:void 0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0};Eo.descriptors={arrowHeads:{start:{_fallback:!0},end:{_fallback:!0},_fallback:!0}};Eo.defaultRoutes={borderColor:"color"};function Pp(a,{mouseX:n,mouseY:e},t,{hitSize:i,useFinalPosition:o}){let r=Ap(n,e,a.getProps(["x","y","x2","y2"],o),t);return gc(r,i)||Vr(a,{mouseX:n,mouseY:e},o,t)}function Op({x:a,y:n,x2:e,y2:t},{top:i,right:o,bottom:r,left:l}){return!(a<l&&e<l||a>o&&e>o||n<i&&t<i||n>r&&t>r)}function lc({x:a,y:n},e,{top:t,right:i,bottom:o,left:r}){return a<r&&(n=nc(r,{x:a,y:n},e),a=r),a>i&&(n=nc(i,{x:a,y:n},e),a=i),n<t&&(a=Wr(t,{x:a,y:n},e),n=t),n>o&&(a=Wr(o,{x:a,y:n},e),n=o),{x:a,y:n}}function Rp(a,n,e){let{x:t,y:i}=lc(a,n,e),{x:o,y:r}=lc(n,a,e);return{x:t,y:i,x2:o,y2:r,width:Math.abs(o-t),height:Math.abs(r-i)}}function Ip(a,{mouseX:n,mouseY:e},t=Ji,i){let{x:o,y:r,x2:l,y2:d}=a.getProps(["x","y","x2","y2"],i),p=l-o,s=d-r,c=fa(p)+fa(s),m=c===0?-1:((n-o)*p+(e-r)*s)/c,v,y;return m<0?(v=o,y=r):m>1?(v=l,y=d):(v=o+m*p,y=r+m*s),fa(n-v)+fa(e-y)<=t}function Vr(a,{mouseX:n,mouseY:e},t,i){let o=a.label;return o.options.display&&o.inRange(n,e,i,t)}function Np(a,n,e){let t=e.borderWidth,i=Tn(e.padding),o=To(a.ctx,e),r=o.width+i.width+t,l=o.height+i.height+t;return Lp(n,e,{width:r,height:l,padding:i},a.chartArea)}function Wp(a){let{x:n,y:e,x2:t,y2:i}=a,o=Math.atan2(i-e,t-n);return o>Bt/2?o-Bt:o<Bt/-2?o+Bt:o}function Lp(a,n,e,t){let{width:i,height:o,padding:r}=e,{xAdjust:l,yAdjust:d}=n,p={x:a.x,y:a.y},s={x:a.x2,y:a.y2},c=n.rotation==="auto"?Wp(a):ti(n.rotation),m=Vp(i,o,c),v=Bp(a,n,{labelSize:m,padding:r},t),y=a.cp?Lr(p,a.cp,s,v):$r(p,s,v),S={size:m.w,min:t.left,max:t.right,padding:r.left},x={size:m.h,min:t.top,max:t.bottom,padding:r.top},V=cc(y.x,S)+l,z=cc(y.y,x)+d;return{x:V-i/2,y:z-o/2,x2:V+i/2,y2:z+o/2,centerX:V,centerY:z,pointX:y.x,pointY:y.y,width:i,height:o,rotation:_r(c)}}function Vp(a,n,e){let t=Math.cos(e),i=Math.sin(e);return{w:Math.abs(a*t)+Math.abs(n*i),h:Math.abs(a*i)+Math.abs(n*t)}}function Bp(a,n,e,t){let i,o=zp(a,t);return n.position==="start"?i=dc({w:a.x2-a.x,h:a.y2-a.y},e,n,o):n.position==="end"?i=1-dc({w:a.x-a.x2,h:a.y-a.y2},e,n,o):i=Ur(1,n.position),i}function dc(a,n,e,t){let{labelSize:i,padding:o}=n,r=a.w*t.dx,l=a.h*t.dy,d=r>0&&(i.w/2+o.left-t.x)/r,p=l>0&&(i.h/2+o.top-t.y)/l;return Co(Math.max(d,p),0,.25)}function zp(a,n){let{x:e,x2:t,y:i,y2:o}=a,r=Math.min(i,o)-n.top,l=Math.min(e,t)-n.left,d=n.bottom-Math.max(i,o),p=n.right-Math.max(e,t);return{x:Math.min(l,p),y:Math.min(r,d),dx:l<=p?1:-1,dy:r<=d?1:-1}}function cc(a,n){let{size:e,min:t,max:i,padding:o}=n,r=e/2;return e>i-t?(i+t)/2:(t>=a-o-r&&(a=t+o+r),i<=a+o+r&&(a=i-o-r),a)}function Wc(a){let n=a.options,e=n.arrowHeads&&n.arrowHeads.start,t=n.arrowHeads&&n.arrowHeads.end;return{startOpts:e,endOpts:t,startAdjust:hc(a,e),endAdjust:hc(a,t)}}function hc(a,n){if(!n||!n.display)return 0;let{length:e,width:t}=n,i=a.options.borderWidth/2,o={x:e,y:t+i};return Math.abs(Wr(0,o,{x:0,y:i}))}function Br(a,n,e,t){if(!t||!t.display)return;let{length:i,width:o,fill:r,backgroundColor:l,borderColor:d}=t,p=Math.abs(n-i)+e;a.beginPath(),jn(a,t),_i(a,t),a.moveTo(p,-o),a.lineTo(n+e,0),a.lineTo(p,o),r===!0?(a.fillStyle=l||d,a.closePath(),a.fill(),a.shadowColor="transparent"):a.shadowColor=t.borderShadowColor,a.stroke()}function Fp(a,n,e){let{x:t,y:i,x2:o,y2:r,centerX:l,centerY:d}=a,p=Math.atan2(r-i,o-t),s=Gr(n.controlPoint,0),c={x:l+Wi(e,s.x,!1),y:d+Wi(e,s.y,!1)};return an(c,{x:l,y:d},p)}function uc(a,{x:n,y:e},{angle:t,adjust:i},o){!o||!o.display||(a.save(),a.translate(n,e),a.rotate(t),Br(a,0,-i,o),a.restore())}function Hp(a,n,e,t){let{x:i,y:o,x2:r,y2:l,options:d}=n,{startOpts:p,endOpts:s,startAdjust:c,endAdjust:m}=Wc(n),v={x:i,y:o},y={x:r,y:l},S=rc(v,e,y,0),x=rc(v,e,y,1)-Bt,V=Lr(v,e,y,c/t),z=Lr(v,e,y,1-m/t),X=new Path2D;a.beginPath(),X.moveTo(V.x,V.y),X.quadraticCurveTo(e.x,e.y,z.x,z.y),a.shadowColor=d.borderShadowColor,a.stroke(X),n.path=X,n.ctx=a,uc(a,V,{angle:S,adjust:c},p),uc(a,z,{angle:x,adjust:m},s)}var nn=class extends Pi{inRange(n,e,t,i){let o=this.options.rotation,r=(this.options.borderWidth+this.options.hitTolerance)/2;if(t!=="x"&&t!=="y")return Up({x:n,y:e},this.getProps(["width","height","centerX","centerY"],i),o,r);let{x:l,y:d,x2:p,y2:s}=this.getProps(["x","y","x2","y2"],i),c=t==="y"?{start:d,end:s}:{start:l,end:p},m=an({x:n,y:e},this.getCenterPoint(i),ti(-o));return m[t]>=c.start-r-Ji&&m[t]<=c.end+r+Ji}getCenterPoint(n){return on(this,n)}draw(n){let{width:e,height:t,centerX:i,centerY:o,options:r}=this;n.save(),xo(n,this.getCenterPoint(),r.rotation),jn(n,this.options),n.beginPath(),n.fillStyle=r.backgroundColor;let l=_i(n,r);n.ellipse(i,o,t/2,e/2,Bt/2,0,2*Bt),n.fill(),l&&(n.shadowColor=r.borderShadowColor,n.stroke()),n.restore()}get label(){return this.elements&&this.elements[0]}resolveElementProperties(n,e){return Rc(n,e)}};nn.id="ellipseAnnotation";nn.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,label:Object.assign({},Li.defaults.label),rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xMax:void 0,xMin:void 0,xScaleID:void 0,yMax:void 0,yMin:void 0,yScaleID:void 0,z:0};nn.defaultRoutes={borderColor:"color",backgroundColor:"color"};nn.descriptors={label:{_fallback:!0}};function Up(a,n,e,t){let{width:i,height:o,centerX:r,centerY:l}=n,d=i/2,p=o/2;if(d<=0||p<=0)return!1;let s=ti(e||0),c=Math.cos(s),m=Math.sin(s),v=Math.pow(c*(a.x-r)+m*(a.y-l),2),y=Math.pow(m*(a.x-r)-c*(a.y-l),2);return v/Math.pow(d+t,2)+y/Math.pow(p+t,2)<=1.0001}var Un=class extends Pi{inRange(n,e,t,i){let{x:o,y:r,x2:l,y2:d,width:p}=this.getProps(["x","y","x2","y2","width"],i),s=(this.options.borderWidth+this.options.hitTolerance)/2;return t!=="x"&&t!=="y"?Lm({x:n,y:e},this.getCenterPoint(i),p/2,s):gc(t==="y"?{start:r,end:d,value:e}:{start:o,end:l,value:n},s)}getCenterPoint(n){return on(this,n)}draw(n){let e=this.options,t=e.borderWidth;if(e.radius<.1)return;n.save(),n.fillStyle=e.backgroundColor,jn(n,e);let i=_i(n,e);qm(n,this,this.centerX,this.centerY),i&&!ko(e.pointStyle)&&(n.shadowColor=e.borderShadowColor,n.stroke()),n.restore(),e.borderWidth=t}resolveElementProperties(n,e){let t=Oc(n,e);return t.initProperties=qn(n,t,e),t}};Un.id="pointAnnotation";Un.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderDash:[],borderDashOffset:0,borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,pointStyle:"circle",radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0};Un.defaultRoutes={borderColor:"color",backgroundColor:"color"};var Gn=class extends Pi{inRange(n,e,t,i){if(t!=="x"&&t!=="y")return this.options.radius>=.1&&this.elements.length>1&&qp(this.elements,n,e,i);let o=an({x:n,y:e},this.getCenterPoint(i),ti(-this.options.rotation)),r=this.elements.map(p=>t==="y"?p.bY:p.bX),l=Math.min(...r),d=Math.max(...r);return o[t]>=l&&o[t]<=d}getCenterPoint(n){return on(this,n)}draw(n){let{elements:e,options:t}=this;n.save(),n.beginPath(),n.fillStyle=t.backgroundColor,jn(n,t);let i=_i(n,t),o=!0;for(let r of e)o?(n.moveTo(r.x,r.y),o=!1):n.lineTo(r.x,r.y);n.closePath(),n.fill(),i&&(n.shadowColor=t.borderShadowColor,n.stroke()),n.restore()}resolveElementProperties(n,e){let t=Oc(n,e),{sides:i,rotation:o}=e,r=[],l=2*Bt/i,d=o*io;for(let p=0;p<i;p++,d+=l){let s=Gp(t,e,d);s.initProperties=qn(n,t,e),r.push(s)}return t.elements=r,t}};Gn.id="polygonAnnotation";Gn.defaults={adjustScaleRange:!0,backgroundShadowColor:"transparent",borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderShadowColor:"transparent",borderWidth:1,display:!0,hitTolerance:0,init:void 0,point:{radius:0},radius:10,rotation:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,sides:3,xAdjust:0,xMax:void 0,xMin:void 0,xScaleID:void 0,xValue:void 0,yAdjust:0,yMax:void 0,yMin:void 0,yScaleID:void 0,yValue:void 0,z:0};Gn.defaultRoutes={borderColor:"color",backgroundColor:"color"};function Gp({centerX:a,centerY:n},{radius:e,borderWidth:t,hitTolerance:i},o){let r=(t+i)/2,l=Math.sin(o),d=Math.cos(o),p={x:a+l*e,y:n-d*e};return{type:"point",optionScope:"point",properties:{x:p.x,y:p.y,centerX:p.x,centerY:p.y,bX:a+l*(e+r),bY:n-d*(e+r)}}}function qp(a,n,e,t){let i=!1,o=a[a.length-1].getProps(["bX","bY"],t);for(let r of a){let l=r.getProps(["bX","bY"],t);l.bY>e!=o.bY>e&&n<(o.bX-l.bX)*(e-l.bY)/(o.bY-l.bY)+l.bX&&(i=!i),o=l}return i}var Ni={box:Li,doughnutLabel:Hn,ellipse:nn,label:tn,line:Eo,point:Un,polygon:Gn};Object.keys(Ni).forEach(a=>{hd.describe(`elements.${Ni[a].id}`,{_fallback:"plugins.annotation.common"})});var jp={update:Object.assign},$p=jr.concat(So),mc=(a,n)=>Di(n)?Fr(a,n):a,zr=a=>a==="color"||a==="font";function Yr(a="line"){return Ni[a]?a:(console.warn(`Unknown annotation type: '${a}', defaulting to 'line'`),"line")}function Yp(a,n,e,t){let i=Qp(a,e.animations,t),o=n.annotations,r=Jp(n.elements,o);for(let l=0;l<o.length;l++){let d=o[l],p=Lc(r,l,d.type),s=d.setContext(Zp(a,p,r,d)),c=p.resolveElementProperties(a,s);c.skip=Kp(c),"elements"in c&&(Xp(p,c.elements,s,i),delete c.elements),ei(p.x)||Object.assign(p,c),Object.assign(p,c.initProperties),c.options=Vc(s),i.update(p,c)}}function Kp(a){return isNaN(a.x)||isNaN(a.y)}function Qp(a,n,e){return e==="reset"||e==="none"||e==="resize"?jp:new ud(a,n)}function Xp(a,n,e,t){let i=a.elements||(a.elements=[]);i.length=n.length;for(let o=0;o<n.length;o++){let r=n[o],l=r.properties,d=Lc(i,o,r.type,r.initProperties),p=e[r.optionScope].override(r);l.options=Vc(p),t.update(d,l)}}function Lc(a,n,e,t){let i=Ni[Yr(e)],o=a[n];return(!o||!(o instanceof i))&&(o=a[n]=new i,Object.assign(o,t)),o}function Vc(a){let n=Ni[Yr(a.type)],e={};e.id=a.id,e.type=a.type,e.drawTime=a.drawTime,Object.assign(e,Fr(a,n.defaults),Fr(a,n.defaultRoutes));for(let t of $p)e[t]=a[t];return e}function Fr(a,n){let e={};for(let t of Object.keys(n)){let i=n[t],o=a[t];zr(t)&&Mi(o)?e[t]=o.map(r=>mc(r,i)):e[t]=mc(o,i)}return e}function Zp(a,n,e,t){return n.$context||(n.$context=Object.assign(Object.create(a.getContext()),{element:n,get elements(){return e.filter(i=>i&&i.options)},id:t.id,type:"annotation"}))}function Jp(a,n){let e=n.length,t=a.length;if(t<e){let i=e-t;a.splice(t,0,...new Array(i))}else t>e&&a.splice(e,t-e);return a}var eg="3.1.0",Ii=new Map,pc=a=>a.type!=="doughnutLabel",tg=jr.concat(So),Bc={id:"annotation",version:eg,beforeRegister(){Vm("chart.js","4.0",Ct.version)},afterRegister(){Ct.register(Ni)},afterUnregister(){Ct.unregister(Ni)},beforeInit(a){Ii.set(a,{annotations:[],elements:[],visibleElements:[],listeners:{},listened:!1,moveListened:!1,hooks:{},hooked:!1,hovered:[]})},beforeUpdate(a,n,e){let t=Ii.get(a),i=t.annotations=[],o=e.annotations;Di(o)?Object.keys(o).forEach(r=>{let l=o[r];Di(l)&&(l.id=r,i.push(l))}):Mi(o)&&i.push(...o),yp(i.filter(pc),a.scales)},afterDataLimits(a,n){let e=Ii.get(a);vp(a,n.scale,e.annotations.filter(pc).filter(t=>t.display&&t.adjustScaleRange))},afterUpdate(a,n,e){let t=Ii.get(a);up(a,t,e),Yp(a,t,e,n.mode),t.visibleElements=t.elements.filter(i=>!i.skip&&i.options.display),fp(a,t,e)},beforeDatasetsDraw(a,n,e){ga(a,"beforeDatasetsDraw",e.clip)},afterDatasetsDraw(a,n,e){ga(a,"afterDatasetsDraw",e.clip)},beforeDatasetDraw(a,n,e){ga(a,n.index,e.clip)},beforeDraw(a,n,e){ga(a,"beforeDraw",e.clip)},afterDraw(a,n,e){ga(a,"afterDraw",e.clip)},beforeEvent(a,n,e){let t=Ii.get(a);mp(t,n.event,e)&&(n.changed=!0)},afterDestroy(a){Ii.delete(a)},getAnnotations(a){let n=Ii.get(a);return n?n.elements:[]},_getAnnotationElementsAtEventForMode(a,n,e){return Hr(a,n,e)},defaults:{animations:{numbers:{properties:["x","y","x2","y2","width","height","centerX","centerY","pointX","pointY","radius"],type:"number"},colors:{properties:["backgroundColor","borderColor"],type:"color"}},clip:!0,interaction:{mode:void 0,axis:void 0,intersect:void 0},common:{drawTime:"afterDatasetsDraw",init:!1,label:{}}},descriptors:{_indexable:!1,_scriptable:a=>!tg.includes(a)&&a!=="init",annotations:{_allKeys:!1,_fallback:(a,n)=>`elements.${Ni[Yr(n.type)].id}`},interaction:{_fallback:!0},common:{label:{_indexable:zr,_fallback:!0},_indexable:zr}},additionalOptionScopes:[""]};function ga(a,n,e){let{ctx:t,chartArea:i}=a,o=Ii.get(a);e&&Sr(t,i);let r=ig(o.visibleElements,n).sort((l,d)=>l.element.options.z-d.element.options.z);for(let l of r)ng(t,i,o,l);e&&Cr(t)}function ig(a,n){let e=[];for(let t of a)if(t.options.drawTime===n&&e.push({element:t,main:!0}),t.elements&&t.elements.length)for(let i of t.elements)i.options.display&&i.options.drawTime===n&&e.push({element:i});return e}function ng(a,n,e,t){let i=t.element;t.main?(ec(e,i,"beforeDraw"),i.draw(a,n),ec(e,i,"afterDraw")):i.draw(a,n)}var ag=["widgetDataChart"];Ct.register(Bc,On,Pn,En,Dn,Mn,An,ro,so);var zc=(()=>{class a extends Se{dsService=E(Rt);ngZone=E(Ze);canvasService=E(it);widgetDataChart=ie("widgetDataChart",{read:Xe});lineChartData={datasets:[]};lineChartOptions={parsing:!1,datasets:{line:{pointRadius:0,pointHoverRadius:0,tension:.4}},animations:{tension:{easing:"easeInOutCubic"}}};lineChartType="line";chart;dsServiceSub=null;datasetConfig=null;dataSourceInfo=null;constructor(){super(),this.defaultConfig={displayName:"Chart Label",filterSelfPaths:!0,convertUnitTo:"unitless",datasetUUID:null,inverseYAxis:!1,datasetAverageArray:"sma",showAverageData:!0,trackAgainstAverage:!1,showDatasetMinimumValueLine:!1,showDatasetMaximumValueLine:!1,showDatasetAverageValueLine:!0,showDatasetAngleAverageValueLine:!1,showLabel:!1,showTimeScale:!1,startScaleAtZero:!1,verticalChart:!1,showYScale:!1,yScaleSuggestedMin:null,yScaleSuggestedMax:null,enableMinMaxScaleLimit:!1,yScaleMin:null,yScaleMax:null,numDecimal:1,color:"contrast"},oe(()=>{this.theme()&&this.datasetConfig&&(this.setChartOptions(),this.setDatasetsColors())})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.startWidget()}startWidget(){this.datasetConfig=this.dsService.getDatasetConfig(this.widgetProperties.config.datasetUUID),this.dataSourceInfo=this.dsService.getDataSourceInfo(this.widgetProperties.config.datasetUUID),this.datasetConfig&&(this.createDatasets(),this.setChartOptions(),this.chart?this.chart.update():this.chart=new Ct(this.widgetDataChart().nativeElement.getContext("2d"),{type:this.lineChartType,data:this.lineChartData,options:this.lineChartOptions}),this.startStreaming())}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}setChartOptions(){this.lineChartOptions.maintainAspectRatio=!1,this.lineChartOptions.animation=!1,this.lineChartOptions.indexAxis=this.widgetProperties.config.verticalChart?"y":"x",this.widgetProperties.config.verticalChart?this.lineChartOptions.scales={y:{type:"time",display:this.widgetProperties.config.showTimeScale,position:this.widgetProperties.config.verticalChart?"right":"left",suggestedMin:"",suggestedMax:"",title:{display:!0,text:`Last ${this.datasetConfig.period} ${this.datasetConfig.timeScaleFormat}`,align:"center"},time:{unit:this.datasetConfig.timeScaleFormat,minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'ss"',millisecond:"SSS"}},ticks:{autoSkip:!1,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!0,color:this.theme().contrastDimmer}},x:{type:"linear",display:this.widgetProperties.config.showYScale,position:this.widgetProperties.config.verticalChart?"top":"bottom",suggestedMin:this.widgetProperties.config.enableMinMaxScaleLimit?null:this.widgetProperties.config.yScaleSuggestedMin,suggestedMax:this.widgetProperties.config.enableMinMaxScaleLimit?null:this.widgetProperties.config.yScaleSuggestedMax,min:this.widgetProperties.config.enableMinMaxScaleLimit?this.widgetProperties.config.yScaleMin:null,max:this.widgetProperties.config.enableMinMaxScaleLimit?this.widgetProperties.config.yScaleMax:null,beginAtZero:this.widgetProperties.config.startScaleAtZero,reverse:this.widgetProperties.config.inverseYAxis,title:{display:!1,text:"Value Axis",align:"center"},ticks:{maxTicksLimit:8,precision:this.widgetProperties.config.numDecimal,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!0,color:this.theme().contrastDimmer}}}:this.lineChartOptions.scales={x:{type:"time",display:this.widgetProperties.config.showTimeScale,title:{display:!0,text:`Last ${this.datasetConfig.period} ${this.datasetConfig.timeScaleFormat}`,align:"center"},time:{unit:this.datasetConfig.timeScaleFormat,minUnit:"second",round:"second",displayFormats:{hour:"k:mm''",minute:"mm''",second:'ss"',millisecond:"SSS"}},ticks:{autoSkip:!1,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!0,color:this.theme().contrastDimmer}},y:{display:this.widgetProperties.config.showYScale,position:"right",suggestedMin:this.widgetProperties.config.enableMinMaxScaleLimit?null:this.widgetProperties.config.yScaleSuggestedMin,suggestedMax:this.widgetProperties.config.enableMinMaxScaleLimit?null:this.widgetProperties.config.yScaleSuggestedMax,min:this.widgetProperties.config.enableMinMaxScaleLimit?this.widgetProperties.config.yScaleMin:null,max:this.widgetProperties.config.enableMinMaxScaleLimit?this.widgetProperties.config.yScaleMax:null,beginAtZero:this.widgetProperties.config.startScaleAtZero,reverse:this.widgetProperties.config.inverseYAxis,title:{display:!1,text:"Value Axis",align:"center"},ticks:{maxTicksLimit:8,precision:this.widgetProperties.config.numDecimal,color:this.getThemeColors().averageChartLine,major:{enabled:!0}},grid:{display:!0,color:this.theme().contrastDimmer}}},this.lineChartOptions.plugins={title:{display:!0,align:"end",padding:{top:3,bottom:0},text:"",font:{size:32},color:this.getThemeColors().chartValue},subtitle:{display:this.widgetProperties.config.showLabel,align:"start",padding:{top:-35,bottom:20},text:` ${this.widgetProperties.config.displayName}`,font:{size:22},color:this.getThemeColors().chartLabel},annotation:{annotations:{minimumLine:{type:"line",scaleID:this.widgetProperties.config.verticalChart?"x":"y",display:this.widgetProperties.config.showDatasetMinimumValueLine,value:null,drawTime:"afterDatasetsDraw",label:{display:!0,position:"start",yAdjust:12,padding:4,color:this.getThemeColors().averageChartLine,backgroundColor:"rgba(63,63,63,0.0)"}},maximumLine:{type:"line",scaleID:this.widgetProperties.config.verticalChart?"x":"y",display:this.widgetProperties.config.showDatasetMaximumValueLine,value:null,drawTime:"afterDatasetsDraw",label:{display:!0,position:"start",yAdjust:-12,padding:4,color:this.getThemeColors().averageChartLine,backgroundColor:"rgba(63,63,63,0.0)"}},averageLine:{type:"line",scaleID:this.widgetProperties.config.verticalChart?"x":"y",display:this.widgetProperties.config.showDatasetAverageValueLine,value:null,borderDash:[6,6],borderColor:this.getThemeColors().averageChartLine,drawTime:"afterDatasetsDraw",label:{display:!0,position:"start",padding:4,color:this.getThemeColors().chartValue,backgroundColor:"rgba(63,63,63,0.7)"}}}},legend:{display:!1}}}createDatasets(){let e,t;this.widgetProperties.config.inverseYAxis&&this.widgetProperties.config.trackAgainstAverage?(e="start",t=!1):this.widgetProperties.config.inverseYAxis&&!this.widgetProperties.config.trackAgainstAverage?(e=!1,t="start"):!this.widgetProperties.config.inverseYAxis&&this.widgetProperties.config.trackAgainstAverage?(e=!0,t=!1):(e=!1,t=!0),this.lineChartData.datasets=[],this.lineChartData.datasets.push({label:"Value",data:[],order:this.widgetProperties.config.trackAgainstAverage?1:0,parsing:!1,tension:0,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:this.widgetProperties.config.trackAgainstAverage?0:3,fill:e}),this.lineChartData.datasets.push({label:"Average",data:[],order:this.widgetProperties.config.trackAgainstAverage?0:1,parsing:!1,tension:.4,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:this.widgetProperties.config.trackAgainstAverage?3:0,fill:t}),this.setDatasetsColors()}setDatasetsColors(){this.lineChartData.datasets.forEach(e=>{e.label==="Value"?(e.borderColor=this.getThemeColors().valueLine,e.backgroundColor=this.getThemeColors().valueFill):e.label==="Average"&&(e.borderColor=this.getThemeColors().averageLine,e.backgroundColor=this.getThemeColors().averageFill)})}getThemeColors(){let e=this.widgetProperties.config.color,t={valueLine:null,valueFill:null,averageLine:null,averageFill:null,averageChartLine:null,chartLabel:null,chartValue:null};switch(e){case"contrast":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().contrastDimmer,t.valueFill=this.theme().contrastDimmer,t.averageLine=this.theme().contrast,t.averageFill=this.theme().contrast,t.chartValue=t.averageLine):(t.valueLine=this.theme().contrast,t.valueFill=this.theme().contrast,t.averageLine=this.theme().contrastDimmer,t.averageFill=this.theme().contrastDimmer,t.chartValue=this.theme().contrast),t.averageChartLine=this.theme().contrastDim,t.chartLabel=this.theme().contrastDim;break;case"blue":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().blueDimmer,t.valueFill=this.theme().blueDimmer,t.averageLine=this.theme().blue,t.averageFill=this.theme().blue,t.chartValue=t.averageLine):(t.valueLine=this.theme().blue,t.valueFill=this.theme().blue,t.averageLine=this.theme().blueDimmer,t.averageFill=this.theme().blueDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().blueDim,t.chartLabel=this.theme().contrastDim;break;case"green":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().greenDimmer,t.valueFill=this.theme().greenDimmer,t.averageLine=this.theme().green,t.averageFill=this.theme().green,t.chartValue=t.averageLine):(t.valueLine=this.theme().green,t.valueFill=this.theme().green,t.averageLine=this.theme().greenDimmer,t.averageFill=this.theme().greenDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().greenDim,t.chartLabel=this.theme().contrastDim;break;case"pink":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().pinkDimmer,t.valueFill=this.theme().pinkDimmer,t.averageLine=this.theme().pink,t.averageFill=this.theme().pink,t.chartValue=t.averageLine):(t.valueLine=this.theme().pink,t.valueFill=this.theme().pink,t.averageLine=this.theme().pinkDimmer,t.averageFill=this.theme().pinkDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().pinkDim,t.chartLabel=this.theme().contrastDim;break;case"orange":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().orangeDimmer,t.valueFill=this.theme().orangeDimmer,t.averageLine=this.theme().orange,t.averageFill=this.theme().orange,t.chartValue=t.averageLine):(t.valueLine=this.theme().orange,t.valueFill=this.theme().orange,t.averageLine=this.theme().orangeDimmer,t.averageFill=this.theme().orangeDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().orangeDim,t.chartLabel=this.theme().contrastDim;break;case"purple":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().purpleDimmer,t.valueFill=this.theme().purpleDimmer,t.averageLine=this.theme().purple,t.averageFill=this.theme().purple,t.chartValue=t.averageLine):(t.valueLine=this.theme().purple,t.valueFill=this.theme().purple,t.averageLine=this.theme().purpleDimmer,t.averageFill=this.theme().purpleDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().purpleDim,t.chartLabel=this.theme().contrastDim;break;case"grey":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().greyDimmer,t.valueFill=this.theme().greyDimmer,t.averageLine=this.theme().grey,t.averageFill=this.theme().grey,t.chartValue=t.averageLine):(t.valueLine=this.theme().grey,t.valueFill=this.theme().grey,t.averageLine=this.theme().greyDimmer,t.averageFill=this.theme().greyDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().greyDim,t.chartLabel=this.theme().contrastDim;break;case"yellow":this.widgetProperties.config.trackAgainstAverage?(t.valueLine=this.theme().yellowDimmer,t.valueFill=this.theme().yellowDimmer,t.averageLine=this.theme().yellow,t.averageFill=this.theme().yellow,t.chartValue=t.averageLine):(t.valueLine=this.theme().yellow,t.valueFill=this.theme().yellow,t.averageLine=this.theme().yellowDimmer,t.averageFill=this.theme().yellowDimmer,t.chartValue=t.valueFill),t.averageChartLine=this.theme().yellowDim,t.chartLabel=this.theme().contrastDim;break}return t}getUnitsLabel(){let e=null;switch(this.widgetProperties.config.convertUnitTo){case"percent":case"percentraw":e="%";break;case"latitudeMin":e="latitude in minutes";break;case"latitudeSec":e="latitude in secondes";break;case"longitudeMin":e="longitude in minutes";break;case"longitudeSec":e="longitude in secondes";break;default:e=this.widgetProperties.config.convertUnitTo;break}return e}startStreaming(){this.dsServiceSub?.unsubscribe();let e=this.dsService.getDatasetBatchThenLiveObservable(this.widgetProperties.config.datasetUUID);this.dsServiceSub=e?.subscribe(t=>{if(Array.isArray(t)){let i=this.transformDatasetRows(t,0);if(this.chart.data.datasets[0].data.push(...i),this.widgetProperties.config.showAverageData){let o=this.transformDatasetRows(t,this.widgetProperties.config.datasetAverageArray);this.chart.data.datasets[1].data.push(...o)}}else{let i=this.transformDatasetRows([t],0)[0];if(this.chart.data.datasets[0].data.push(i),this.chart.data.datasets[0].data.length>this.dataSourceInfo.maxDataPoints&&this.chart.data.datasets[0].data.shift(),this.widgetProperties.config.showAverageData){let p=this.transformDatasetRows([t],this.widgetProperties.config.datasetAverageArray)[0];this.chart.data.datasets[1].data.push(p),this.chart.data.datasets[1].data.length>this.dataSourceInfo.maxDataPoints&&this.chart.data.datasets[1].data.shift()}let o=this.widgetProperties.config.trackAgainstAverage?t.data.sma:t.data.value;this.chart.options.plugins.title.text=`${this.unitsService.convertToUnit(this.widgetProperties.config.convertUnitTo,o).toFixed(this.widgetProperties.config.numDecimal)} ${this.getUnitsLabel()} `;let r=this.unitsService.convertToUnit(this.widgetProperties.config.convertUnitTo,t.data.lastAverage),l=this.unitsService.convertToUnit(this.widgetProperties.config.convertUnitTo,t.data.lastMinimum),d=this.unitsService.convertToUnit(this.widgetProperties.config.convertUnitTo,t.data.lastMaximum);this.chart.options.plugins.annotation.annotations.averageLine.value!=r&&(this.chart.options.plugins.annotation.annotations.averageLine.value=r,this.chart.options.plugins.annotation.annotations.averageLine.label.content=`${r.toFixed(this.widgetProperties.config.numDecimal)}`),this.chart.options.plugins.annotation.annotations.minimumLine.value!=l&&(this.chart.options.plugins.annotation.annotations.minimumLine.value=l,this.chart.options.plugins.annotation.annotations.minimumLine.label.content=`${l.toFixed(this.widgetProperties.config.numDecimal)}`),this.chart.options.plugins.annotation.annotations.maximumLine.value!=d&&(this.chart.options.plugins.annotation.annotations.maximumLine.value=d,this.chart.options.plugins.annotation.annotations.maximumLine.label.content=`${d.toFixed(this.widgetProperties.config.numDecimal)}`)}this.ngZone.runOutsideAngular(()=>{this.chart?.update("quiet")})})}transformDatasetRows(e,t){let i=l=>this.unitsService.convertToUnit(this.widgetProperties.config.convertUnitTo,l),o=this.widgetProperties.config.verticalChart,r=this.widgetProperties.config.datasetAverageArray;return e.map(l=>{if(o){if(t===0)return{x:i(l.data.value),y:l.timestamp};{let d={sma:l.data.sma,ema:l.data.ema,dema:l.data.doubleEma,avg:l.data.lastAverage};return{x:i(d[r]),y:l.timestamp}}}else{if(t===0)return{x:l.timestamp,y:i(l.data.value)};{let d={sma:l.data.sma,ema:l.data.ema,dema:l.data.doubleEma,avg:l.data.lastAverage};return{x:l.timestamp,y:i(d[r])}}}})}ngOnDestroy(){this.destroyDataStreams(),this.dsServiceSub?.unsubscribe(),this.chart?.destroy();let e=this.widgetDataChart?.()?.nativeElement;this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-data-chart"]],viewQuery:function(t,i){t&1&&te(i.widgetDataChart,ag,5,Xe),t&2&&we()},features:[de],decls:3,vars:2,consts:[["widgetDataChart",""],[3,"configChange","config","id"],[2,"z-index","inherit"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce],encapsulation:2})}return a})();var Fc=(()=>{class a{sanitizer=E(qa);transform(e){return this.sanitizer.bypassSecurityTrustResourceUrl(e)}static \u0275fac=function(t){return new(t||a)};static \u0275pipe=il({name:"safe",type:a,pure:!0})}return a})();var og={minDist:230,maxDur:550,minVelocity:1.5,axisDominance:1.8,deadzoneMs:160,purityRatio:.8,lockThreshold:28,directionLockAngle:25,reversalPrimaryThreshold:34};function Mo(a){let n=Y(Y({},og),a);return`(() => {
|
|
10
|
+
if (window.__kipSwipeInit) return; window.__kipSwipeInit = true;
|
|
11
|
+
const instanceId='${n.instanceId}';
|
|
12
|
+
let pointerId=null; let startX=0; let startY=0; let startT=0; let peakPrimary=0; let peakCross=0; let cancelled=false;
|
|
13
|
+
let lockedAxis=null; let lockedPrimarySign=0; let reversed=false;
|
|
14
|
+
const minDist=${n.minDist};
|
|
15
|
+
const maxDur=${n.maxDur};
|
|
16
|
+
const minVelocity=${n.minVelocity};
|
|
17
|
+
const axisDominance=${n.axisDominance};
|
|
18
|
+
const deadzoneMs=${n.deadzoneMs};
|
|
19
|
+
const purityRatio=${n.purityRatio};
|
|
20
|
+
const lockThreshold=${n.lockThreshold};
|
|
21
|
+
const directionLockAngle=${n.directionLockAngle};
|
|
22
|
+
const reversalPrimaryThreshold=${n.reversalPrimaryThreshold};
|
|
23
|
+
function reset(){pointerId=null; cancelled=false; lockedAxis=null; lockedPrimarySign=0; reversed=false;}
|
|
24
|
+
function onDown(e){ if(pointerId!==null) return; pointerId=e.pointerId; startX=e.clientX; startY=e.clientY; startT=performance.now(); peakPrimary=0; peakCross=0; cancelled=false; lockedAxis=null; lockedPrimarySign=0; reversed=false; }
|
|
25
|
+
function track(e){ if(e.pointerId!==pointerId||cancelled) return; const dx=e.clientX-startX; const dy=e.clientY-startY; const adx=Math.abs(dx); const ady=Math.abs(dy); const primary=adx>ady?adx:ady; const cross=adx>ady?ady:adx; peakPrimary=Math.max(peakPrimary,primary); peakCross=Math.max(peakCross,cross);
|
|
26
|
+
if(!lockedAxis && primary>=lockThreshold){ lockedAxis = adx>ady?'x':'y'; lockedPrimarySign = lockedAxis==='x' ? (Math.sign(dx)||1) : (Math.sign(dy)||1); }
|
|
27
|
+
if(lockedAxis){
|
|
28
|
+
const angleRad = Math.atan2(lockedAxis==='x'?ady:adx, lockedAxis==='x'?adx:ady); // angle from primary axis
|
|
29
|
+
const angleDeg = angleRad * 180 / Math.PI;
|
|
30
|
+
if(angleDeg > directionLockAngle){ cancelled=true; return; }
|
|
31
|
+
if(lockedAxis==='x' && Math.sign(dx) && Math.sign(dx)!==lockedPrimarySign && Math.abs(dx) > reversalPrimaryThreshold){ reversed=true; cancelled=true; return; }
|
|
32
|
+
if(lockedAxis==='y' && Math.sign(dy) && Math.sign(dy)!==lockedPrimarySign && Math.abs(dy) > reversalPrimaryThreshold){ reversed=true; cancelled=true; return; }
|
|
33
|
+
}
|
|
34
|
+
if (!cancelled && peakCross>42 && peakCross*axisDominance>peakPrimary) { cancelled=true; }
|
|
35
|
+
}
|
|
36
|
+
function onUp(e){ if(e.pointerId!==pointerId) return; const endT=performance.now(); const dt=endT-startT; const dx=e.clientX-startX; const dy=e.clientY-startY; const adx=Math.abs(dx); const ady=Math.abs(dy); const dist=Math.hypot(dx,dy); const velocity=dist/dt; const primary=adx>ady?adx:ady; const cross=adx>ady?ady:adx; const purity= primary? (primary/dist):0; if(!cancelled && !reversed && dt>=deadzoneMs && dt<=maxDur && dist>=minDist && velocity>=minVelocity && purity>=purityRatio && primary/Math.max(cross,1)>=axisDominance){ if(adx>ady){ window.parent.postMessage({gesture: dx>0?'swiperight':'swipeleft', eventData:{dx,dy,duration:dt,velocity,instanceId}}, '*'); } else { window.parent.postMessage({gesture: dy>0?'swipedown':'swipeup', eventData:{dx,dy,duration:dt,velocity,instanceId}}, '*'); } } reset(); }
|
|
37
|
+
function onCancel(e){ if(e.pointerId===pointerId) reset(); }
|
|
38
|
+
document.addEventListener('pointerdown', onDown, {passive:true});
|
|
39
|
+
document.addEventListener('pointermove', track, {passive:true});
|
|
40
|
+
document.addEventListener('pointerup', onUp, {passive:true});
|
|
41
|
+
document.addEventListener('pointercancel', onCancel, {passive:true});
|
|
42
|
+
document.addEventListener('keydown', (event) => {
|
|
43
|
+
if (event.ctrlKey && event.shiftKey && ['ArrowLeft','ArrowRight','ArrowUp','ArrowDown','E','F','N'].includes(event.key)) {
|
|
44
|
+
window.parent.postMessage({ type:'keydown', keyEventData:{ key:event.key, ctrlKey:event.ctrlKey, shiftKey:event.shiftKey, instanceId }}, '*');
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
})();`}var rg=["freeboardSkIframe"];function sg(a,n){a&1&&U(0,"div",3)}var Hc=(()=>{class a extends Se{appSettings=E(Pt);auth=E(Ht);_dashboard=E(ot);iframe=ie.required("freeboardSkIframe");widgetUrl=null;_authTokenSubscription=null;dashboard=E(ot);constructor(){super()}ngOnInit(){let e=null;this._authTokenSubscription=this.auth.authToken$.subscribe(t=>{e=t?.token}),this.widgetUrl=e?`${this.appSettings.signalkUrl.url}/@signalk/freeboard-sk/?token=${e}`:`${this.appSettings.signalkUrl.url}/@signalk/freeboard-sk/`,window.addEventListener("message",this.handleIframeGesture)}ngAfterViewInit(){this.iframe&&(this.iframe().nativeElement.onload=()=>this.injectSwipeScript())}startWidget(){}updateConfig(){}handleIframeGesture=e=>{if(e.data){if(e.data.gesture&&e.data.eventData.instanceId===this.widgetProperties.uuid)switch(e.data.gesture){case"swipeup":this.dashboard.isDashboardStatic()&&this.dashboard.navigateToPreviousDashboard();break;case"swipedown":this.dashboard.isDashboardStatic()&&this.dashboard.navigateToNextDashboard();break;case"swipeleft":{let t=new Event("openLeftSidenav",{bubbles:!0,cancelable:!0});window.document.dispatchEvent(t);break}case"swiperight":{let t=new Event("openRightSidenav",{bubbles:!0,cancelable:!0});window.document.dispatchEvent(t);break}default:break}if(e.data.type==="keydown"&&e.data.keyEventData.instanceId===this.widgetProperties.uuid){let{key:t,ctrlKey:i,shiftKey:o}=e.data.keyEventData,r=new KeyboardEvent("keydown",{key:t,ctrlKey:i,shiftKey:o,bubbles:!0,cancelable:!0});document.dispatchEvent(r)}}};injectSwipeScript(){let e=this.iframe().nativeElement.contentWindow,t=this.iframe().nativeElement.contentDocument;if(!t||!e){console.error("[FSK Widget] Iframe contentDocument or contentWindow is undefined. Possible cross-origin issue or iframe not fully loaded.");return}try{let i=`kip-gesture-inject-${this.widgetProperties.uuid}`;if(t.getElementById(i))return;let o=Mo({instanceId:this.widgetProperties.uuid}),r=t.createElement("script");r.id=i,r.textContent=o,t.body.appendChild(r)}catch(i){console.warn("[FSK Widget] Failed to inject swipe script into iframe:",i)}}ngOnDestroy(){if(window.removeEventListener("message",this.handleIframeGesture),this._authTokenSubscription?.unsubscribe(),this.destroyDataStreams(),this.iframe){try{this.iframe().nativeElement.onload=null}catch(e){}try{let e=this.iframe()?.nativeElement.contentDocument;if(e){let t=`kip-gesture-inject-${this.widgetProperties.uuid}`,i=e.getElementById(t);i&&i.parentNode&&i.parentNode.removeChild(i)}}catch{}}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-freeboardsk"]],viewQuery:function(t,i){t&1&&te(i.iframe,rg,5),t&2&&we()},features:[de],decls:5,vars:6,consts:[["freeboardSkIframe",""],[2,"overflow","clip",3,"configChange","config","id"],["width","100%","height","100%","frameborder","0","sandbox","allow-same-origin allow-scripts allow-forms",3,"src"],[1,"widgetOverlay"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(){return P(o),O(i.updateConfig())}),U(1,"iframe",2,0),hi(3,"safe"),Pe(4,sg,1,0,"div",3),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("src",Fa(3,4,i.widgetUrl),La),C(3),Oe(i.dashboard.isDashboardStatic()?-1:4))},dependencies:[Ce,Fc],styles:[".widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent}"]})}return a})();var Vi=Aa(Kr(),1),qc=Aa(Kr(),1);var lg=["gauge"],dg=a=>a.replace(/(\-\w)/g,n=>n[1].toUpperCase()),cg=a=>a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Uc=a=>dg(a),Gc=(()=>{class a{el;zone;canvas;gauge;isInited=!1;preInitValue;preInitOptions;domListener;constructor(e,t){this.el=e,this.zone=t}get options(){let e={};e.renderTo=this.canvas.nativeElement;for(let t of this.el.nativeElement.attributes){let i=Uc(t.name);e[i]=Vi.DomObserver.parse(t.value)}for(let t in this.preInitOptions)e[t]=this.preInitOptions[t];return this.isInited&&(this.preInitOptions=null),e}set options(e){if(!this.isInited){this.preInitOptions=e;return}this.update(e)}set value(e){if(!this.isInited){this.preInitValue=e;return}this.zone.runOutsideAngular(()=>{this.gauge.value=e})}update(e){if(e)for(let t in e){let i=e[t].toString();if(t==="value")this.value=Vi.DomObserver.parse(i);else{let o=cg(t);this.el.nativeElement.setAttribute(o,i)}}}ngOnDestroy(){this.destroy(),this.cleanup()}cleanup(){}destroy(){this.stopListeningForDOMEvents(),this.gauge.destroy()}ngAfterViewInit(){this.initGauge(),this.listenForDOMEvents(),this.isInited=!0,this.preInitValue&&(this.value=this.preInitValue)}listenForDOMEvents(){this.domListener=new MutationObserver(e=>{let t={};e.forEach(i=>{i.type==="attributes"&&(t[Uc(i.attributeName)]=Vi.DomObserver.parse(this.el.nativeElement.getAttribute(i.attributeName)))}),this.basicUpdate(t)}),this.domListener.observe(this.el.nativeElement,{attributes:!0})}stopListeningForDOMEvents(){this.domListener&&(this.domListener.disconnect(),this.domListener=null)}initGauge(){let e=this.options;(!e.hasOwnProperty("renderTo")||!e.renderTo)&&(e.renderTo=this.canvas.nativeElement),this.basicUpdate(e)}basicUpdate(e){typeof e.value=="number"&&(this.value=e.value,delete e.value),Object.keys(e).length&&this.gauge.update(e)}static \u0275fac=function(t){return new(t||a)(At(Xe),At(Ze))};static \u0275dir=ci({type:a,viewQuery:function(t,i){if(t&1&&ki(lg,7),t&2){let o;vi(o=yi())&&(i.canvas=o.first)}},inputs:{options:"options",value:"value"}})}return a})();var va=(()=>{class a extends Gc{constructor(e,t){super(e,t)}ngOnInit(){this.gauge=new Vi.LinearGauge(this.options).draw()}static \u0275fac=function(t){return new(t||a)(At(Xe),At(Ze))};static \u0275cmp=H({type:a,selectors:[["linear-gauge"]],features:[de],decls:2,vars:0,consts:[["gauge",""]],template:function(t,i){t&1&&U(0,"canvas",null,0)},encapsulation:2})}return a})();var Ao=(()=>{class a extends Gc{constructor(e,t){super(e,t)}ngOnInit(){this.gauge=new Vi.RadialGauge(this.options).draw()}static \u0275fac=function(t){return new(t||a)(At(Xe),At(Ze))};static \u0275cmp=H({type:a,selectors:[["radial-gauge"]],features:[de],decls:2,vars:0,consts:[["gauge",""]],template:function(t,i){t&1&&U(0,"canvas",null,0)},encapsulation:2})}return a})(),$n=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275mod=di({type:a});static \u0275inj=si({})}return a})();var jc=["compassGauge"];function Xr(a){let n=a.match(/(\d+(\.\d+)?|\.\d+)/g);if(!n||n.length<3)throw new Error("Invalid RGBA format");let[e,t,i,o=1]=n.map(Number),r=o===1?"":Math.round(o*255).toString(16).padStart(2,"0").toUpperCase();return"#"+((1<<24)+(e<<16)+(t<<8)+i).toString(16).slice(1).toUpperCase()+r}function hg(a){return a<0&&(a=360+a),a}var $c=(()=>{class a extends Se{DEG="deg";LINE="line";NEEDLE_START=40;NEEDLE_END=100;NEEDLE_CIRCLE_SIZE=15;BORDER_MIDDLE_WIDTH=2;BORDER_INNER_WIDTH=2;ANIMATION_TARGET_PLATE="plate";ANIMATION_TARGET_NEEDLE="needle";textValue="--";value=0;ngGauge=ie("compassGauge");gauge=ie("compassGauge",{read:Xe});initCompleted=!1;gaugeOptions={};colorStrokeTicks="";unitName=null;state=ne.Normal;negToPortPaths=["self.environment.wind.angleApparent","self.environment.wind.angleTrueGround","self.environment.wind.angleTrueWater"];constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{gaugePath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,convertUnitTo:this.DEG,sampleTime:500}},gauge:{type:"ngRadial",subType:"baseplateCompass",enableTicks:!0,compassUseNumbers:!1,showValueBox:!1},enableTimeout:!1,color:"contrast",dataTimeout:5},oe(()=>{if(this.theme()){if(!this.initCompleted)return;this.startWidget()}})}ngOnInit(){this.validateConfig()}startWidget(){this.setGaugeConfig(),this.ngGauge().update(this.gaugeOptions),this.unsubscribeDataStream(),this.observeDataStream("gaugePath",e=>{if(!e||!e.data||e.data.value===null)e={data:{value:0,timestamp:new Date},state:ne.Normal},this.value=0,this.textValue="--";else{let t=this.negToPortPaths.includes(this.widgetProperties.config.paths.gaugePath.path)?hg(e.data.value):e.data.value;this.value=Math.min(Math.max(t,0),360),this.textValue=this.value.toFixed(0)}if(e.state==null&&(e.state=ne.Normal),this.state!==e.state){this.state=e.state;let t={};switch(e.state){case ne.Emergency:t.colorValueText=this.theme().zoneEmergency;break;case ne.Alarm:t.colorValueText=this.theme().zoneAlarm;break;case ne.Warn:t.colorValueText=this.theme().zoneWarn;break;case ne.Alert:t.colorValueText=this.theme().zoneAlert;break;default:t.colorValueText=this.theme().contrast}this.ngGauge().update(t)}})}updateConfig(e){this.widgetProperties.config=e,this.setCanvasHight(),this.startWidget()}setCanvasHight(){let e=this.gauge().nativeElement.getBoundingClientRect(),t={};t.height=e.height,t.width=e.width,this.ngGauge().update(t)}ngAfterViewInit(){this.setCanvasHight(),this.startWidget(),this.initCompleted=!0}onResized(e){let t={};t.height=e.contentRect.height,t.width=e.contentRect.width,this.ngGauge().update(t)}setGaugeConfig(){this.gaugeOptions.title=this.widgetProperties.config.displayName?this.widgetProperties.config.displayName:"",this.gaugeOptions.minValue=0,this.gaugeOptions.maxValue=360,this.gaugeOptions.valueDec=0,this.gaugeOptions.valueInt=1,this.gaugeOptions.units="",this.gaugeOptions.barProgress=!1,this.gaugeOptions.barWidth=0,this.gaugeOptions.valueBox=this.widgetProperties.config.gauge.showValueBox,this.gaugeOptions.fontValueSize=60,this.gaugeOptions.valueBoxWidth=26,this.gaugeOptions.valueBoxBorderRadius=10,this.gaugeOptions.valueBoxStroke=0,this.gaugeOptions.ticksAngle=360,this.gaugeOptions.startAngle=180,this.gaugeOptions.exactTicks=!1,this.gaugeOptions.strokeTicks="",this.gaugeOptions.majorTicks=this.widgetProperties.config.gauge.compassUseNumbers?["N","30","60","E","120","150","S","210","240","W","300","330","N"]:["N","NE","E","SE","S","SW","W","NW","N"],this.gaugeOptions.majorTicksDec=0,this.gaugeOptions.majorTicksInt=1,this.gaugeOptions.numbersMargin=5,this.gaugeOptions.fontNumbersSize=25,this.gaugeOptions.minorTicks=this.widgetProperties.config.gauge.compassUseNumbers?3:2,this.gaugeOptions.needle=!0,this.gaugeOptions.needleType=this.LINE,this.gaugeOptions.needleStart=this.NEEDLE_START,this.gaugeOptions.needleEnd=this.NEEDLE_END,this.gaugeOptions.needleCircleSize=this.NEEDLE_CIRCLE_SIZE,this.gaugeOptions.needleWidth=4,this.gaugeOptions.needleShadow=!1,this.gaugeOptions.needleCircleInner=!1,this.gaugeOptions.needleCircleOuter=!1,this.gaugeOptions.borders=!0,this.gaugeOptions.borderOuterWidth=0,this.gaugeOptions.borderMiddleWidth=this.BORDER_MIDDLE_WIDTH,this.gaugeOptions.borderInnerWidth=this.BORDER_INNER_WIDTH,this.gaugeOptions.borderShadowWidth=0,this.gaugeOptions.highlights=[],this.gaugeOptions.fontTitle="Roboto",this.gaugeOptions.fontTitleWeight="normal",this.gaugeOptions.fontTitleSize=25,this.gaugeOptions.fontUnits="Roboto",this.gaugeOptions.fontUnitsSize=25,this.gaugeOptions.fontUnitsWeight="normal",this.gaugeOptions.barStrokeWidth=0,this.gaugeOptions.barShadow=0,this.gaugeOptions.fontValue="Roboto",this.gaugeOptions.fontValueWeight="bold",this.gaugeOptions.valueTextShadow=!1,this.gaugeOptions.colorValueBoxShadow="",this.gaugeOptions.fontNumbers="Roboto",this.gaugeOptions.fontNumbersWeight="bold",this.gaugeOptions.highlightsWidth=0,this.widgetProperties.config.gauge.subType==="marineCompass"?(this.gaugeOptions.animationTarget=this.ANIMATION_TARGET_PLATE,this.gaugeOptions.useMinPath=!0):this.widgetProperties.config.gauge.subType==="baseplateCompass"&&(this.gaugeOptions.animationTarget=this.ANIMATION_TARGET_NEEDLE,this.gaugeOptions.useMinPath=!0),this.gaugeOptions.animation=!0,this.gaugeOptions.animateOnInit=!0,this.gaugeOptions.animatedValue=!0,this.gaugeOptions.animationRule="linear",this.gaugeOptions.animationDuration=this.widgetProperties.config.paths.gaugePath.sampleTime-50,this.setGaugeOptions(he(this.widgetProperties.config.color,this.theme()).color,Xr(he(this.widgetProperties.config.color,this.theme()).dim),Xr(he(this.widgetProperties.config.color,this.theme()).dimmer))}setGaugeOptions(e,t,i){let o=Xr(he("contrast",this.theme()).dim);this.gaugeOptions.colorBarProgress=e,this.gaugeOptions.colorBorderMiddle=t,this.gaugeOptions.colorBorderMiddleEnd=t,this.gaugeOptions.colorNeedle=e,this.gaugeOptions.colorNeedleEnd=e,this.gaugeOptions.colorTitle=o,this.gaugeOptions.colorUnits=o,this.gaugeOptions.colorValueText=e,this.gaugeOptions.colorMinorTicks=o,this.gaugeOptions.colorNumbers=this.widgetProperties.config.gauge.compassUseNumbers?[this.theme().port,o,o,t,o,o,t,o,o,t,o,o,this.theme().port]:[this.theme().port,t,t,t,t,t,t,t,this.theme().port],this.gaugeOptions.colorMajorTicks=this.widgetProperties.config.gauge.compassUseNumbers?[this.theme().port,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().port]:[this.theme().port,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().contrast,this.theme().port],this.gaugeOptions.colorPlate=this.gaugeOptions.colorPlateEnd=this.gaugeOptions.colorBorderInner=this.gaugeOptions.colorBorderInnerEnd=this.theme().cardColor,this.gaugeOptions.colorBar=this.theme().background,this.gaugeOptions.colorBarStroke="",this.gaugeOptions.colorValueBoxBackground=this.theme().background,this.gaugeOptions.colorNeedleShadowUp="",this.gaugeOptions.colorNeedleShadowDown="",this.gaugeOptions.colorNeedleCircleInner=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleInnerEnd=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleOuter=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleOuterEnd=this.gaugeOptions.colorPlate}ngOnDestroy(){this.destroyDataStreams()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-gauge-ng-compass"]],viewQuery:function(t,i){t&1&&(te(i.ngGauge,jc,5),te(i.gauge,jc,5,Xe)),t&2&&we(2)},features:[de],decls:3,vars:8,consts:[["compassGauge",""],[3,"configChange","config","id"],[3,"onResize","id","options","value"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(1,"radial-gauge",2,0),R("onResize",function(l){return P(o),O(i.onResized(l))}),w()()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("id",xi(i.widgetProperties.uuid))("options",i.gaugeOptions)("value",i.value),ee("value-text",i.textValue)("color-stroke-ticks",i.colorStrokeTicks))},dependencies:[Ce,nt,Nt,$n,Ao],styles:["radial-gauge{display:block;position:relative;width:100%;height:100%;overflow:clip} radial-gauge>canvas{display:block;position:absolute;height:100%;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px}"]})}return a})();function Po(a,n,e=!1){let t=[],i=n-a,o=0,r=10;i=Yc(n-a,!1),o=Yc(i/(r-1),!0);let l=Math.floor(a/o)*o,d=Math.ceil(n/o)*o;t.push(l);let p=i/o;for(let s=0;s<p;s++)if(t[s]<d){let c=(Number(t[s].toFixed(2))*100+Number(o.toFixed(2))*100)/100;t.push(c)}if(t[t.length-1]!==d&&t.push(d),e){let s=[...t].reverse();return{min:l,max:d,majorTicks:s}}return{min:l,max:d,majorTicks:t}}function Yc(a,n){let e=Math.floor(Math.log10(a)),t=a/Math.pow(10,e),i=null;return n?1.5>t?i=1:3>t?i=2:7>t?i=5:i=10:1>=t?i=1:2>=t?i=2:5>=t?i=5:i=10,i*Math.pow(10,e)}function Yn(a,n,e,t,i,o,r=!1){let l=[],d=[...a].sort((p,s)=>p.lower-s.lower);for(let p of d){let s=null,c=null,m;switch(p.state){case ne.Emergency:m=n.zoneEmergency;break;case ne.Alarm:m=n.zoneAlarm;break;case ne.Warn:m=n.zoneWarn;break;case ne.Alert:m=n.zoneAlert;break;case ne.Nominal:m=n.zoneNominal;break;default:m="rgba(0,0,0,0)"}if(s=t.convertToUnit(e,p.lower),c=t.convertToUnit(e,p.upper),!(c<i||s>o)){if(s=s!==null?s:i,c=c!==null?c:o,s=Math.max(s,i),c>o){c=o,l.push({from:s,to:c,color:m});break}l.push({from:s,to:c,color:m})}}return r&&(l=l.map(p=>({from:o-p.to,to:o-p.from,color:p.color}))),l}var Kc=["linearGauge"],Qc=(()=>{class a extends Se{ngGauge=ie("linearGauge",{read:va});gauge=ie("linearGauge",{read:Xe});initCompleted=!1;textValue="";value=0;gaugeOptions={};isGaugeVertical=!0;adjustedScale;metaSub;state=ne.Normal;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{gaugePath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,convertUnitTo:"unitless",sampleTime:500}},displayScale:{lower:0,upper:100,type:"linear"},gauge:{type:"ngLinear",subType:"vertical",enableTicks:!1,highlightsWidth:5,useNeedle:!1},numInt:1,numDecimal:0,color:"contrast",enableTimeout:!1,dataTimeout:5,ignoreZones:!1},oe(()=>{if(this.theme()){if(!this.initCompleted)return;this.startWidget()}})}ngOnInit(){this.validateConfig()}startWidget(){this.setGaugeConfig(),this.ngGauge().update(this.gaugeOptions),this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.metaSub?.unsubscribe(),this.observeDataStream("gaugePath",t=>{if(!t||!t.data||t.data.value===null?(t={data:{value:0,timestamp:new Date},state:ne.Normal},this.textValue="--"):this.textValue==="--"&&(this.textValue=""),this.value=Math.min(Math.max(t.data.value,this.widgetProperties.config.displayScale.lower),this.widgetProperties.config.displayScale.upper),t.state==null&&(t.state=ne.Normal),this.state!==t.state){this.state=t.state;let i={};if(!this.widgetProperties.config.ignoreZones)switch(t.state){case ne.Emergency:this.widgetProperties.config.gauge.useNeedle?(i.colorNeedle=this.theme().zoneEmergency,i.colorValueText=this.theme().zoneEmergency):(i.colorBarProgress=this.theme().zoneEmergency,i.colorValueText=this.theme().zoneEmergency);break;case ne.Alarm:this.widgetProperties.config.gauge.useNeedle?(i.colorNeedle=this.theme().zoneAlarm,i.colorValueText=this.theme().zoneAlarm):(i.colorBarProgress=this.theme().zoneAlarm,i.colorValueText=this.theme().zoneAlarm);break;case ne.Warn:this.widgetProperties.config.gauge.useNeedle?(i.colorNeedle=this.theme().zoneWarn,i.colorValueText=this.theme().zoneWarn):(i.colorBarProgress=this.theme().zoneWarn,i.colorValueText=this.theme().zoneWarn);break;case ne.Alert:this.widgetProperties.config.gauge.useNeedle?(i.colorNeedle=this.theme().zoneAlert,i.colorValueText=this.theme().zoneAlert):(i.colorBarProgress=this.theme().zoneAlert,i.colorValueText=this.theme().zoneAlert);break;default:this.widgetProperties.config.gauge.useNeedle?(i.colorNeedle=he(this.widgetProperties.config.color,this.theme()).color,i.colorValueText=he(this.widgetProperties.config.color,this.theme()).color):(i.colorBarProgress=he(this.widgetProperties.config.color,this.theme()).color,i.colorValueText=he(this.widgetProperties.config.color,this.theme()).color)}this.ngGauge().update(i)}});let e={};e.highlights=[],this.widgetProperties.config.ignoreZones?this.ngGauge().update(e):(this.observeMetaStream(),this.metaSub=this.zones$.subscribe(t=>{if(t&&t.length>0){let i=Yn(t,this.theme(),this.widgetProperties.config.paths.gaugePath.convertUnitTo,this.unitsService,this.adjustedScale.min,this.adjustedScale.max);e.highlightsWidth=this.widgetProperties.config.gauge.highlightsWidth,e.highlights=JSON.stringify(i,null,1)}else e.highlights=[];this.ngGauge().update(e)}))}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}ngAfterViewInit(){this.setCanvasHight(),this.startWidget(),this.initCompleted=!0}onResized(e){let t={};this.widgetProperties.config.gauge.subType==="vertical"?(t.height=e.contentRect.height,t.width=t.height*.3,t.width>e.contentRect.width&&(t.width=e.contentRect.width,t.height=t.width/.3)):(t.width=e.contentRect.width,t.height=t.width*.3,t.height>e.contentRect.height&&(t.height=e.contentRect.height,t.width=t.height/.3)),t.height-=10,this.ngGauge().update(t)}setCanvasHight(){let e=this.gauge().nativeElement.getBoundingClientRect(),t={};t.height=e.height,t.width=e.width,this.ngGauge().update(t)}setGaugeConfig(){let e=this.widgetProperties.config.gauge.subType==="vertical",t=this.widgetProperties.config.gauge.useNeedle,i=this.widgetProperties.config.gauge.enableTicks;this.adjustedScale={min:this.widgetProperties.config.displayScale.lower,max:this.widgetProperties.config.displayScale.upper,majorTicks:[]};let o=this.gauge().nativeElement.getBoundingClientRect(),r=null,l=null;this.widgetProperties.config.gauge.subType==="vertical"?(r=o.height,l=o.height*.3):(r=o.width*.3,l=o.width),i&&(this.adjustedScale=Po(this.widgetProperties.config.displayScale.lower,this.widgetProperties.config.displayScale.upper));let d={height:r,width:l,minValue:this.adjustedScale.min,maxValue:this.adjustedScale.max,valueInt:this.widgetProperties.config.numInt!==void 0&&this.widgetProperties.config.numInt!==null?this.widgetProperties.config.numInt:1,valueDec:this.widgetProperties.config.numDecimal!==void 0&&this.widgetProperties.config.numDecimal!==null?this.widgetProperties.config.numDecimal:2,title:this.widgetProperties.config.displayName,fontTitleSize:40,fontTitle:"Roboto",fontTitleWeight:"bold",barLength:e?80:90,barWidth:i?t?0:30:60,barProgress:!0,barBeginCircle:0,barStrokeWidth:0,barShadow:0,needle:t,needleType:this.widgetProperties.config.gauge.useNeedle?"arrow":"line",needleShadow:!0,needleSide:"both",needleStart:this.widgetProperties.config.gauge.useNeedle?e?200:155:-45,needleEnd:this.widgetProperties.config.gauge.useNeedle?e?175:180:55,colorNeedleEnd:he(this.widgetProperties.config.color,this.theme()).color,colorNeedleShadowUp:he(this.widgetProperties.config.color,this.theme()).color,colorNeedleShadowDown:he(this.widgetProperties.config.color,this.theme()).color,units:this.widgetProperties.config.paths.gaugePath.convertUnitTo,fontUnits:"Roboto",fontUnitsWeight:"normal",borders:!1,borderOuterWidth:0,colorBorderOuter:"red",colorBorderOuterEnd:"red",borderMiddleWidth:0,colorBorderMiddle:"#63afdf",colorBorderMiddleEnd:"#63afdf",borderInnerWidth:0,colorBorderInner:"red",colorBorderInnerEnd:"#121212",borderShadowWidth:0,borderRadius:0,colorBarEnd:"",colorBarStroke:"0",valueBoxStroke:0,colorValueBoxRect:"",colorValueBoxRectEnd:"",colorValueBoxBackground:this.theme().background,fontValueSize:50,fontValue:"Roboto",fontValueWeight:"bold",valueTextShadow:!1,colorValueBoxShadow:"",fontNumbers:"Roboto",fontNumbersWeight:"normal",fontUnitsSize:this.isGaugeVertical?40:35,colorTitle:he("contrast",this.theme()).dim,colorUnits:he("contrast",this.theme()).dim,colorValueText:he(this.widgetProperties.config.color,this.theme()).color,colorPlate:this.theme().cardColor,colorBar:this.theme().background,colorMajorTicks:he("contrast",this.theme()).dim,colorMinorTicks:he("contrast",this.theme()).dim,colorNumbers:he("contrast",this.theme()).dim,majorTicks:i?this.adjustedScale.majorTicks:[],majorTicksInt:this.widgetProperties.config.numInt!==void 0&&this.widgetProperties.config.numInt!==null?this.widgetProperties.config.numInt:1,majorTicksDec:this.widgetProperties.config.numDecimal!==void 0&&this.widgetProperties.config.numDecimal!==null?this.widgetProperties.config.numDecimal:2,numberSide:t?"right":"left",fontNumbersSize:i?e?22:30:0,numbersMargin:e?t?-7:-3:t?-33:-5,tickSide:"left",ticksWidth:i?t&&e?15:10:0,ticksPadding:i?e?t?0:5:t?9:8:0,strokeTicks:i,minorTicks:i?2:0,ticksWidthMinor:i?6:0,valueBox:!0,valueBoxWidth:35,valueBoxBorderRadius:10,highlights:[],highlightsWidth:this.widgetProperties.config.gauge.highlightsWidth,animation:!0,animationRule:"linear",animatedValue:!1,animateOnInit:!1,animationDuration:this.widgetProperties.config.paths.gaugePath.sampleTime-25};Object.assign(this.gaugeOptions,d),this.setThemePaletteColor()}setThemePaletteColor(){let e="",t="";switch(this.widgetProperties.config.color){case"contrast":e=this.theme().contrast,t=this.theme().contrastDim;break;case"blue":e=this.theme().blue,t=this.theme().blueDim;break;case"green":e=this.theme().green,t=this.theme().greenDim;break;case"pink":e=this.theme().pink,t=this.theme().pinkDim;break;case"orange":e=this.theme().orange,t=this.theme().orangeDim;break;case"purple":e=this.theme().purple,t=this.theme().purpleDim;break;case"grey":e=this.theme().grey,t=this.theme().greyDim;break;case"yellow":e=this.theme().yellow,t=this.theme().yellowDim;break;default:e=this.theme().contrast,t=this.theme().contrastDim;break}Object.assign(this.gaugeOptions,{colorBarProgress:this.widgetProperties.config.gauge.useNeedle?"":e,colorBarProgressEnd:"",colorNeedle:this.widgetProperties.config.gauge.useNeedle?e:t,needleWidth:this.widgetProperties.config.gauge.useNeedle?45:0})}ngOnDestroy(){this.destroyDataStreams(),this.metaSub?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-gauge-ng-linear"]],viewQuery:function(t,i){t&1&&(te(i.ngGauge,Kc,5,va),te(i.gauge,Kc,5,Xe)),t&2&&we(2)},features:[de],decls:4,vars:7,consts:[["host",""],["linearGauge",""],[3,"configChange","config","id"],[1,"linearGauge",3,"onResize","id","options","value"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",2,0),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(2,"linear-gauge",3,1),R("onResize",function(l){return P(o),O(i.onResized(l))}),w()()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(2),F("id",xi(i.widgetProperties.uuid))("options",i.gaugeOptions)("value",i.value),ee("value-text",i.textValue))},dependencies:[Ce,nt,Nt,$n,va],styles:["linear-gauge{display:block;position:relative;width:100%;height:100%;overflow:clip} linear-gauge>canvas{display:block;position:absolute;height:100%;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:5px}"]})}return a})();var Xc=["radialGauge"],Zc=(()=>{class a extends Se{LINE="line";ANIMATION_TARGET_NEEDLE="needle";ngGauge=ie("radialGauge");gauge=ie("radialGauge",{read:Xe});initCompleted=!1;textValue="";value=null;adjustedScale;gaugeOptions={};colorStrokeTicks="";unitName=null;metaSub;state=ne.Normal;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{gaugePath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,convertUnitTo:"unitless",sampleTime:500}},displayScale:{lower:0,upper:100,type:"linear"},gauge:{type:"ngRadial",subType:"measuring",enableTicks:!0,compassUseNumbers:!1,highlightsWidth:5,scaleStart:180,barStartPosition:"left"},numInt:1,numDecimal:0,enableTimeout:!1,color:"contrast",dataTimeout:5,ignoreZones:!1},oe(()=>{if(this.theme()){if(!this.initCompleted)return;this.startWidget()}})}ngOnInit(){this.validateConfig()}startWidget(){this.setGaugeConfig(),this.ngGauge().update(this.gaugeOptions),this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.metaSub?.unsubscribe(),this.observeDataStream("gaugePath",t=>{if(!t||!t.data||t.data.value===null?(t={data:{value:0,timestamp:new Date},state:ne.Normal},this.textValue="--"):this.textValue==="--"&&(this.textValue=""),this.value=Math.min(Math.max(t.data.value,this.widgetProperties.config.displayScale.lower),this.widgetProperties.config.displayScale.upper),t.state==null&&(t.state=ne.Normal),this.state!==t.state){this.state=t.state;let i={};if(!this.widgetProperties.config.ignoreZones)switch(t.state){case ne.Alarm:i.colorBorderMiddle=this.theme().cardColor,i.colorBarProgress=this.theme().zoneAlarm,i.colorValueText=this.theme().zoneAlarm;break;case ne.Warn:i.colorBorderMiddle=this.theme().cardColor,i.colorBarProgress=this.theme().zoneWarn,i.colorValueText=this.theme().zoneWarn;break;case ne.Alert:i.colorBorderMiddle=this.theme().cardColor,i.colorBarProgress=this.theme().zoneAlert,i.colorValueText=this.theme().zoneAlert;break;default:i.colorBorderMiddle=this.theme().cardColor,i.colorBarProgress=this.widgetProperties.config.gauge.subType=="measuring"?he(this.widgetProperties.config.color,this.theme()).color:he(this.widgetProperties.config.color,this.theme()).dim,i.colorValueText=he(this.widgetProperties.config.color,this.theme()).color}this.ngGauge().update(i)}});let e={};e.highlights=[],this.widgetProperties.config.ignoreZones?this.ngGauge().update(e):(this.observeMetaStream(),this.metaSub=this.zones$.subscribe(t=>{if(t&&t.length>0&&this.widgetProperties.config.gauge.subType=="measuring"){let i=this.widgetProperties.config.gauge.barStartPosition==="right",o=Yn(t,this.theme(),this.widgetProperties.config.paths.gaugePath.convertUnitTo,this.unitsService,this.adjustedScale.min,this.adjustedScale.max,i);e.highlightsWidth=this.widgetProperties.config.gauge.highlightsWidth,e.highlights=JSON.stringify(o,null,1)}else e.highlights=[];this.ngGauge().update(e)}))}updateConfig(e){this.widgetProperties.config=e,this.setCanvasHight(),this.startWidget()}setCanvasHight(){let e=this.gauge().nativeElement.getBoundingClientRect(),t={};t.height=e.height,t.width=e.width,this.ngGauge().update(t)}ngAfterViewInit(){this.setCanvasHight(),this.startWidget(),this.initCompleted=!0}onResized(e){let t={};t.height=e.contentRect.height,t.width=e.contentRect.width,this.ngGauge().update(t)}setGaugeConfig(){switch(this.gaugeOptions.title=this.widgetProperties.config.displayName?this.widgetProperties.config.displayName:"",this.gaugeOptions.highlights=[],this.gaugeOptions.fontTitle="Roboto",this.gaugeOptions.fontTitleWeight="bold",this.gaugeOptions.fontUnits="Roboto",this.gaugeOptions.fontUnitsSize=25,this.gaugeOptions.fontUnitsWeight="normal",this.gaugeOptions.barStrokeWidth=0,this.gaugeOptions.barShadow=0,this.gaugeOptions.colorBarStroke="",this.gaugeOptions.fontValue="Roboto",this.gaugeOptions.fontValueWeight="bold",this.gaugeOptions.valueTextShadow=!1,this.gaugeOptions.colorValueBoxShadow="",this.gaugeOptions.fontNumbers="Roboto",this.gaugeOptions.fontNumbersWeight="bold",this.gaugeOptions.valueInt=this.widgetProperties.config.numInt!==void 0&&this.widgetProperties.config.numInt!==null?this.widgetProperties.config.numInt:1,this.gaugeOptions.valueDec=this.widgetProperties.config.numDecimal!==void 0&&this.widgetProperties.config.numDecimal!==null?this.widgetProperties.config.numDecimal:2,this.gaugeOptions.majorTicksInt=this.widgetProperties.config.numInt!==void 0&&this.widgetProperties.config.numInt!==null?this.widgetProperties.config.numInt:1,this.gaugeOptions.majorTicksDec=this.widgetProperties.config.numDecimal!==void 0&&this.widgetProperties.config.numDecimal!==null?this.widgetProperties.config.numDecimal:2,this.gaugeOptions.highlightsWidth=this.widgetProperties.config.gauge.highlightsWidth,this.gaugeOptions.animation=!0,this.gaugeOptions.animateOnInit=!1,this.gaugeOptions.animatedValue=!1,this.gaugeOptions.animationRule="linear",this.gaugeOptions.animationDuration=this.widgetProperties.config.paths.gaugePath.sampleTime-25,this.gaugeOptions.colorBorderShadow=!1,this.gaugeOptions.colorBorderOuter=this.theme().cardColor,this.gaugeOptions.colorBorderOuterEnd="",this.gaugeOptions.colorBorderMiddle=this.theme().cardColor,this.gaugeOptions.colorBorderMiddleEnd="",this.gaugeOptions.colorBarProgress=he(this.widgetProperties.config.color,this.theme()).color,this.gaugeOptions.colorNeedle=he(this.widgetProperties.config.color,this.theme()).dim,this.gaugeOptions.colorNeedleEnd=he(this.widgetProperties.config.color,this.theme()).dim,this.gaugeOptions.colorTitle=this.theme().contrastDim,this.gaugeOptions.colorUnits=this.theme().contrastDim,this.gaugeOptions.colorValueText=he(this.widgetProperties.config.color,this.theme()).color,this.colorStrokeTicks=this.theme().contrastDim,this.gaugeOptions.colorMinorTicks=this.theme().contrastDim,this.gaugeOptions.colorNumbers=this.theme().contrastDim,this.gaugeOptions.colorMajorTicks=this.theme().contrastDim,this.gaugeOptions.colorPlate=this.gaugeOptions.colorPlateEnd=this.theme().cardColor,this.gaugeOptions.colorBar=this.theme().background,this.gaugeOptions.colorNeedleShadowUp="",this.gaugeOptions.colorNeedleShadowDown="black",this.gaugeOptions.colorNeedleCircleInner=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleInnerEnd=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleOuter=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNeedleCircleOuterEnd=this.gaugeOptions.colorPlate,this.widgetProperties.config.gauge.subType){case"capacity":this.configureCapacityGauge();break;case"measuring":this.configureMeasuringGauge();break;default:}}configureCapacityGauge(){this.gaugeOptions.minValue=this.widgetProperties.config.displayScale.lower,this.gaugeOptions.maxValue=this.widgetProperties.config.displayScale.upper,this.gaugeOptions.units=this.widgetProperties.config.paths.gaugePath.convertUnitTo,this.gaugeOptions.fontTitleSize=40,this.gaugeOptions.barProgress=!0,this.gaugeOptions.barWidth=20,this.gaugeOptions.colorBarProgress=he(this.widgetProperties.config.color,this.theme()).dim,this.gaugeOptions.valueBox=!0,this.gaugeOptions.fontValueSize=60,this.gaugeOptions.valueBoxWidth=10,this.gaugeOptions.valueBoxBorderRadius=5,this.gaugeOptions.valueBoxStroke=0,this.gaugeOptions.colorValueBoxBackground="",this.gaugeOptions.colorValueBoxRect="",this.gaugeOptions.colorValueBoxRectEnd="",this.gaugeOptions.ticksAngle=360,this.gaugeOptions.startAngle=this.widgetProperties.config.gauge.scaleStart||180,this.gaugeOptions.majorTicks=0,this.gaugeOptions.exactTicks=!0,this.gaugeOptions.strokeTicks=!1,this.gaugeOptions.minorTicks=0,this.gaugeOptions.numbersMargin=0,this.gaugeOptions.fontNumbersSize=0,this.gaugeOptions.colorMajorTicks=this.gaugeOptions.colorPlate,this.gaugeOptions.colorNumbers=this.gaugeOptions.colorMinorTicks="",this.gaugeOptions.needle=!0,this.gaugeOptions.needleType=this.LINE,this.gaugeOptions.needleWidth=2,this.gaugeOptions.needleShadow=!1,this.gaugeOptions.needleStart=75,this.gaugeOptions.needleEnd=95,this.gaugeOptions.needleCircleSize=1,this.gaugeOptions.needleCircleInner=!1,this.gaugeOptions.needleCircleOuter=!1,this.gaugeOptions.borders=!0,this.gaugeOptions.borderOuterWidth=2,this.gaugeOptions.borderMiddleWidth=1,this.gaugeOptions.borderInnerWidth=0,this.gaugeOptions.borderShadowWidth=0,this.gaugeOptions.animationTarget=this.ANIMATION_TARGET_NEEDLE,this.gaugeOptions.useMinPath=!1}configureMeasuringGauge(){this.adjustedScale=Po(this.widgetProperties.config.displayScale.lower,this.widgetProperties.config.displayScale.upper,this.widgetProperties.config.gauge.barStartPosition==="right"),this.gaugeOptions.minValue=this.adjustedScale.min,this.gaugeOptions.maxValue=this.adjustedScale.max,this.gaugeOptions.units=this.widgetProperties.config.paths.gaugePath.convertUnitTo,this.gaugeOptions.fontTitleSize=24,this.gaugeOptions.barProgress=!0,this.gaugeOptions.barWidth=15,this.gaugeOptions.valueBox=!0,this.gaugeOptions.fontValueSize=60,this.gaugeOptions.valueBoxWidth=100,this.gaugeOptions.valueBoxBorderRadius=0,this.gaugeOptions.valueBoxStroke=0,this.gaugeOptions.colorValueBoxBackground="",this.gaugeOptions.exactTicks=!1,this.gaugeOptions.majorTicks=this.adjustedScale.majorTicks,this.gaugeOptions.minorTicks=2,this.gaugeOptions.ticksAngle=270,this.gaugeOptions.startAngle=45,this.gaugeOptions.barStartPosition=this.widgetProperties.config.gauge.barStartPosition||"left",this.gaugeOptions.strokeTicks=!0,this.gaugeOptions.numbersMargin=3,this.gaugeOptions.fontNumbersSize=15,this.gaugeOptions.needle=!0,this.gaugeOptions.needleType=this.LINE,this.gaugeOptions.needleWidth=2,this.gaugeOptions.needleShadow=!1,this.gaugeOptions.needleStart=0,this.gaugeOptions.needleEnd=95,this.gaugeOptions.needleCircleSize=10,this.gaugeOptions.needleCircleInner=!1,this.gaugeOptions.needleCircleOuter=!1,this.gaugeOptions.borders=!0,this.gaugeOptions.borderOuterWidth=2,this.gaugeOptions.borderMiddleWidth=1,this.gaugeOptions.borderInnerWidth=0,this.gaugeOptions.borderShadowWidth=0,this.gaugeOptions.animationTarget=this.ANIMATION_TARGET_NEEDLE,this.gaugeOptions.useMinPath=!1}ngOnDestroy(){this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.metaSub?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-gauge-ng-radial"]],viewQuery:function(t,i){t&1&&(te(i.ngGauge,Xc,5),te(i.gauge,Xc,5,Xe)),t&2&&we(2)},features:[de],decls:3,vars:7,consts:[["radialGauge",""],[3,"configChange","config","id"],[3,"onResize","id","options","value"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(1,"radial-gauge",2,0),R("onResize",function(l){return P(o),O(i.onResized(l))}),w()()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("id",xi(i.widgetProperties.uuid))("options",i.gaugeOptions)("value",i.value),ee("value-text",i.textValue))},dependencies:[Ce,nt,Nt,$n,Ao],styles:["radial-gauge{display:block;position:relative;width:100%;height:100%;overflow:clip} radial-gauge>canvas{display:block;position:absolute;height:100%;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);padding:0}"]})}return a})();var ug=["gaugeCanvas"];typeof steelseries>"u"&&(globalThis.steelseries={BackgroundColor:{DARK_GRAY:"darkGray",SATIN_GRAY:"satinGray",LIGHT_GRAY:"lightGray",WHITE:"white",BLACK:"black",BEIGE:"beige",BROWN:"brown",RED:"red",GREEN:"green",BLUE:"blue",ANTHRACITE:"anthracite",MUD:"mud",PUNCHED_SHEET:"punchedSheet",CARBON:"carbon",STAINLESS:"stainless",BRUSHED_METAL:"brushedMetal",BRUSHED_STAINLESS:"brushedStainless",TURNED:"turned"},FrameDesign:{BLACK_METAL:"blackMetal",METAL:"metal",SHINY_METAL:"shinyMetal",BRASS:"brass",STEEL:"steel",CHROME:"chrome",GOLD:"gold",ANTHRACITE:"anthracite",TILTED_GRAY:"tiltedGray",TILTED_BLACK:"tiltedBlack",GLOSSY_METAL:"glossyMetal"}});var Zr={darkGray:steelseries.BackgroundColor.DARK_GRAY,satinGray:steelseries.BackgroundColor.SATIN_GRAY,lightGray:steelseries.BackgroundColor.LIGHT_GRAY,white:steelseries.BackgroundColor.WHITE,black:steelseries.BackgroundColor.BLACK,beige:steelseries.BackgroundColor.BEIGE,brown:steelseries.BackgroundColor.BROWN,red:steelseries.BackgroundColor.RED,green:steelseries.BackgroundColor.GREEN,blue:steelseries.BackgroundColor.BLUE,anthracite:steelseries.BackgroundColor.ANTHRACITE,mud:steelseries.BackgroundColor.MUD,punchedSheet:steelseries.BackgroundColor.PUNCHED_SHEET,carbon:steelseries.BackgroundColor.CARBON,stainless:steelseries.BackgroundColor.STAINLESS,brushedMetal:steelseries.BackgroundColor.BRUSHED_METAL,brushedStainless:steelseries.BackgroundColor.BRUSHED_STAINLESS,turned:steelseries.BackgroundColor.TURNED},Jr={blackMetal:steelseries.FrameDesign.BLACK_METAL,metal:steelseries.FrameDesign.METAL,shinyMetal:steelseries.FrameDesign.SHINY_METAL,brass:steelseries.FrameDesign.BRASS,steel:steelseries.FrameDesign.STEEL,chrome:steelseries.FrameDesign.CHROME,gold:steelseries.FrameDesign.GOLD,anthracite:steelseries.FrameDesign.ANTHRACITE,tiltedGray:steelseries.FrameDesign.TILTED_GRAY,tiltedBlack:steelseries.FrameDesign.TILTED_BLACK,glossyMetal:steelseries.FrameDesign.GLOSSY_METAL},Jc=(()=>{class a{unitsService=E(pi);canvasService=E(it);canvasRef=ie("gaugeCanvas");widgetUUID=B(void 0);subType=B(void 0);barGauge=B(void 0);radialSize=B(void 0);backgroundColor=B(void 0);frameColor=B(void 0);minValue=B(void 0);maxValue=B(void 0);decimals=B(void 0);zones=B(void 0);title=B(void 0);units=B(void 0);value=B(void 0);theme=B(void 0,{alias:"themeColors"});gaugeStarted=!1;gauge;gaugeOptions={};paddingTop=0;lastSizeSignature="";resizeTimer=null;pendingStructuralRebuild=!1;ngOnInit(){this.buildOptions()}buildOptions(){this.gaugeOptions.minValue=this.minValue(),this.gaugeOptions.maxValue=this.maxValue();let e=this.decimals();this.gaugeOptions.lcdDecimals=e??2,this.gaugeOptions.titleString=this.title(),this.gaugeOptions.unitString=this.units(),this.subType()=="radial"&&(this.gaugeOptions.gaugeType=this.setGaugeType(this.radialSize()));let t=this.zones();if(t){let i=[],o=[],r=[...t].sort((l,d)=>l.lower-d.lower);for(let l of r){let d=null,p=null,s;switch(l.state){case ne.Emergency:s=this.theme().zoneEmergency;break;case ne.Alarm:s=this.theme().zoneAlarm;break;case ne.Warn:s=this.theme().zoneWarn;break;case ne.Alert:s=this.theme().zoneAlert;break;case ne.Nominal:s=this.theme().zoneNominal;break;default:s="rgba(0,0,0,0)"}let c=this.units();if(c=="ratio"?(d=l.lower,p=l.upper):(d=this.unitsService.convertToUnit(c,l.lower),p=this.unitsService.convertToUnit(c,l.upper)),!(p<this.minValue()||d>this.maxValue())){if(d=d!==null?d:this.minValue(),p=p!==null?p:this.maxValue(),d=Math.max(d,this.minValue()),p>this.maxValue()){p=this.maxValue(),i.push(steelseries.Section(d,p,s));break}i.push(steelseries.Section(d,p,s))}}this.gaugeOptions.section=i,this.gaugeOptions.area=o,this.gaugeOptions.useSectionColors=!0}Zr[this.backgroundColor()]&&(this.gaugeOptions.backgroundColor=Zr[this.backgroundColor()]),Jr[this.frameColor()]&&(this.gaugeOptions.frameDesign=Jr[this.frameColor()]),this.barGauge()&&(this.gaugeOptions.valueColor=steelseries.ColorDef.GREEN),this.gaugeOptions.lcdVisible=!0,this.gaugeOptions.thresholdVisible=!1,this.gaugeOptions.threshold=this.maxValue(),this.gaugeOptions.ledVisible=!1}setGaugeType(e){switch(e){case"quarter":return steelseries.GaugeType.TYPE1;case"half":return steelseries.GaugeType.TYPE2;case"three-quarter":return steelseries.GaugeType.TYPE3;case"full":default:return steelseries.GaugeType.TYPE4}}startGauge(e=!1){this.buildOptions();let t=this.widgetUUID();if(!t)return;let i=e||this.pendingStructuralRebuild;if(this.gauge&&!i){this.gauge.setValueAnimated&&this.value()!=null,this.gaugeStarted=!0;return}this.pendingStructuralRebuild=!1,this.gaugeStarted=!0;let o=this.subType();o==="radial"?this.gauge=new steelseries.Radial(t,this.gaugeOptions):o==="linear"&&(this.barGauge()?this.gauge=new steelseries.LinearBargraph(t,this.gaugeOptions):this.gauge=new steelseries.Linear(t,this.gaugeOptions))}onResized(e){if(e.contentRect.height<50||e.contentRect.width<50)return;let t;if(this.subType()==="radial"){let i=Math.min(e.contentRect.height,e.contentRect.width);this.gaugeOptions.size=i,t="radial:"+i}else{let i=Math.floor(e.contentRect.width),o=Math.floor(e.contentRect.height);this.gaugeOptions.width=i,this.gaugeOptions.height=o,t=`linear:${i}x${o}`}t!==this.lastSizeSignature&&(this.lastSizeSignature=t,this.resizeTimer&&window.clearTimeout(this.resizeTimer),this.resizeTimer=window.setTimeout(()=>{this.startGauge(!0),this.resizeTimer=null},120))}ngOnChanges(e){this.gaugeStarted&&(e.value&&!e.value.firstChange&&this.gauge.setValueAnimated(e.value.currentValue),e.zones&&(this.pendingStructuralRebuild=!0,this.startGauge(!0)),e.title&&this.gauge.setTitleString(e.title.currentValue),e.backgroundColor&&this.gauge.setBackgroundColor(Zr[e.backgroundColor.currentValue]),e.frameColor&&this.gauge.setFrameDesign(Jr[e.frameColor.currentValue]),e.radialSize&&(this.pendingStructuralRebuild=!0,this.startGauge(!0)),e.minValue&&this.gauge.setMinValue(e.minValue.currentValue),e.maxValue&&this.gauge.setMaxValue(e.maxValue.currentValue))}ngOnDestroy(){if(this.gauge&&this.gauge.setValue){let t=this.gauge.getValue?this.gauge.getValue():this.value();this.gauge.setValue(t)}let e=this.widgetUUID();if(e){let t=document.getElementById(e);this.canvasService.releaseCanvas(t,{clear:!0,removeFromDom:!0})}this.gauge=null}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["gauge-steel"]],viewQuery:function(t,i){t&1&&te(i.canvasRef,ug,5),t&2&&we()},inputs:{widgetUUID:[1,"widgetUUID"],subType:[1,"subType"],barGauge:[1,"barGauge"],radialSize:[1,"radialSize"],backgroundColor:[1,"backgroundColor"],frameColor:[1,"frameColor"],minValue:[1,"minValue"],maxValue:[1,"maxValue"],decimals:[1,"decimals"],zones:[1,"zones"],title:[1,"title"],units:[1,"units"],value:[1,"value"],theme:[1,"themeColors","theme"]},features:[pn],decls:4,vars:2,consts:[["gaugeCanvas",""],[1,"wrapper",3,"onResize"],[2,"z-index","inherit",3,"id"]],template:function(t,i){if(t&1){let o=K();f(0,"div",1),R("onResize",function(l){return P(o),O(i.onResized(l))}),f(1,"canvas",2,0),b(3," Browser does not support canvas element. "),w()()}t&2&&(C(),F("id",xi(i.widgetUUID())))},dependencies:[nt,Nt],styles:[".sgWrapper[_ngcontent-%COMP%]{height:100%;width:100%;text-align:center}"]})}return a})();var eh=(()=>{class a extends Se{dataValue=0;zones=[];metaSub;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{gaugePath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!0,pathSkUnitsFilter:null,convertUnitTo:"unitless",sampleTime:500}},displayScale:{type:"linear",lower:0,upper:100},gauge:{type:"steel",subType:"radial",backgroundColor:"carbon",faceColor:"anthracite",radialSize:"full",rotateFace:!1,digitalMeter:!1},numDecimal:2,enableTimeout:!1,dataTimeout:5,ignoreZones:!1}}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.metaSub?.unsubscribe(),this.observeDataStream("gaugePath",e=>{(!e||!e.data)&&(e={data:{value:0,timestamp:new Date},state:"normal"}),this.dataValue=Math.min(Math.max(e.data.value,this.widgetProperties.config.displayScale.lower),this.widgetProperties.config.displayScale.upper)}),this.widgetProperties.config.ignoreZones?this.zones=[]:(this.observeMetaStream(),this.metaSub=this.zones$.subscribe(e=>{e?e.length>0?this.zones=e:this.zones=[]:this.zones=[]}))}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}ngOnDestroy(){this.destroyDataStreams(),this.unsubscribeMetaStream(),this.metaSub?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-gauge-steel"]],features:[de],decls:2,vars:16,consts:[[3,"configChange","config","id"],[3,"widgetUUID","subType","barGauge","radialSize","backgroundColor","frameColor","minValue","maxValue","decimals","zones","title","units","value","themeColors"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),U(1,"gauge-steel",1),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("widgetUUID",i.widgetProperties.uuid)("subType",i.widgetProperties.config.gauge.subType)("barGauge",i.widgetProperties.config.gauge.digitalMeter)("radialSize",i.widgetProperties.config.gauge.radialSize)("backgroundColor",i.widgetProperties.config.gauge.backgroundColor)("frameColor",i.widgetProperties.config.gauge.faceColor)("minValue",i.widgetProperties.config.displayScale.lower)("maxValue",i.widgetProperties.config.displayScale.upper)("decimals",i.widgetProperties.config.numDecimal)("zones",i.zones)("title",i.widgetProperties.config.displayName)("units",i.widgetProperties.config.paths.gaugePath.convertUnitTo)("value",i.dataValue)("themeColors",i.theme()))},dependencies:[Ce,Jc],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}gauge-steel[_ngcontent-%COMP%]{display:block;position:relative;width:100%;height:100%} .wrapper{display:block;position:relative;width:100%;height:100%;padding:10px} .wrapper>canvas{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}"]})}return a})();var mg=["plainIframe"];function pg(a,n){if(a&1&&U(0,"iframe",2,0),a&2){let e=G();F("src",e.widgetUrl,La)}}function gg(a,n){a&1&&(f(0,"div",3)(1,"h2"),b(2,"Empty or bad URL"),w(),f(3,"p"),b(4," IMPORTANT: cross-domain security rules (CORS) apply to this widget. "),w(),f(5,"p"),b(6,"Typically, you can load Grafana graphs, Signal K apps or other related tools. "),w()())}var th=(()=>{class a extends Se{_sanitizer=E(qa);_dashboard=E(ot);iframe=ie.required("plainIframe");widgetUrl=null;displayTransparentOverlay=q("block");constructor(){super(),this.defaultConfig={widgetUrl:null,allowInput:!1},oe(()=>{this._dashboard.isDashboardStatic()?this.displayTransparentOverlay.set(this.widgetProperties.config.allowInput?"none":"block"):this.displayTransparentOverlay.set("block")})}ngOnInit(){this.validateConfig(),window.addEventListener("message",this.handleIframeGesture),this.displayTransparentOverlay.set(this.widgetProperties.config.allowInput?"none":"block"),this.widgetUrl=this.resolveUrl(this.widgetProperties.config.widgetUrl)}ngAfterViewInit(){this.iframe()&&(this.iframe().nativeElement.onload=()=>this.injectSwipeScript())}startWidget(){}ngOnDestroy(){window.removeEventListener("message",this.handleIframeGesture),this.iframe()&&(this.iframe().nativeElement.onload=null);try{let e=this.iframe()?.nativeElement.contentDocument;if(e){let t=`kip-gesture-inject-${this.widgetProperties.uuid}`,i=e.getElementById(t);i&&i.parentNode&&i.parentNode.removeChild(i)}}catch{}try{this.destroyDataStreams()}catch{}}handleIframeGesture=e=>{if(e.data){if(e.data.gesture&&e.data.eventData.instanceId===this.widgetProperties.uuid)switch(e.data.gesture){case"swipeup":this._dashboard.navigateToPreviousDashboard();break;case"swipedown":this._dashboard.navigateToNextDashboard();break;case"swipeleft":{let t=new Event("openLeftSidenav",{bubbles:!0,cancelable:!0});window.document.dispatchEvent(t);break}case"swiperight":{let t=new Event("openRightSidenav",{bubbles:!0,cancelable:!0});window.document.dispatchEvent(t);break}default:break}if(e.data.type==="keydown"&&e.data.keyEventData.instanceId===this.widgetProperties.uuid){let{key:t,ctrlKey:i,shiftKey:o}=e.data.keyEventData,r=new KeyboardEvent("keydown",{key:t,ctrlKey:i,shiftKey:o,bubbles:!0,cancelable:!0});document.dispatchEvent(r)}}};injectSwipeScript(){let e=this.iframe().nativeElement.contentWindow,t=this.iframe().nativeElement.contentDocument;if(!t||!e){console.error("[WidgetIframe] Iframe contentDocument or contentWindow is undefined. Possible cross-origin issue or iframe not fully loaded.");return}try{let i=`kip-gesture-inject-${this.widgetProperties.uuid}`;if(t.getElementById(i))return;let o=Mo({instanceId:this.widgetProperties.uuid}),r=t.createElement("script");r.id=i,r.textContent=o,t.body.appendChild(r)}catch(i){console.warn("[WidgetIframe] Failed to inject swipe script into iframe:",i)}}updateConfig(e){this.widgetUrl=this.resolveUrl(e.widgetUrl)}isValidProtocol(e){try{let t=new URL(e);return t.protocol==="http:"||t.protocol==="https:"}catch(t){return console.warn(`[Embed Widget] Invalid Url: ${e}, Error: ${t}`),!1}}resolveUrl(e){if(!e)return null;try{let t=new URL(e,window.location.origin);return this.isValidProtocol(t.href)?this._sanitizer.bypassSecurityTrustResourceUrl(t.href):null}catch(t){return console.warn(`[Embed Widget] Can't resolve Url: ${e}, Error: ${t}`),null}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-iframe"]],viewQuery:function(t,i){t&1&&te(i.iframe,mg,5),t&2&&we()},features:[de],decls:4,vars:5,consts:[["plainIframe",""],[2,"overflow","hidden",3,"configChange","config","id"],["width","100%","height","100%","frameborder","0",1,"widgetIframe",3,"src"],[2,"padding","15px"],[1,"widgetOverlay"]],template:function(t,i){t&1&&(f(0,"widget-host",1),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),Pe(1,pg,2,1,"iframe",2)(2,gg,7,0,"div",3),U(3,"div",4),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),Oe(i.widgetUrl?1:2),C(2),ye("display",i.displayTransparentOverlay()))},dependencies:[Ce],styles:[".widgetIframe[_ngcontent-%COMP%]{background-color:#fff;border-radius:var(--mat-card-elevated-container-shape, var(--mat-sys-corner-medium))}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent}"]})}return a})();var Oo=(()=>{class a{kipTimers={};constructor(){}createTimer(e,t,i){return e in this.kipTimers?this.kipTimers[e].currentValue.asObservable():(this.kipTimers[e]={currentValue:new Ci(t),timeoutID:null,intervalMS:i},this.kipTimers[e].currentValue.asObservable())}startTimer(e){Object.prototype.hasOwnProperty.call(this.kipTimers,e)&&this.kipTimers[e].timeoutID===null&&(this.kipTimers[e].timeoutID=setInterval(()=>{this.kipTimers[e].currentValue.next(this.kipTimers[e].currentValue.value+1)},this.kipTimers[e].intervalMS))}stopTimer(e){Object.prototype.hasOwnProperty.call(this.kipTimers,e)&&this.kipTimers[e].timeoutID!==null&&(clearInterval(this.kipTimers[e].timeoutID),this.kipTimers[e].timeoutID=null)}setTimer(e,t){Object.prototype.hasOwnProperty.call(this.kipTimers,e)&&this.kipTimers[e].currentValue.next(t)}deleteTimer(e){Object.prototype.hasOwnProperty.call(this.kipTimers,e)&&(this.stopTimer(e),this.kipTimers[e].currentValue.complete(),delete this.kipTimers[e])}isRunning(e){let t=!1;return e in this.kipTimers&&(t=this.kipTimers[e].timeoutID!==null),t}ngOnDestroy(){Object.keys(this.kipTimers).forEach(e=>{this.kipTimers[e].timeoutID&&(clearInterval(this.kipTimers[e].timeoutID),this.kipTimers[e].timeoutID=null),this.kipTimers[e].currentValue.complete()}),this.kipTimers={}}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();var fg=["canvasMainRef"];function vg(a,n){if(a&1){let e=K();f(0,"button",14),R("click",function(){P(e);let i=G();return O(i.startTimer())}),b(1," Start "),w()}}function yg(a,n){if(a&1){let e=K();f(0,"button",15),R("click",function(){P(e);let i=G();return O(i.pauseTimer())}),b(1," Pause "),w()}}var ih=(()=>{class a extends Se{canvas=E(it);canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;cssWidth=0;cssHeight=0;maxTextWidth=0;maxTextHeight=0;TimersService=E(Oo);dataValue=null;zoneState=null;currentValueLength=0;valueFontSize=1;flashOn=!1;flashInterval=null;timerRunning=!1;timeName="race";warnColor=null;warmContrast=null;textColor=null;timerSub=null;constructor(){super(),this.defaultConfig={timerLength:-300,color:"contrast",playBeeps:!0},oe(()=>{this.theme()&&(this.getColors(this.widgetProperties.config.color),this.drawWidget())})}ngOnInit(){this.validateConfig(),this.subscribeTimer()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.maxTextWidth=Math.floor(this.cssWidth*.95),this.maxTextHeight=Math.floor(this.cssHeight),this.drawWidget()}}),this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.startWidget()}startWidget(){this.getColors(this.widgetProperties.config.color)}updateConfig(e){this.widgetProperties.config=e,this.startWidget(),this.drawWidget()}subscribeTimer(){this.timerRunning=this.TimersService.isRunning(this.timeName),this.timerSub=this.TimersService.createTimer(this.timeName,this.widgetProperties.config.timerLength,1e3).subscribe(e=>{this.dataValue=e,e>0?this.zoneState=ne.Normal:e===0?this.beep(500,2e3):e>-10?(this.zoneState=ne.Alarm,this.beep(450,100)):e>=-29?this.zoneState=ne.Warn:e===-30?(this.zoneState=ne.Warn,this.beep(400,200)):this.zoneState=ne.Normal,this.zoneState==ne.Alarm&&!this.flashInterval?this.flashInterval=setInterval(()=>{this.flashOn=!this.flashOn,this.drawWidget()},500):this.zoneState!=ne.Alarm&&(clearInterval(this.flashInterval),this.flashInterval=null),this.drawWidget()})}startTimer(){this.TimersService.startTimer(this.timeName),this.timerRunning=!0}resetTimer(){this.unsubscribeTimer(),this.TimersService.deleteTimer(this.timeName),this.timerRunning=!1,this.subscribeTimer()}pauseTimer(){this.TimersService.stopTimer(this.timeName),this.timerRunning=!1}roundToMin(){let e=this.dataValue;this.dataValue<0&&(e=e*-1);let t=e%60;this.dataValue>0?t>30?this.TimersService.setTimer(this.timeName,this.dataValue+(60-t)):this.TimersService.setTimer(this.timeName,this.dataValue-t):t>30?this.TimersService.setTimer(this.timeName,this.dataValue-(60-t)):this.TimersService.setTimer(this.timeName,this.dataValue+t)}addTime(e){this.TimersService.setTimer(this.timeName,this.dataValue+e)}removeTime(e){this.TimersService.setTimer(this.timeName,this.dataValue-e)}getColors(e){switch(e){case"contrast":this.textColor=this.theme().contrast,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"blue":this.textColor=this.theme().blue,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"green":this.textColor=this.theme().green,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"pink":this.textColor=this.theme().pink,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"orange":this.textColor=this.theme().orange,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"purple":this.textColor=this.theme().purple,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"grey":this.textColor=this.theme().grey,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;case"yellow":this.textColor=this.theme().yellow,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break;default:this.textColor=this.theme().contrast,this.warnColor=this.theme().zoneAlarm,this.warmContrast=this.theme().zoneAlarm;break}}beep(e=440,t=100){if(this.widgetProperties.config.playBeeps){let i=new(window.AudioContext||window.webkitAudioContext),o=i.createOscillator(),r=i.createGain();o.connect(r),r.connect(i.destination),o.type="sine",o.frequency.value=e,r.gain.value=.1,o.start(),o.stop(i.currentTime+t/1e3)}}unsubscribeTimer(){this.timerSub?.unsubscribe()}ngOnDestroy(){this.timerSub?.unsubscribe();try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}clearInterval(this.flashInterval),this.flashInterval=null,this.destroyDataStreams()}drawWidget(){if(!this.canvasCtx)return;this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight);let e;if(this.dataValue!=null){let t=Math.abs(this.dataValue),i=Math.floor(t/60),o=Math.floor(t%60);e=`${i}:${("0"+o).slice(-2)}`,this.dataValue<0&&(e=`-${e}`)}else e="--";switch(this.currentValueLength!==e.length&&(this.currentValueLength=e.length,this.valueFontSize=this.canvas.calculateOptimalFontSize(this.canvasCtx,e,this.maxTextWidth,this.maxTextHeight,"bold")),this.zoneState){case ne.Alarm:this.flashOn?this.canvasCtx.fillStyle=this.textColor:(this.canvas.drawRectangle(this.canvasCtx,0,0,this.cssWidth,this.cssHeight,this.warnColor),this.canvasCtx.fillStyle=this.textColor);break;case ne.Warn:this.canvasCtx.fillStyle=this.warnColor;break;default:this.canvasCtx.fillStyle=this.textColor}this.canvas.drawText(this.canvasCtx,e,this.cssWidth/2,this.cssHeight/2,this.maxTextWidth,this.maxTextHeight,"bold",this.canvasCtx.fillStyle,"center","middle")}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-racetimer"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,fg,5),t&2&&we()},features:[de],decls:35,vars:4,consts:[["canvasMainRef",""],[1,"racetimer-wrapper",3,"configChange","config","id"],[1,"racetimer-canvas"],[1,"timerBarContainer"],[1,"timer-button-groups","timer-adjusters-group"],["mat-flat-button","",1,"button","other-small-button",3,"click"],[1,"buttons-svg-icon"],["width","100%","height","100%","viewBox","0 0 100 14","preserveAspectRatio","xMidYMid meet",1,"svg-content"],[0,"xml","space","preserve","x","50","y","11"],["mat-flat-button","",1,"button","main-button",3,"click"],[1,"timer-button-groups","timer-countdown-group"],["mat-flat-button","",1,"timer-start-button","button-color-red"],["mat-flat-button","",1,"timer-start-button"],["mat-flat-button","",1,"timer-synch-button","button-color-red",3,"click"],["mat-flat-button","",1,"timer-start-button","button-color-red",3,"click"],["mat-flat-button","",1,"timer-start-button",3,"click"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),f(3,"div",3)(4,"div",4)(5,"button",5),R("click",function(){return P(o),O(i.removeTime(5))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",8),b(9,"-5s"),w()()()(),Ge(),f(10,"button",5),R("click",function(){return P(o),O(i.removeTime(60))}),f(11,"mat-icon",6),Z(),f(12,"svg",7)(13,"text",8),b(14,"-60s"),w()()()(),Ge(),f(15,"button",9),R("click",function(){return P(o),O(i.resetTimer())}),f(16,"mat-icon",6),Z(),f(17,"svg",7)(18,"text",8),b(19,"Reset"),w()()()(),Ge(),f(20,"button",5),R("click",function(){return P(o),O(i.addTime(60))}),f(21,"mat-icon",6),Z(),f(22,"svg",7)(23,"text",8),b(24,"+60s"),w()()()(),Ge(),f(25,"button",5),R("click",function(){return P(o),O(i.addTime(5))}),f(26,"mat-icon",6),Z(),f(27,"svg",7)(28,"text",8),b(29,"+5s"),w()()()()(),Ge(),f(30,"div",10),Pe(31,vg,2,0,"button",11),Pe(32,yg,2,0,"button",12),f(33,"button",13),R("click",function(){return P(o),O(i.roundToMin())}),b(34," Synch "),w()()()()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(31),Oe(i.timerRunning?-1:31),C(),Oe(i.timerRunning?32:-1))},dependencies:[Ce,yt,ut,vt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.racetimer-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.racetimer-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block}.button-color-red[_ngcontent-%COMP%]{--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.timerBarContainer[_ngcontent-%COMP%]{position:absolute;left:0;bottom:0;height:23%;width:100%;padding:0 10px 10px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:stretch;gap:10px}.timer-button-groups[_ngcontent-%COMP%]{min-width:247px;max-width:100%;--mat-button-filled-container-shape: 5px}.timer-adjusters-group[_ngcontent-%COMP%]{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:10px;height:100%}.timer-countdown-group[_ngcontent-%COMP%]{flex-grow:1;flex-shrink:1}.timer-synch-button[_ngcontent-%COMP%]{width:calc(50% - 5px);margin-left:5px}.timer-start-button[_ngcontent-%COMP%]{width:calc(50% - 5px);margin-right:5px}.buttons-svg-icon[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;padding:0}.button[_ngcontent-%COMP%]{min-width:0px;height:100%;width:100%;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;--mat-button-filled-container-height: 100%;--mat-button-filled-horizontal-padding: 0px;--mat-button-filled-icon-spacing: 0px}.main-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.svg-content[_ngcontent-%COMP%]{width:100%;height:100%;padding:0;margin:0}.svg-content[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-family:Roboto;font-size:15px;font-weight:700;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke:none}"]})}return a})();var bg=["canvasMainRef"];function wg(a,n){if(a&1&&(f(0,"div",10),Z(),f(1,"svg",11)(2,"text",12),b(3),w()()(),Ge(),f(4,"div",13),Z(),f(5,"svg",14)(6,"text",15)(7,"tspan",16),b(8,"\u2691"),w(),b(9),f(10,"tspan",17),b(11,"\u2691"),w()()()(),Ge(),f(12,"div",18),Z(),f(13,"svg",19)(14,"text",12),b(15),w()()()),a&2){let e=G();C(3),Fe(e.portBiasValue()),C(6),Fe(e.lineLengthValue()),C(6),Fe(e.stbBiasValue())}}function _g(a,n){if(a&1){let e=K();f(0,"button",20),R("click",function(){P(e);let i=G();return O(i.setLineEnd("port"))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",21),b(4,"Port End"),w()()()(),Ge(),f(5,"button",22),R("click",function(){P(e);let i=G();return O(i.setLineEnd("stb"))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",21),b(9,"Stbd End"),w()()()()}}function Sg(a,n){if(a&1){let e=K();f(0,"button",23),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("port",5,0))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",24),b(4,"+5m"),w()()()(),Ge(),f(5,"button",23),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("port",-5,0))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",24),b(9,"-5m"),w()()()(),Ge(),f(10,"button",25),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("stb",5,0))}),f(11,"mat-icon",6),Z(),f(12,"svg",7)(13,"text",24),b(14,"-5m"),w()()()(),Ge(),f(15,"button",25),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("stb",-5,0))}),f(16,"mat-icon",6),Z(),f(17,"svg",7)(18,"text",24),b(19,"+5m"),w()()()()}}function Cg(a,n){if(a&1){let e=K();f(0,"button",23),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("port",0,i.toRadians(1)))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",24),b(4,"\u21911\xB0"),w()()()(),Ge(),f(5,"button",23),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("port",0,i.toRadians(-1)))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",24),b(9,"\u21931\xB0"),w()()()(),Ge(),f(10,"button",25),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("stb",0,i.toRadians(1)))}),f(11,"mat-icon",6),Z(),f(12,"svg",7)(13,"text",24),b(14,"\u21911\xB0"),w()()()(),Ge(),f(15,"button",25),R("click",function(){P(e);let i=G();return O(i.adjustLineEnd("stb",0,i.toRadians(-1)))}),f(16,"mat-icon",6),Z(),f(17,"svg",7)(18,"text",24),b(19,"\u21931\xB0"),w()()()()}}function kg(a,n){a&1&&U(0,"div",9)}var nh=(()=>{class a extends Se{signalk=E(qt);dashboard=E(ot);canvas=E(it);canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;cssWidth=0;cssHeight=0;titleBitmap=null;titleBitmapText=null;dtsValue=null;lengthValue=null;biasValue=null;labelColor=q(void 0);valueColor=void 0;dtsColor=void 0;maxValueTextWidth=0;maxValueTextHeight=0;portBiasValue=q("");lineLengthValue=q("");stbBiasValue=q("");infoFontSize="1em";initCompleted=!1;isDestroyed=!1;mode=0;destroyRef=E(li);constructor(){super(),this.defaultConfig={displayName:"DTS",filterSelfPaths:!0,playBeeps:!0,convertUnitTo:"m",convertUnitToGroup:"Length",numDecimal:0,ignoreZones:!0,color:"contrast",enableTimeout:!1,dataTimeout:5,paths:{dtsPath:{description:"Distance to Start Line",path:"self.navigation.racing.distanceStartline",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!1,convertUnitTo:"m",showPathSkUnitsFilter:!0,pathSkUnitsFilter:"m",sampleTime:500},lineLengthPath:{description:"Length of the start line",path:"self.navigation.racing.startLineLength",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!1,convertUnitTo:"m",showPathSkUnitsFilter:!0,pathSkUnitsFilter:"m",sampleTime:1e3},lineBiasPath:{description:"Bias of the start line to starboard end",path:"self.navigation.racing.stbLineBias",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!1,convertUnitTo:"m",showPathSkUnitsFilter:!0,pathSkUnitsFilter:"m",sampleTime:1e3}}},oe(()=>{if(this.theme()){if(!this.initCompleted)return;Je(()=>{this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color,this.drawWidget()})}})}ngOnInit(){this.validateConfig(),this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color}ngAfterViewInit(){this.initCompleted=!0,this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.maxValueTextWidth=Math.floor(this.cssWidth*.95),this.maxValueTextHeight=Math.floor(this.cssHeight*.95),this.drawWidget()}}),!this.isDestroyed&&(this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.maxValueTextWidth=Math.floor(this.cssWidth*.95),this.maxValueTextHeight=Math.floor(this.cssHeight*.95),this.startWidget())}startWidget(){this.widgetProperties.config.paths.dtsPath.convertUnitTo=this.widgetProperties.config.convertUnitTo||"m",this.widgetProperties.config.paths.lineLengthPath.convertUnitTo=this.widgetProperties.config.convertUnitTo||"m",this.widgetProperties.config.paths.lineBiasPath.convertUnitTo=this.widgetProperties.config.convertUnitTo||"m",this.unsubscribeDataStream(),this.dtsValue=null,this.lengthValue=null,this.biasValue=null,this.drawUnit(),this.observeDataStream("dtsPath",e=>{if(this.dtsValue=e.data.value,this.widgetProperties.config.ignoreZones)this.dtsValue?this.dtsValue<0?this.dtsColor=this.theme().zoneAlarm:this.dtsValue<10?this.dtsColor=this.theme().zoneWarn:this.dtsValue<20?this.dtsColor=this.theme().zoneAlert:this.dtsColor=this.valueColor:this.dtsColor=this.valueColor;else switch(e.state){case ne.Alarm:this.dtsColor=this.theme().zoneAlarm;break;case ne.Warn:this.dtsColor=this.theme().zoneWarn;break;case ne.Alert:this.dtsColor=this.theme().zoneAlert;break;default:this.dtsColor=this.valueColor;break}this.drawWidget()}),this.observeDataStream("lineLengthPath",e=>{this.lengthValue=e.data.value,this.drawWidget()}),this.observeDataStream("lineBiasPath",e=>{this.biasValue=e.data.value,this.drawLenBias()}),this.signalk.subscribeRequest().pipe(ft(this.destroyRef)).subscribe(e=>{e.widgetUUID===this.widgetProperties.uuid&&(e.statusCode===200?this.beep(600,20):this.app.sendSnackbarNotification(`Please check the Signalk-racer plugin installation/configuration. Error: ${e.message}`,0,!1))})}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}beep(e=440,t=100){if(this.widgetProperties.config.playBeeps){let i=new(window.AudioContext||window.webkitAudioContext),o=i.createOscillator(),r=i.createGain();o.connect(r),r.connect(i.destination),o.type="sine",o.frequency.value=e,r.gain.value=.1,o.start(),o.stop(i.currentTime+t/1e3)}}drawWidget(){this.canvasCtx&&((!this.titleBitmap||this.titleBitmap.width!==this.canvasElement.width||this.titleBitmap.height!==this.canvasElement.height||this.titleBitmapText!==this.widgetProperties.config.displayName)&&(this.titleBitmap=this.canvas.createTitleBitmap(this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight),this.titleBitmapText=this.widgetProperties.config.displayName),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.titleBitmap&&this.titleBitmap.width>0&&this.titleBitmap.height>0&&this.canvasCtx.drawImage(this.titleBitmap,0,0,this.cssWidth,this.cssHeight),this.drawDToLine(),this.drawLenBias(),this.drawUnit())}drawDToLine(){let e=this.getValueText();this.canvas.drawText(this.canvasCtx,e,Math.floor(this.cssWidth/2),Math.floor(this.cssHeight/2*1.3),this.maxValueTextWidth,this.maxValueTextHeight,"bold",this.dtsColor)}getValueText(){return this.dtsValue===null?"--":this.dtsValue.toFixed(this.widgetProperties.config.numDecimal)}drawUnit(){let e=this.widgetProperties.config.paths.dtsPath.convertUnitTo;this.canvas.drawText(this.canvasCtx,e,Math.floor(this.cssWidth-10*this.canvas.scaleFactor),Math.floor(this.cssHeight-7*this.canvas.scaleFactor),Math.floor(this.cssWidth*.25),Math.floor(this.cssHeight*.15),"bold",this.dtsColor,"end","alphabetic")}drawLenBias(){if(this.widgetProperties.config.paths.lineLengthPath.path!==""&&this.lengthValue){let e=this.widgetProperties.config.paths.lineLengthPath.convertUnitTo;e==="feet"&&(e="\u2032"),this.lineLengthValue.set(`\u2015${this.applyDecorations(this.lengthValue.toFixed(this.widgetProperties.config.numDecimal))}${e}\u2015`)}if(this.widgetProperties.config.paths.lineBiasPath.path!==""&&this.biasValue){let e=this.widgetProperties.config.paths.lineBiasPath.convertUnitTo;e==="feet"&&(e="\u2032"),this.biasValue<0?(this.portBiasValue.set("+"+(-this.biasValue).toFixed(this.widgetProperties.config.numDecimal)+e),this.stbBiasValue.set(this.biasValue.toFixed(this.widgetProperties.config.numDecimal)+e)):(this.portBiasValue.set(" "+(-this.biasValue).toFixed(this.widgetProperties.config.numDecimal)+e),this.stbBiasValue.set(" +"+this.biasValue.toFixed(this.widgetProperties.config.numDecimal)+e))}}applyDecorations(e){switch(this.widgetProperties.config.paths.dtsPath.convertUnitTo){case"percent":case"percentraw":e+="%";break;default:break}return e}toggleMode(){this.mode=(this.mode+1)%4,this.drawWidget()}setLineEnd(e){return this.signalk.putRequest("navigation.racing.setStartLine",{end:e,position:"bow"},this.widgetProperties.uuid)}adjustLineEnd(e,t,i){return this.signalk.putRequest("navigation.racing.setStartLine",{end:e,delta:t,rotate:i||null},this.widgetProperties.uuid)}toRadians(e){return e?e*(Math.PI/180):null}ngOnDestroy(){this.isDestroyed=!0,this.destroyDataStreams(),this.canvas.releaseCanvas(this.canvasElement,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-racer-line"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,bg,5),t&2&&we()},features:[de],decls:15,vars:4,consts:[["canvasMainRef",""],[1,"line-wrapper",3,"configChange","config","id"],[1,"filler"],[1,"line-canvas"],[1,"buttons-container"],["mat-flat-button","",1,"button","select-button",3,"click"],[1,"buttons-svg-icon"],["width","100%","height","100%","viewBox","0 0 100 14","preserveAspectRatio","xMidYMid meet",1,"svg-content"],[0,"xml","space","preserve","x","50","y","9"],[1,"widgetOverlay"],[1,"pin-container"],["width","100%","height","100%","viewBox","0 0 70 18","preserveAspectRatio","xMidYMid meet",1,"svg-content","pin"],[0,"xml","space","preserve","x","33","y","14"],[1,"len-bias-container"],["width","100%","height","100%","viewBox","0 0 90 12","preserveAspectRatio","xMidYMid meet",1,"svg-content","len-bias"],[0,"xml","space","preserve","x","45","y","9"],[1,"pin"],[1,"boat"],[1,"boat-container"],["width","100%","height","100%","viewBox","0 0 70 18","preserveAspectRatio","xMidYMid meet",1,"svg-content","boat"],["mat-flat-button","",1,"button","port-button",3,"click"],[0,"xml","space","preserve","x","50","y","11"],["mat-flat-button","",1,"button","starboard-button",3,"click"],["mat-flat-button","",1,"button","port-small-button",3,"click"],[0,"xml","space","preserve","x","50","y","12"],["mat-flat-button","",1,"button","starboard-small-button",3,"click"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(1,"div",2),U(2,"canvas",3,0),w(),f(4,"div",4)(5,"button",5),R("click",function(){return P(o),O(i.toggleMode())}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",8),b(9,"\u22EE"),w()()()(),Pe(10,wg,16,3)(11,_g,10,0)(12,Sg,20,0)(13,Cg,20,0),w(),Pe(14,kg,1,0,"div",9),w()}if(t&2){let o;ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(10),Oe((o=i.mode)===0?10:o===1?11:o===2?12:o===3?13:-1),C(4),Oe(i.dashboard.isDashboardStatic()?-1:14)}},dependencies:[Ce,nt,bt,yt,ut,vt],styles:["[_nghost-%COMP%]{overflow:clip;display:block;height:100%;width:100%}.line-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.line-canvas[_ngcontent-%COMP%]{position:absolute;width:100%!important;height:76%!important;display:block;top:0;left:0}.filler[_ngcontent-%COMP%]{width:100%;height:76%}.buttons-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:2%;position:relative;height:24%;width:100%;padding:0 10px 14px;z-index:20;pointer-events:auto;align-items:center}.button[_ngcontent-%COMP%]{min-width:0px;width:100%;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;--mat-button-filled-container-height: 100%;--mat-button-filled-horizontal-padding: 0px;--mat-button-filled-icon-spacing: 0px}.select-button[_ngcontent-%COMP%]{flex:none;width:18%;--mat-button-filled-container-color: var(--kip-blue-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.port-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.starboard-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-starboard-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.port-small-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.starboard-small-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-starboard-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.buttons-svg-icon[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;padding:0}.svg-content[_ngcontent-%COMP%]{width:100%;height:100%;padding:0;margin:0}.svg-content[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-family:Roboto;font-size:15px;font-weight:700;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke:none}.pin-container[_ngcontent-%COMP%]{flex-basis:18%}.pin[_ngcontent-%COMP%]{fill:var(--kip-port-color)}.pin[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-size:19px}.len-bias-container[_ngcontent-%COMP%]{flex-basis:35%}.len-bias[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}.len-bias[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-size:12px}.boat-container[_ngcontent-%COMP%]{flex-basis:18%}.boat[_ngcontent-%COMP%]{fill:var(--kip-starboard-color)}.boat[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-size:19px}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent;z-index:21}"]})}return a})();var xg=["canvasMainRef"];function Tg(a,n){if(a&1&&(f(0,"div",9),Z(),f(1,"svg",12)(2,"text",13),b(3),w()()()),a&2){let e=G();C(3),et("Start at: ",e.startAtTime())}}function Eg(a,n){if(a&1){let e=K();f(0,"button",14),R("click",function(){P(e);let i=G();return O(i.sendStartTimerCommand("start"))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",15),b(4,"Start"),w()()()(),Ge(),f(5,"button",16),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(-60))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",15),b(9,"-1m"),w()()()(),Ge(),f(10,"button",16),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(60))}),f(11,"mat-icon",6),Z(),f(12,"svg",7)(13,"text",15),b(14,"+1m"),w()()()()}}function Mg(a,n){if(a&1){let e=K();f(0,"button",14),R("click",function(){P(e);let i=G();return O(i.sendStartTimerCommand("sync"))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",15),b(4,"Sync"),w()()()(),Ge(),f(5,"button",17),R("click",function(){P(e);let i=G();return O(i.sendStartTimerCommand("reset"))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",15),b(9,"Reset"),w()()()()}}function Dg(a,n){if(a&1){let e=K();f(0,"button",18),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(-60))}),f(1,"mat-icon",6),Z(),f(2,"svg",7)(3,"text",15),b(4,"-1m"),w()()()(),Ge(),f(5,"button",16),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(-1))}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",15),b(9,"-1s"),w()()()(),Ge(),f(10,"button",16),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(1))}),f(11,"mat-icon",6),Z(),f(12,"svg",7)(13,"text",15),b(14,"+1s"),w()()()(),Ge(),f(15,"button",18),R("click",function(){P(e);let i=G();return O(i.adjustStartTime(60))}),f(16,"mat-icon",6),Z(),f(17,"svg",7)(18,"text",15),b(19,"+1m"),w()()()()}}function Ag(a,n){if(a&1){let e=K();f(0,"input",19),ve("ngModelChange",function(i){P(e);let o=G();return fe(o.startAtTimeEdit,i)||(o.startAtTimeEdit=i),O(i)}),R("change",function(){P(e);let i=G();return O(i.setStartTime())}),w()}if(a&2){let e=G();ge("ngModel",e.startAtTimeEdit)}}function Pg(a,n){a&1&&U(0,"div",11)}var ah=(()=>{class a extends Se{signalk=E(qt);router=E(mi);dashboard=E(ot);canvas=E(it);canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;cssWidth=0;cssHeight=0;titleBitmap=null;titleBitmapText=null;ttsValue=null;dtsValue=null;labelColor=q(void 0);valueColor=void 0;valueStateColor=void 0;maxValueTextWidth=0;maxValueTextHeight=0;flashInterval=null;isDestroyed=!1;mode=q(1);destroyRef=E(li);startAtTime=q("00:00:00");startAtTimeEdit=$i("");constructor(){super(),this.defaultConfig={displayName:"TTS",nextDashboard:0,playBeeps:!0,filterSelfPaths:!0,paths:{ttsPath:{description:"Time to the Start in seconds",path:"self.navigation.racing.timeToStart",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!1,convertUnitTo:"s",showConvertUnitTo:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"s",sampleTime:500},startTimePath:{description:"Time of the start",path:"self.navigation.racing.startTime",source:"default",pathType:"Date",pathRequired:!1,isPathConfigurable:!1,sampleTime:500},dtsPath:{description:"Distance to Start Line path, used to determine OCS",path:"self.navigation.racing.distanceStartline",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!1,convertUnitTo:"m",showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m",sampleTime:500}},color:"contrast",enableTimeout:!1,dataTimeout:5,ignoreZones:!0},oe(()=>{this.theme()&&Je(()=>{this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color,this.drawWidget()})})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.maxValueTextWidth=Math.floor(this.cssWidth*.95),this.maxValueTextHeight=Math.floor(this.cssHeight*.95),this.drawWidget()}}),!this.isDestroyed&&(this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.maxValueTextWidth=Math.floor(this.cssWidth*.95),this.maxValueTextHeight=Math.floor(this.cssHeight*.95),this.startWidget(),this.drawWidget())}beep(e=440,t=100){if(this.widgetProperties.config.playBeeps){let i=new(window.AudioContext||window.webkitAudioContext),o=i.createOscillator(),r=i.createGain();o.connect(r),r.connect(i.destination),o.type="sine",o.frequency.value=e,r.gain.value=.1,o.start(),o.stop(i.currentTime+t/1e3)}}startWidget(){this.unsubscribeDataStream(),this.ttsValue=null,this.dtsValue=null,this.labelColor.set(he(this.widgetProperties.config.color,this.theme()).dim),this.valueColor=he(this.widgetProperties.config.color,this.theme()).color,this.observeDataStream("ttsPath",e=>{let t=this.ttsValue;if(this.ttsValue=e.data.value,this.widgetProperties.config.ignoreZones)this.ttsValue?this.ttsValue===0?this.valueStateColor=this.valueColor:this.ttsValue<10?this.valueStateColor=this.dtsValue<0?this.theme().zoneAlarm:this.theme().zoneWarn:this.ttsValue<60?this.valueStateColor=this.theme().zoneAlert:this.valueStateColor=this.valueColor:this.valueStateColor=this.valueColor;else switch(e.state){case ne.Alarm:this.valueStateColor=this.theme().zoneAlarm;break;case ne.Warn:this.valueStateColor=this.theme().zoneWarn;break;case ne.Alert:this.valueStateColor=this.theme().zoneAlert;break;default:this.valueStateColor=this.valueColor;break}this.ttsValue===0?(this.mode.set(2),this.dtsValue<0&&(this.valueStateColor=this.theme().zoneAlarm)):this.mode()===1&&this.isStartTimerRunning()&&this.mode.set(2),this.drawWidget(),this.startAtTime()!==null&&this.startAtTime()!=="HH:MM:SS"&&t!==0&&(this.ttsValue===0?this.beep(500,1e3):this.ttsValue<10?this.beep(450,100):this.ttsValue<60&&this.ttsValue%10===0?this.beep(400,150):this.ttsValue%60===0&&this.beep(350,200)),this.widgetProperties.config.nextDashboard>=0&&t===1&&this.ttsValue===0&&(!this.dtsValue||this.dtsValue>=0)&&this.router.navigate(["/dashboard",this.widgetProperties.config.nextDashboard])}),this.observeDataStream("startTimePath",e=>{if(!e.data.value)this.startAtTime.set("HH:MM:SS"),this.startAtTimeEdit.set("HH:MM:SS"),this.mode()===2&&this.mode.set(1);else{let t=new Date(e.data.value);this.startAtTimeEdit.set(t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"})),this.startAtTime.set(this.startAtTimeEdit())}this.drawWidget()}),this.observeDataStream("dtsPath",e=>{this.dtsValue=e.data.value}),this.signalk.subscribeRequest().pipe(ft(this.destroyRef)).subscribe(e=>{e.widgetUUID===this.widgetProperties.uuid&&(e.statusCode===200?this.beep(600,20):this.app.sendSnackbarNotification(`Please check the Signalk-racer plugin installation/configuration. Error: ${e.message}`,0,!1))})}isStartTimerRunning(){return this.ttsValue>0&&this.startAtTime()!==null&&this.startAtTime()!=="HH:MM:SS"}updateConfig(e){this.widgetProperties.config=e,this.startWidget(),this.drawWidget()}ngOnDestroy(){this.isDestroyed=!0,this.destroyDataStreams(),this.flashInterval&&(clearInterval(this.flashInterval),this.flashInterval=null);try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}drawWidget(){if(!this.canvasCtx)return;(!this.titleBitmap||this.titleBitmap.width!==this.canvasElement.width||this.titleBitmap.height!==this.canvasElement.height||this.titleBitmapText!==this.widgetProperties.config.displayName)&&(this.titleBitmap=this.canvas.createTitleBitmap(this.widgetProperties.config.displayName,this.labelColor(),"normal",this.cssWidth,this.cssHeight),this.titleBitmapText=this.widgetProperties.config.displayName),this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.titleBitmap&&this.titleBitmap.width>0&&this.titleBitmap.height>0&&this.canvasCtx.drawImage(this.titleBitmap,0,0,this.cssWidth,this.cssHeight);let e=this.getValueText();this.canvas.drawText(this.canvasCtx,e,Math.floor(this.cssWidth/2),Math.floor(this.cssHeight/2*1.3),this.maxValueTextWidth,this.maxValueTextHeight,"bold",this.valueStateColor)}getValueText(){if(this.ttsValue===null)return"--";let e=this.ttsValue,t=Math.floor(e/60);if(t>=60){let i=Math.floor(t/60),o=Math.floor(t%60),r=Math.floor(e%60);return`${i.toString()}:${o.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}else{let i=Math.floor(t%60),o=Math.floor(e%60);return`${i.toString().padStart(1,"0")}:${o.toString().padStart(2,"0")}`}}toggleMode(){switch(this.mode.update(e=>(e+1)%5),this.mode()){case 1:this.isStartTimerRunning()&&this.mode.set(2);break;case 2:this.ttsValue!==0&&!this.isStartTimerRunning()&&this.mode.set(3);break;default:}this.drawWidget()}sendStartTimerCommand(e){let t=this.signalk.putRequest("navigation.racing.setStartTime",{command:e},this.widgetProperties.uuid);switch(e){case"start":this.mode.set(0);break;case"reset":this.startAtTime.set("HH:MM:SS"),this.mode.set(1);break;default:}return t}adjustStartTime(e){return this.signalk.putRequest("navigation.racing.setStartTime",{command:"adjust",delta:e},this.widgetProperties.uuid)}setStartTime(){let e=new Date,t=this.startAtTimeEdit().split(":").map(Number),i=t[0],o=t[1],r=t.length>=3?t[2]:0,l=new Date(e);l.setHours(i,o,r,0),l<=e&&l.setDate(l.getDate()+1),this.mode.set(0),this.signalk.putRequest("navigation.racing.setStartTime",{command:"set",startTime:l.toISOString()},this.widgetProperties.uuid)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-racer-timer"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,xg,5),t&2&&we()},inputs:{startAtTimeEdit:[1,"startAtTimeEdit"]},outputs:{startAtTimeEdit:"startAtTimeEditChange"},features:[de],decls:16,vars:4,consts:[["canvasMainRef",""],[1,"timer-wrapper",3,"configChange","config","id"],[1,"filler"],[1,"timer-canvas"],[1,"buttons-container"],["mat-flat-button","",1,"button","select-button",3,"click"],[1,"buttons-svg-icon"],["width","100%","height","100%","viewBox","0 0 100 14","preserveAspectRatio","xMidYMid meet",1,"svg-content"],[0,"xml","space","preserve","x","50","y","9"],[1,"start-at"],["matInput","","type","time","step","1",1,"set-start-at",3,"ngModel"],[1,"widgetOverlay"],["width","100%","height","100%","viewBox","0 0 90 12","preserveAspectRatio","xMidYMid meet",1,"svg-content","svg-start-at"],[0,"xml","space","preserve","x","45","y","10"],["mat-flat-button","",1,"button","main-button",3,"click"],[0,"xml","space","preserve","x","50","y","11"],["mat-flat-button","",1,"button","other-small-button",3,"click"],["mat-flat-button","",1,"button","other-button",3,"click"],["mat-flat-button","",1,"button","main-small-button",3,"click"],["matInput","","type","time","step","1",1,"set-start-at",3,"ngModelChange","change","ngModel"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(1,"div",2),U(2,"canvas",3,0),w(),f(4,"div",4)(5,"button",5),R("click",function(){return P(o),O(i.toggleMode())}),f(6,"mat-icon",6),Z(),f(7,"svg",7)(8,"text",8),b(9,"\u22EE"),w()()()(),Pe(10,Tg,4,1,"div",9)(11,Eg,15,0)(12,Mg,10,0)(13,Dg,20,0)(14,Ag,1,1,"input",10),w(),Pe(15,Pg,1,0,"div",11),w()}if(t&2){let o;ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(10),Oe((o=i.mode())===0?10:o===1?11:o===2?12:o===3?13:o===4?14:-1),C(5),Oe(i.dashboard.isDashboardStatic()?-1:15)}},dependencies:[Ce,nt,bt,yt,ut,vt,Zl,Kl,Ql,Xl],styles:["[_nghost-%COMP%]{overflow:clip;display:block;height:100%;width:100%}.timer-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.timer-canvas[_ngcontent-%COMP%]{width:100%!important;height:76%!important;display:block}.filler[_ngcontent-%COMP%]{width:100%;height:76%}.buttons-container[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:2%;position:relative;height:24%;width:100%;padding:0 10px 14px;z-index:20;pointer-events:auto;align-items:center}.button[_ngcontent-%COMP%]{min-width:0px;width:100%;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;--mat-button-filled-container-height: 100%;--mat-button-filled-horizontal-padding: 0px;--mat-button-filled-icon-spacing: 0px}.select-button[_ngcontent-%COMP%]{flex:none;width:18%;--mat-button-filled-container-color: var(--kip-blue-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.main-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.other-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-blue-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.main-small-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-port-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.other-small-button[_ngcontent-%COMP%]{flex:1 1 auto;--mat-button-filled-container-color: var(--kip-blue-color);--mat-button-filled-label-text-color: var(--kip-contrast-color)}.set-start-at[_ngcontent-%COMP%]{flex:1 1 auto;background-color:var(--kip-contrast-color)}.start-at[_ngcontent-%COMP%]{height:100%;width:100%;flex:1 1 auto}.start-at[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}.start-at[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-family:Roboto;font-size:9px;font-weight:400;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke:none}.buttons-svg-icon[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;padding:0}.svg-content[_ngcontent-%COMP%]{width:100%;height:100%;padding:0;margin:0}.svg-content[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{font-family:Roboto;font-size:15px;font-weight:700;text-align:center;text-anchor:middle;font-style:normal;font-variant:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke:none}.svg-start-at[_ngcontent-%COMP%] text[_ngcontent-%COMP%]{fill:var(--kip-contrast-dim-color)}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent;z-index:21}"]})}return a})();var Og=["gaugeBarAnimate"];function Rg(a,n){if(a&1&&(Z(),Q(0,"rect",14)),a&2){let e=n.$implicit,t=G();ee("fill",e.color)("x",5+(e.from-t.gaugeMinValue())*t.scaleSliceValue())("width",(e.to-e.from)*t.scaleSliceValue())}}var oh=(()=>{class a{gaugeBarAnimate=ie("gaugeBarAnimate");displayName=B.required();displayNameColor=B.required();dataValue=B.required();dataValueLabel=B.required();unitLabel=B.required();barColor=B.required();barColorGradient=B.required();barColorBackground=B.required();gaugeMinValue=B.required();gaugeMaxValue=B.required();highlights=B.required();scaleSliceValue=at(()=>{let e=this.gaugeMaxValue()-this.gaugeMinValue();return e!==0?195/e:0});newGaugeValue=q(null);oldGaugeValue=q(null);scheduleRafId=null;constructor(){oe(()=>{let e=this.gaugeMinValue(),t=this.dataValue();t===null&&(t=e),Je(()=>{this.oldGaugeValue.set(this.newGaugeValue()!==null?this.newGaugeValue():e),this.newGaugeValue.set(this.dataValue()!==null?(t-e)*this.scaleSliceValue():e),this.gaugeBarAnimate()?.nativeElement&&(this.scheduleRafId!==null&&cancelAnimationFrame(this.scheduleRafId),this.scheduleRafId=requestAnimationFrame(()=>{let i=this.gaugeBarAnimate();i?.nativeElement&&i.nativeElement.beginElement(),this.scheduleRafId=null}))})})}ngOnDestroy(){this.scheduleRafId!==null&&(cancelAnimationFrame(this.scheduleRafId),this.scheduleRafId=null)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["svg-simple-linear-gauge"]],viewQuery:function(t,i){t&1&&te(i.gaugeBarAnimate,Og,5),t&2&&we()},inputs:{displayName:[1,"displayName"],displayNameColor:[1,"displayNameColor"],dataValue:[1,"dataValue"],dataValueLabel:[1,"dataValueLabel"],unitLabel:[1,"unitLabel"],barColor:[1,"barColor"],barColorGradient:[1,"barColorGradient"],barColorBackground:[1,"barColorBackground"],gaugeMinValue:[1,"gaugeMinValue"],gaugeMaxValue:[1,"gaugeMaxValue"],highlights:[1,"highlights"]},decls:26,vars:11,consts:[["gaugeBarAnimate",""],["viewBox","0 0 205 50","preserveAspectRatio","xMidYMid","version","1.1","id","svg8",1,"svg-simple-linear"],["id","defs2"],["id","gaugeBarGradient"],["id","stop849","offset","0",2,"stop-opacity","1"],["id","stop851","offset","0.40",2,"stop-opacity","0"],["id","linearGradient855","gradientTransform","translate(5,-30)","gradientUnits","userSpaceOnUse","y2","34.5","x2","-5","y1","34.5","x1","-6","href","#gaugeBarGradient"],["id","layer1",2,"display","inline"],["id","GaugeBackground","width","195","height","9","x","5","y","30","ry","0",2,"opacity","1","fill-opacity","1","stroke","none","stroke-width","0.265899","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"],["id","gaugeBar"],["id","gaugeValue","width","1","height","9","x","0","y","0","ry","0",2,"mix-blend-mode","normal","fill-opacity","1","stroke","none"],["id","gaugeValueGradient","transform","scale(-1,1)","width","1","height","9","x","-1","y","0","ry","0",2,"display","inline","opacity","1","mix-blend-mode","multiply","fill","url(#linearGradient855)","stroke","none"],[0,"xlink","href","#gaugeBar","transform","translate(5,30)"],["attributeName","transform","type","scale","begin","indefinite","dur","0.5s","additive","sum","fill","freeze"],["y","39.5","height","0.75","ry","0",2,"opacity","1","fill-opacity","1","stroke","none","stroke-width","0.265899","stroke-miterlimit","4","stroke-dasharray","none","stroke-opacity","1"],["id","layer2",2,"display","inline"],[0,"xml","space","preserve","x","4.1731763","y","25.413595","id","displayNameText",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","12.7px","line-height","1.25","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","letter-spacing","0px","word-spacing","0px"],["id","tspan1945","x","4.1731763","y","25.413595",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","12.7px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["text-anchor","end","id","gaugeTexts","y","25.293016","x","200.37138",0,"xml","space","preserve",1,"simpleLinear-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","22.5778px","line-height","1.25","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","letter-spacing","0px","word-spacing","0px"],["y","25.293016","x","200.37138","id","valueText",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","22.5778px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal"],["dy","-9","id","unitText",2,"text-transform","capitalize","font-size","9.87778px"]],template:function(t,i){t&1&&(Z(),D(0,"svg",1)(1,"defs",2)(2,"linearGradient",3),Q(3,"stop",4)(4,"stop",5),W(),Q(5,"linearGradient",6),W(),D(6,"g",7),Q(7,"rect",8),D(8,"defs")(9,"g",9),Q(10,"rect",10)(11,"rect",11),W()(),D(12,"use",12),Q(13,"animateTransform",13,0),W(),mt(15,Rg,1,3,":svg:rect",14,xt),W(),D(17,"g",15)(18,"text",16)(19,"tspan",17),b(20),W()(),D(21,"text",18)(22,"tspan",19),b(23),W(),D(24,"tspan",20),b(25),W()()()()),t&2&&(C(3),ee("stop-color",i.barColorGradient()),C(),ee("stop-color",i.barColorGradient()),C(3),ee("fill",i.barColorBackground()),C(5),ye("fill",i.barColor()),C(),ee("from",i.oldGaugeValue()+" 1")("to",i.newGaugeValue()+" 1"),C(2),pt(i.highlights()),C(4),ee("fill",i.displayNameColor()),C(),et(" ",i.displayName()),C(3),Fe(i.dataValueLabel()),C(2),Fe(i.unitLabel()))},styles:["svg[_ngcontent-%COMP%]{position:absolute;height:100%;width:100%;left:0;top:0}.simpleLinear-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}"]})}return a})();var rh=(()=>{class a extends Se{_units=E(pi);unitsLabel=q("");dataLabelValue=q("0");dataValue=q(null);barColor=q("");barColorGradient=q("");barColorBackground=q("");highlights=q([],{equal:Vt});zonesSub;constructor(){super(),this.defaultConfig={displayName:"Gauge Label",filterSelfPaths:!0,paths:{gaugePath:{description:"Numeric Data",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!0,pathSkUnitsFilter:"V",convertUnitTo:"V",sampleTime:500}},displayScale:{lower:0,upper:15,type:"linear"},gauge:{type:"simpleLinear",unitLabelFormat:"full"},numInt:1,numDecimal:2,ignoreZones:!1,color:"contrast",enableTimeout:!1,dataTimeout:5},oe(()=>{this.theme()&&(this.updateGaugeSettings(),this.startWidget())})}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.zonesSub?.unsubscribe(),this.widgetProperties.config.gauge.unitLabelFormat=="abr"?this.unitsLabel.set(this.widgetProperties.config.paths.gaugePath.convertUnitTo.substr(0,1)):this.unitsLabel.set(this.widgetProperties.config.paths.gaugePath.convertUnitTo),this.observeDataStream("gaugePath",e=>{if(e.data.value==null?(this.dataValue.set(this.widgetProperties.config.displayScale.lower),this.dataLabelValue.set("--")):(this.dataValue.set(Math.min(Math.max(e.data.value,this.widgetProperties.config.displayScale.lower),this.widgetProperties.config.displayScale.upper)),this.dataLabelValue.set(this.dataValue().toFixed(this.widgetProperties.config.numDecimal))),!this.widgetProperties.config.ignoreZones)switch(e.state){case ne.Alarm:this.barColor.set(this.theme().zoneAlarm);break;case ne.Warn:this.barColor.set(this.theme().zoneWarn);break;case ne.Alert:this.barColor.set(this.theme().zoneAlert);break;case ne.Nominal:this.barColor.set(this.theme().zoneNominal);break;default:this.barColor.set(he(this.widgetProperties.config.color,this.theme()).color)}}),this.widgetProperties.config.ignoreZones?this.highlights.set([]):(this.observeMetaStream(),this.zonesSub=this.zones$.subscribe(e=>{e&&e.length>0?this.highlights.set(Yn(e,this.theme(),this.widgetProperties.config.paths.gaugePath.convertUnitTo,this._units,this.widgetProperties.config.displayScale.lower,this.widgetProperties.config.displayScale.upper)):this.highlights.set([])}))}updateConfig(e){this.widgetProperties.config=e,this.updateGaugeSettings(),this.startWidget()}updateGaugeSettings(){switch(this.barColorBackground.set(this.theme().background),this.widgetProperties.config.color){case"contrast":this.barColor.set(this.theme().contrast),this.barColorGradient.set(this.theme().contrastDimmer);break;case"blue":this.barColor.set(this.theme().blue),this.barColorGradient.set(this.theme().blueDimmer);break;case"green":this.barColor.set(this.theme().green),this.barColorGradient.set(this.theme().greenDimmer);break;case"pink":this.barColor.set(this.theme().pink),this.barColorGradient.set(this.theme().pinkDimmer);break;case"orange":this.barColor.set(this.theme().orange),this.barColorGradient.set(this.theme().orangeDimmer);break;case"purple":this.barColor.set(this.theme().purple),this.barColorGradient.set(this.theme().purpleDimmer);break;case"grey":this.barColor.set(this.theme().grey),this.barColorGradient.set(this.theme().greyDimmer);break;case"yellow":this.barColor.set(this.theme().yellow),this.barColorGradient.set(this.theme().yellowDimmer);break;default:this.barColor.set(this.theme().contrast),this.barColorGradient.set(this.theme().contrastDimmer)}}ngOnDestroy(){this.destroyDataStreams(),this.unsubscribeMetaStream(),this.zonesSub?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-simple-linear"]],features:[de],decls:2,vars:13,consts:[[3,"configChange","config","id"],[1,"simpleLinearGaugeContainer",3,"displayName","displayNameColor","unitLabel","dataValue","dataValueLabel","barColor","barColorGradient","barColorBackground","gaugeMaxValue","gaugeMinValue","highlights"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),U(1,"svg-simple-linear-gauge",1),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("displayName",i.widgetProperties.config.displayName)("displayNameColor",i.theme().contrastDim)("unitLabel",i.unitsLabel())("dataValue",i.dataValue())("dataValueLabel",i.dataLabelValue())("barColor",i.barColor())("barColorGradient",i.barColorGradient())("barColorBackground",i.barColorBackground())("gaugeMaxValue",i.widgetProperties.config.displayScale.upper)("gaugeMinValue",i.widgetProperties.config.displayScale.lower)("highlights",i.highlights()))},dependencies:[Ce,oh],styles:[".simpleLinearGaugeContainer[_ngcontent-%COMP%]{display:block;position:relative;height:100%;width:100%;padding:0}"]})}return a})();function Ig(a,n){if(a&1){let e=K();f(0,"h3"),b(1,"Getting Started"),w(),f(2,"p"),b(3,"Welcome to KIP! Here are some basic gestures to help you navigate the application:"),w(),f(4,"table",2)(5,"thead")(6,"tr")(7,"th"),b(8,"Actions"),w(),f(9,"th"),b(10,"Touch"),w(),f(11,"th"),b(12,"Mouse"),w(),f(13,"th"),b(14,"Keyboard Shortcuts"),w()()(),f(15,"tbody")(16,"tr")(17,"td"),b(18,"Open Actions menu"),w(),f(19,"td"),b(20,"Swipe left"),w(),f(21,"td"),b(22,"Click, drag left, and release"),w(),f(23,"td")(24,"kbd"),b(25,"Shift"),w(),b(26," + "),f(27,"kbd"),b(28,"Ctrl"),w(),b(29," + "),f(30,"kbd",3),b(31,"\u2190"),w(),b(32," (Left Arrow)"),w()(),f(33,"tr")(34,"td"),b(35,"Open Notification menu"),w(),f(36,"td"),b(37,"Swipe right"),w(),f(38,"td"),b(39,"Click, drag right, and release"),w(),f(40,"td")(41,"kbd"),b(42,"Shift"),w(),b(43," + "),f(44,"kbd"),b(45,"Ctrl"),w(),b(46," + "),f(47,"kbd",3),b(48,"\u2192"),w(),b(49," (Right Arrow)"),w()(),f(50,"tr")(51,"td"),b(52,"Cycle through dashboards"),w(),f(53,"td"),b(54,"Swipe up/down"),w(),f(55,"td"),b(56,"Click, drag up/down, and release"),w(),f(57,"td")(58,"kbd"),b(59,"Shift"),w(),b(60," + "),f(61,"kbd"),b(62,"Ctrl"),w(),b(63," + "),f(64,"kbd",3),b(65,"\u2191"),w(),b(66,"/"),f(67,"kbd",3),b(68,"\u2193"),w(),b(69," (Up/Down Arrow)"),w()(),f(70,"tr")(71,"td"),b(72,"Toggle Fullscreen"),w(),f(73,"td"),b(74,"N/A"),w(),f(75,"td"),b(76,"N/A"),w(),f(77,"td")(78,"kbd"),b(79,"Shift"),w(),b(80," + "),f(81,"kbd"),b(82,"Ctrl"),w(),b(83," + "),f(84,"kbd"),b(85,"F"),w()()(),f(86,"tr")(87,"td"),b(88,"Toggle Night mode"),w(),f(89,"td"),b(90,"N/A"),w(),f(91,"td"),b(92,"N/A"),w(),f(93,"td")(94,"kbd"),b(95,"Shift"),w(),b(96," + "),f(97,"kbd"),b(98,"Ctrl"),w(),b(99," + "),f(100,"kbd"),b(101,"N"),w()()(),f(102,"tr")(103,"td"),b(104,"Toggle dashboard edit mode"),w(),f(105,"td"),b(106,"N/A"),w(),f(107,"td"),b(108,"N/A"),w(),f(109,"td")(110,"kbd"),b(111,"Shift"),w(),b(112," + "),f(113,"kbd"),b(114,"Ctrl"),w(),b(115," + "),f(116,"kbd"),b(117,"E"),w()()()()(),f(118,"i"),b(119,"Note that the words Touch and Tap are synonymous with mouse click."),w(),U(120,"br")(121,"br"),f(122,"h3"),b(123,"Log in to Signal K"),w(),f(124,"p"),b(125," The first step is to configure Signal K server authentication ("),f(126,"i"),b(127,"a pre-existing Signal K server username and password is required"),w(),b(128,"). Use the table above to find the gesture, mouse or keyboard shortcut to open the Actions menu, then select "),f(129,"strong"),b(130,"Settings"),w(),b(131,". Toggle "),f(132,"strong"),b(133,"Login to server"),w(),b(134," and enter your Signal K credentials. "),w(),f(135,"ul")(136,"li")(137,"strong"),b(138,"Why log in?"),w(),b(139," Logging in allows KIP to do two things: 1) to send commands to Signal K and 2) to save its configuration on the server so it can be shared between multiple devices. It is the recommended method to use KIP. "),w(),f(140,"li"),b(141," If you don\u2019t have a Signal K account, ask your Signal K administrator, access the Signal K Admin Settings / Users page and create a user or check your server\u2019s documentation for setup instructions. "),w(),f(142,"li"),b(143," After entering your credentials, select "),f(144,"strong"),b(145,"Login"),w(),b(146," or "),f(147,"strong"),b(148,"Connect"),w(),b(149,". If successful, your connection status will update and live data will appear in KIP. "),w(),f(150,"li"),b(151," If you see an error, double-check your username and password, and make sure your device is on the same network as your Signal K server. "),w()(),f(152,"h3"),b(153,"Option 1: Load Demonstration Dashboards"),w(),f(154,"p"),b(155," Try the sample dashboards using data from your server: "),U(156,"br"),f(157,"button",4),R("click",function(){P(e);let i=G();return O(i.loadDemoConfig())}),b(158,"Load Demo"),w()(),f(159,"h3"),b(160,"Option 2: Create Your Own Layout"),w(),f(161,"p"),b(162,' The text you are reading is actually a full screen widget in a dashboard. Dashboards are "Locked" by default to prevent accidental modifications. To edit a dashboard, swipe left and hit the bottom unlock menu button. You can later add and manage dashboards using the Dashboards page from the Actions menu. '),w(),f(163,"p")(164,"strong"),b(165,"Try editing the Dashboard now to receive further instructions!"),w()()}}function Ng(a,n){a&1&&(f(0,"h2"),b(1,"Changing Layouts"),w(),b(2," Follow these simple steps to learn how to change your dashboard layout: "),f(3,"ol")(4,"li"),b(5,"Resize this Tutorial widget using the now visible dashed borders or corners arrows. Resize it so it does not take up all the screen. You need free space in your dashboard to add more widgets. You can delete this Tutorial widget later when you are done with the instructions."),w(),f(6,"li"),b(7,"Touch & Hold or Click & Hold in an empty area to open the Add Widget selection panel."),w(),f(8,"li"),b(9,"Choose a widget from the selection panel to add it to the dashboard."),w()(),f(10,"h3"),b(11,"Possible widget operations"),w(),f(12,"ul")(13,"li")(14,"strong"),b(15,"Touch and drag"),w(),b(16," to move widgets"),w(),f(17,"li")(18,"strong"),b(19,"Drag corners and sides"),w(),b(20," to resize widgets"),w(),f(21,"li")(22,"strong"),b(23,"Double Tap"),w(),b(24," on a widget to configure it"),w(),f(25,"li")(26,"strong"),b(27,"Press and Hold"),w(),b(28," on a widget to delete or duplicate widgets"),w()(),f(29,"h2"),b(30,"Exiting dashboard edit mode"),w(),f(31,"p"),b(32,"Use the Save or Cancel buttons in the lower right corner to either persist your changes or revert changes."),w(),f(33,"h2"),b(34,"Adding more dashboards"),w(),f(35,"p"),b(36,"Swipe left and hit the Dashboards button. From this page you can add, rename, order, delete, and duplicate entire dashboards."),w())}var sh=(()=>{class a extends Se{dashboard=E(ot);settings=E(Pt);constructor(){super()}loadDemoConfig(){this.settings.loadDemoConfig()}startWidget(){}updateConfig(){}ngOnDestroy(){this.destroyDataStreams()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-tutorial"]],features:[de],decls:4,vars:3,consts:[[3,"configChange","config","id"],[1,"tutorial-container"],[1,"nav-table"],[2,"font-size","x-large"],["mat-raised-button","",2,"margin-left","15px",3,"click"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(){return i.updateConfig()}),f(1,"div",1),Pe(2,Ig,166,0)(3,Ng,37,0),w()()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(2),Oe(i.dashboard.isDashboardStatic()?2:3))},dependencies:[Ce,yt],styles:[".tutorial-container[_ngcontent-%COMP%]{position:absolute;top:0;left:0;display:block;height:100%;width:100%;overflow:none}.tutorial-container[_ngcontent-%COMP%]{padding:0 15px}.nav-table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;margin-bottom:2em}.nav-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%], .nav-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{border:1px solid #bbb;padding:.5em 1em;text-align:center}.nav-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{background:#ddd;color:#222;font-weight:700}.nav-table[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(2n){background:#242424}.warning[_ngcontent-%COMP%]{color:#b71c1c}.button-group[_ngcontent-%COMP%]{margin-top:2em;display:flex;gap:20px}"]})}return a})();var Wg=["rotatingDial"],Lg=["awaIndicator"],Vg=["twaIndicator"],Bg=["wptIndicator"],zg=["setIndicator"],Fg=["cogIndicator"],lh=([a,n],[e,t],[i,o])=>(Math.atan2(o-t,i-e)-Math.atan2(n-t,a-e)+3*Math.PI)%(2*Math.PI)-Math.PI,dh=(()=>{class a{rotatingDial=ie.required("rotatingDial");awaIndicator=ie.required("awaIndicator");twaIndicator=ie.required("twaIndicator");wptIndicator=ie.required("wptIndicator");setIndicator=ie.required("setIndicator");cogIndicator=ie.required("cogIndicator");compassHeading=B.required();courseOverGroundAngle=B(void 0);courseOverGroundEnabled=B.required();trueWindAngle=B.required();twsEnabled=B.required();twaEnabled=B.required();trueWindSpeed=B.required();trueWindSpeedUnit=B.required();appWindAngle=B.required();awsEnabled=B.required();appWindSpeed=B.required();appWindSpeedUnit=B.required();laylineAngle=B(void 0);closeHauledLineEnabled=B.required();sailSetupEnabled=B.required();windSectorEnabled=B.required();driftEnabled=B.required();driftSet=B(void 0);driftFlow=B(void 0);waypointAngle=B(void 0);waypointEnabled=B.required();trueWindMinHistoric=B(void 0);trueWindMidHistoric=B(void 0);trueWindMaxHistoric=B(void 0);compass={oldValue:0,newValue:0};twa={oldValue:0,newValue:0};awa={oldValue:0,newValue:0};wpt={oldValue:0,newValue:0};cog={oldValue:0,newValue:0};set={oldValue:0,newValue:0};headingValue="--";trueWindHeading=0;waypointActive=q(!1);portLaylinePrev=0;stbdLaylinePrev=0;portLaylineAnimId=null;stbdLaylineAnimId=null;closeHauledLinePortPath="M 500,500 500,500";closeHauledLineStbdPath="M 500,500 500,500";portSectorPrev={min:0,mid:0,max:0};stbdSectorPrev={min:0,mid:0,max:0};portSectorAnimId=null;stbdSectorAnimId=null;portWindSectorPath="";stbdWindSectorPath="";animationFrameIds=new WeakMap;CENTER=500;RADIUS=350;ANIMATION_DURATION=900;EPS_ANGLE=1;ngZone=E(Ze);constructor(){oe(()=>{let e=this.waypointEnabled();Je(()=>{this.waypointActive.set(e)})}),oe(()=>{let e=this.compassHeading(),t=Number.isFinite(e)?Math.round(e):null;t!=null&&Je(()=>{this.compass.oldValue=this.compass.newValue,this.compass.newValue=t,this.headingValue=t.toString(),this.rotatingDial()?.nativeElement&&(wt(this.rotatingDial().nativeElement,-this.compass.oldValue,-this.compass.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone),this.updateCloseHauledLines(!1),this.updateWindSectors(!1))})}),oe(()=>{let e=this.courseOverGroundAngle(),t=Number.isFinite(e)?Math.round(e):null;t!=null&&Je(()=>{this.cog.oldValue=this.cog.newValue,this.cog.newValue=t-this.compass.newValue,this.cogIndicator()?.nativeElement&&wt(this.cogIndicator().nativeElement,this.cog.oldValue,this.cog.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=this.waypointAngle();Je(()=>{if(!e){this.waypointActive.set(!1);return}this.waypointEnabled()?this.waypointActive.set(!0):this.waypointActive.set(!1),this.wpt.oldValue=this.wpt.newValue,this.wpt.newValue=e,this.wptIndicator()?.nativeElement&&wt(this.wptIndicator().nativeElement,this.wpt.oldValue,this.wpt.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=this.appWindAngle(),t=Number.isFinite(e)?Math.round(e):null;t!=null&&Je(()=>{this.awa.oldValue=this.awa.newValue,this.awa.newValue=t,this.awaIndicator()?.nativeElement&&wt(this.awaIndicator().nativeElement,this.awa.oldValue,this.awa.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone),this.updateCloseHauledLines()})}),oe(()=>{let e=this.trueWindAngle(),t=Number.isFinite(e)?Math.round(e):null;t!=null&&Je(()=>{this.twa.oldValue=this.twa.newValue,this.trueWindHeading=t,this.twa.newValue=this.addHeading(this.trueWindHeading,this.compass.newValue*-1),this.twaIndicator()?.nativeElement&&wt(this.twaIndicator().nativeElement,this.twa.oldValue,this.twa.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{this.laylineAngle(),this.closeHauledLineEnabled()&&Je(()=>this.updateCloseHauledLines())}),oe(()=>{let e=this.driftSet(),t=Number.isFinite(e)?Math.round(e):null;t!=null&&Je(()=>{this.set.oldValue=this.set.newValue,this.set.newValue=t,this.setIndicator()?.nativeElement&&wt(this.setIndicator().nativeElement,this.set.oldValue,this.set.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=this.windSectorEnabled();this.trueWindMinHistoric(),this.trueWindMidHistoric(),this.trueWindMaxHistoric(),this.laylineAngle(),Je(()=>{if(!e){this.portSectorAnimId&&cancelAnimationFrame(this.portSectorAnimId),this.stbdSectorAnimId&&cancelAnimationFrame(this.stbdSectorAnimId),this.portSectorAnimId=null,this.stbdSectorAnimId=null,this.portWindSectorPath="none",this.stbdWindSectorPath="none";return}this.updateWindSectors(!0)})})}updateCloseHauledLines(e=!0){if(!this.closeHauledLineEnabled())return;let t=Number(this.compass.newValue)||0,i=Number(this.awa.newValue)||0,o=Number(this.laylineAngle())||0,r=this.addHeading(t,this.addHeading(i,o*-1));this.animateLayline(this.portLaylinePrev,r,!0,e),this.portLaylinePrev=r;let l=this.addHeading(t,this.addHeading(i,o));this.animateLayline(this.stbdLaylinePrev,l,!1,e),this.stbdLaylinePrev=l}animateLayline(e,t,i,o=!0){if(i&&this.portLaylineAnimId&&cancelAnimationFrame(this.portLaylineAnimId),!i&&this.stbdLaylineAnimId&&cancelAnimationFrame(this.stbdLaylineAnimId),this.angleDelta(e,t)<this.EPS_ANGLE){this.drawLayline(t,i),i?this.portLaylineAnimId=null:this.stbdLaylineAnimId=null;return}if(!o){this.drawLayline(t,i),i?this.portLaylineAnimId=null:this.stbdLaylineAnimId=null;return}let r=qd(e,t,this.ANIMATION_DURATION,l=>this.drawLayline(l,i),()=>{i?this.portLaylineAnimId=null:this.stbdLaylineAnimId=null},this.ngZone);i?this.portLaylineAnimId=r:this.stbdLaylineAnimId=r}drawLayline(e,t){let i=e*Math.PI/180,o=Math.floor(this.RADIUS*Math.sin(i)+this.CENTER),r=Math.floor(this.RADIUS*Math.cos(i)*-1+this.CENTER);t?this.closeHauledLinePortPath=`M ${this.CENTER},${this.CENTER} L ${o},${r}`:this.closeHauledLineStbdPath=`M ${this.CENTER},${this.CENTER} L ${o},${r}`}windSectorsInitialized=!1;updateWindSectors(e=!0){if(!this.windSectorEnabled()||this.trueWindMinHistoric()==null||this.trueWindMidHistoric()==null||this.trueWindMaxHistoric()==null)return;let t={min:this.trueWindMinHistoric(),mid:this.trueWindMidHistoric(),max:this.trueWindMaxHistoric()},i={min:this.trueWindMinHistoric(),mid:this.trueWindMidHistoric(),max:this.trueWindMaxHistoric()};if(!this.windSectorsInitialized){this.windSectorsInitialized=!0,e?(this.animateWindSector(t,t,!0),this.animateWindSector(i,i,!1)):(this.portWindSectorPath=this.computeSectorPath(t,!0),this.stbdWindSectorPath=this.computeSectorPath(i,!1)),this.portSectorPrev=t,this.stbdSectorPrev=i;return}e?this.angleDelta(this.portSectorPrev.min,t.min)<this.EPS_ANGLE&&this.angleDelta(this.portSectorPrev.mid,t.mid)<this.EPS_ANGLE&&this.angleDelta(this.portSectorPrev.max,t.max)<this.EPS_ANGLE?(this.portWindSectorPath=this.computeSectorPath(t,!0),this.stbdWindSectorPath=this.computeSectorPath(i,!1)):(this.animateWindSector(this.portSectorPrev,t,!0),this.animateWindSector(this.stbdSectorPrev,i,!1)):(this.portWindSectorPath=this.computeSectorPath(t,!0),this.stbdWindSectorPath=this.computeSectorPath(i,!1)),this.portSectorPrev=t,this.stbdSectorPrev=i}animateWindSector(e,t,i){if(i&&this.portSectorAnimId&&cancelAnimationFrame(this.portSectorAnimId),!i&&this.stbdSectorAnimId&&cancelAnimationFrame(this.stbdSectorAnimId),this.angleDelta(e.min,t.min)<this.EPS_ANGLE&&this.angleDelta(e.mid,t.mid)<this.EPS_ANGLE&&this.angleDelta(e.max,t.max)<this.EPS_ANGLE){let l=this.computeSectorPath(t,i);i?this.portWindSectorPath=l:this.stbdWindSectorPath=l,i?this.portSectorAnimId=null:this.stbdSectorAnimId=null;return}let r=jd(e,t,this.ANIMATION_DURATION,l=>{let d=this.computeSectorPath(l,i);i?this.portWindSectorPath=d:this.stbdWindSectorPath=d},()=>{i?this.portSectorAnimId=null:this.stbdSectorAnimId=null},this.ngZone);i?this.portSectorAnimId=r:this.stbdSectorAnimId=r}addHeading(e=0,t=0){let i=(e+t)%360;return i<0&&(i+=360),i}ngOnDestroy(){this.portLaylineAnimId&&cancelAnimationFrame(this.portLaylineAnimId),this.stbdLaylineAnimId&&cancelAnimationFrame(this.stbdLaylineAnimId),this.portLaylineAnimId=null,this.stbdLaylineAnimId=null,this.portSectorAnimId&&cancelAnimationFrame(this.portSectorAnimId),this.stbdSectorAnimId&&cancelAnimationFrame(this.stbdSectorAnimId),this.portSectorAnimId=null,this.stbdSectorAnimId=null;let e=[this.rotatingDial(),this.awaIndicator(),this.twaIndicator(),this.wptIndicator(),this.setIndicator(),this.cogIndicator()];for(let t of e){let i=t?.nativeElement;if(!i)continue;let o=this.animationFrameIds.get(i);o&&cancelAnimationFrame(o),this.animationFrameIds.delete(i)}}angleDelta(e,t){let i=(t-e+540)%360-180;return Math.abs(i)}computeSectorPath(e,t){let o=(Number(this.laylineAngle())||0)*(t?-1:1),r=Number(this.compass.newValue)||0,l=this.addHeading(r,this.addHeading(e.min,o)),d=this.addHeading(r,this.addHeading(e.mid,o)),p=this.addHeading(r,this.addHeading(e.max,o)),s=this.RADIUS*Math.sin(l*Math.PI/180)+this.CENTER,c=this.RADIUS*Math.cos(l*Math.PI/180)*-1+this.CENTER,m=this.RADIUS*Math.sin(d*Math.PI/180)+this.CENTER,v=this.RADIUS*Math.cos(d*Math.PI/180)*-1+this.CENTER,y=this.RADIUS*Math.sin(p*Math.PI/180)+this.CENTER,S=this.RADIUS*Math.cos(p*Math.PI/180)*-1+this.CENTER,x=Math.abs(lh([s,c],[m,v],[y,S]))>Math.PI/2?0:1,V=lh([y,S],[s,c],[m,v])>0?0:1;return`M ${this.CENTER},${this.CENTER} L ${s},${c} A ${this.RADIUS},${this.RADIUS} 0 ${x} ${V} ${y},${S} z`}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["svg-windsteer"]],viewQuery:function(t,i){t&1&&(te(i.rotatingDial,Wg,5),te(i.awaIndicator,Lg,5),te(i.twaIndicator,Vg,5),te(i.wptIndicator,Bg,5),te(i.setIndicator,zg,5),te(i.cogIndicator,Fg,5)),t&2&&we(6)},inputs:{compassHeading:[1,"compassHeading"],courseOverGroundAngle:[1,"courseOverGroundAngle"],courseOverGroundEnabled:[1,"courseOverGroundEnabled"],trueWindAngle:[1,"trueWindAngle"],twsEnabled:[1,"twsEnabled"],twaEnabled:[1,"twaEnabled"],trueWindSpeed:[1,"trueWindSpeed"],trueWindSpeedUnit:[1,"trueWindSpeedUnit"],appWindAngle:[1,"appWindAngle"],awsEnabled:[1,"awsEnabled"],appWindSpeed:[1,"appWindSpeed"],appWindSpeedUnit:[1,"appWindSpeedUnit"],laylineAngle:[1,"laylineAngle"],closeHauledLineEnabled:[1,"closeHauledLineEnabled"],sailSetupEnabled:[1,"sailSetupEnabled"],windSectorEnabled:[1,"windSectorEnabled"],driftEnabled:[1,"driftEnabled"],driftSet:[1,"driftSet"],driftFlow:[1,"driftFlow"],waypointAngle:[1,"waypointAngle"],waypointEnabled:[1,"waypointEnabled"],trueWindMinHistoric:[1,"trueWindMinHistoric"],trueWindMidHistoric:[1,"trueWindMidHistoric"],trueWindMaxHistoric:[1,"trueWindMaxHistoric"]},decls:158,vars:43,consts:[["rotatingDial",""],["wptIndicator",""],["setIndicator",""],["cogIndicator",""],["awaIndicator",""],["twaIndicator",""],["viewBox","0 0 1000 1000"],["id","defs1"],["id","linearGradient18"],["offset","0",1,"boat",2,"stop-opacity","0.71372495"],["offset","1",1,"boat",2,"stop-opacity","0"],["id","linearGradient16"],["id","linearGradient13"],["offset","0.41176471",1,"drift-arrow",2,"stop-opacity","1"],["offset","1",1,"drift-arrow",2,"stop-opacity","0"],["id","swatch4"],["offset","0","id","stop4",2,"stop-color","#000000","stop-opacity","1"],["clipPathUnits","userSpaceOnUse","id","clipPath16"],["id","ellipse16","cx","311.24539","cy","-1516.3778","rx","194.27342","ry","181.83022",2,"display","inline","fill","#9a9300","fill-opacity","1","stroke","none","stroke-width","55","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"],[0,"xlink","href","#linearGradient13","id","linearGradient14","x1","453.48047","y1","583.62891","x2","638.11328","y2","583.62891","gradientUnits","userSpaceOnUse","gradientTransform","matrix(0.00723393,1.2388183,-1.0538241,0.00615367,1111.2051,-179.73465)"],[0,"xlink","href","#linearGradient16","id","linearGradient17","x1","-502.04896","y1","439.35551","x2","-316","y2","439.35551","gradientUnits","userSpaceOnUse","gradientTransform","translate(0,49.000266)"],[0,"xlink","href","#linearGradient18","id","linearGradient19","x1","495.83999","y1","439.35551","x2","681.88895","y2","439.35551","gradientUnits","userSpaceOnUse","gradientTransform","translate(0,49.000266)"],["id","layerBackground",2,"display","inline"],["id","boat",2,"display","inline"],["id","portSide","d","M 498.75049,208.89453 A 267.09439,554.67401 0 0 1 678.45974,767.81661",2,"fill","none","fill-opacity","1","stroke","url(#linearGradient19)","stroke-width","5.821","stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","starboardSide","d","m -499.13846,208.89453 a 267.09439,554.67401 0 0 1 179.70925,558.92208","transform","scale(-1,1)",2,"fill","none","fill-opacity","1","stroke","url(#linearGradient17)","stroke-width","5.821","stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","layerCompass"],["id","fixedDial"],["id","portStarboardBackground","d","M 499.99997,10.520805 A 489.47916,489.47916 0 0 0 10.520805,499.99997 489.47916,489.47916 0 0 0 499.99997,989.47913 489.47916,489.47916 0 0 0 989.47913,499.99997 489.47916,489.47916 0 0 0 499.99997,10.520805 Z m 0,132.291665 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"fixed-dial-background",2,"display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","port","d","M 93.283801,265.18231 A 469.63541,469.63541 0 0 1 339.37522,58.687079",1,"port",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],["id","starboard","d","M 660.62476,58.687069 A 469.63541,469.63541 0 0 1 906.71619,265.18228",1,"starboard",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],["id","barsAndText",1,"contrast-stroke",2,"display","inline"],["d","m 416.35095,19.837399 2.78142,15.77426","id","path199",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 334.23173,41.658798 5.47834,15.051615","id","path200",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 260.27336,81.806174 12.55151,21.739856","id","path37",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 187.44581,126.00035 10.29591,12.2702","id","path197",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 127.23918,185.95785 12.27019,10.29591","id","path198",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 83.252815,257.66724 21.739865,12.55151","id","path166",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 42.289518,332.39273 15.05162,5.47835","id","path195",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 20.127799,414.42077 15.774251,2.78142","id","path196",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 17.879075,498.47765 H 42.982096","id","path167",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 19.776759,583.71187 15.77426,-2.78142","id","path193",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 41.598167,665.8311 15.051615,-5.47834","id","path194",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 81.668963,739.71246 103.40883,727.16095","id","path168",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 125.93981,812.61701 12.2702,-10.29591","id","path191",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 185.89732,872.82365 10.29591,-12.27019","id","path192",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 257.53004,916.73298 12.55151,-21.73985","id","path169",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 332.33219,957.7732 5.47835,-15.05162","id","path189",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 414.36024,979.93493 2.78142,-15.77425","id","path190",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 498.34046,982.10672 V 957.0037","id","path170",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 583.65133,980.28596 580.86991,964.5117","id","path187",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 665.77057,958.46456 -5.47834,-15.05161","id","path188",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 739.57526,918.31683 727.02375,896.57698","id","path171",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 812.55647,874.12301 802.26056,861.85282","id","path185",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 872.76312,814.16551 860.49293,803.8696","id","path186",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 916.59579,742.45577 894.85593,729.90426","id","path172",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 957.71266,667.73063 -15.05161,-5.47834","id","path183",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 979.8744,585.70259 -15.77425,-2.78142","id","path184",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 981.96954,501.64535 -25.10304,10e-6","id","path173",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 980.22542,416.41149 -15.77425,2.78143","id","path181",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 958.40403,334.29226 -15.05161,5.47834","id","path182",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 918.17964,260.41055 -21.73986,12.55151","id","path174",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 874.06247,187.50636 -12.27018,10.29591","id","path180",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 817.34594,130.05494 -10.40259,12.17987","id","path179",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 742.31857,83.390025 729.76706,105.12988","id","path175",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 667.6701,42.350172 -5.47834,15.051615","id","path178",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 585.64206,20.188432 -2.78142,15.77425","id","path176",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 501.50816,18.016286 V 43.119307","id","path177",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","rotatingDialBackplate","d","M 499.99997,50.208304 A 449.79166,449.79166 0 0 0 50.208304,499.99997 449.79166,449.79166 0 0 0 499.99997,949.79163 449.79166,449.79166 0 0 0 949.79163,499.99997 449.79166,449.79166 0 0 0 499.99997,50.208304 Z m 0,92.604166 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"rotating-dial-Backplate",2,"display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],[0,"xml","space","preserve","x","181.91386","y","284.25186","id","text3","transform","rotate(-30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan3","x","181.91386","y","284.25186",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-183.53558","y","283.74811","id","text14","transform","rotate(-60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan14","x","-183.53558","y","283.74811",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-499.70761","y","100.95312","id","text15","transform","rotate(-90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan15","x","-499.70761","y","100.95312",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.66119","y","-216.36243","id","text16","transform","rotate(-120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["x","-681.66119","y","-216.36243","id","tspan25",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.06616","y","-581.71271","id","text17","transform","rotate(-150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan17","x","-681.06616","y","-581.71271",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-498.3313","y","-897.40875","id","text18","transform","scale(-1)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan18","x","-498.3313","y","-897.40875",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-184.41313","y","-1080.8452","id","text19","transform","rotate(150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan19","x","-184.41313","y","-1080.8452",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","181.57225","y","-1080.8853","id","text20","transform","rotate(120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan20","x","181.57225","y","-1080.8853",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","501.42661","y","-896.93701","id","text21","transform","rotate(90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan21","x","501.42661","y","-896.93701",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","682.35815","y","-579.63336","id","text22","transform","rotate(60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan22","x","682.35815","y","-579.63336",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","681.81525","y","-214.27321","id","text23","transform","rotate(30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan23","x","681.81525","y","-214.27321",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","500.15503","y","101.96342","id","text24",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan24","x","500.15503","y","101.96342",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],["id","LayerLayline"],["id","PortLayline",1,"laylines",2,"fill","none","stroke-width","5","stroke-dasharray","40, 20","stroke-dashoffset","0","stroke-opacity","0.6"],["id","StbdLayline",1,"laylines",2,"fill","none","stroke-width","5","stroke-dasharray","40, 20","stroke-dashoffset","0","stroke-opacity","0.6"],["id","LayerWindShift"],["id","portSectorShift",1,"wind-sector-port",2,"fill-opacity","0.5","stroke","none"],["id","StbdSectorShift",1,"wind-sector-stbd",2,"fill-opacity","0.5","stroke","none"],["clip-path","url(#clipPath16)","d","m 416.36313,-1521.3937 c 371.15015,24.6522 731.95257,192.9774 983.98757,467.456 227.2972,244.24389 363.1732,572.3808 369.4045,906.42978 15.9331,499.10271 -269.2071,986.17861 -700.5178,1232.88522 -485.08308,290.4843 -1134.555606,269.7346 -1599.2788,-52.7169 -404.5062,-269.24461 -653.2224,-759.35388 -614.1746,-1245.84043 30.2148,-487.61814 344.18931,-937.89997 780.52695,-1152.15867 176.96718,-89.2092 371.8823084,-142.3103 569.54914,-156.0363","transform","matrix(0.28310615,0,0,0.32000828,411.88452,661.64815)",1,"next-waypoint-bar",2,"display","inline","fill","none","stroke-width","30","stroke-miterlimit","0"],["id","path6341","cx","500","cy","175.00002","rx","17.361122","ry","17.361118",1,"next-waypoint",2,"display","inline","fill","none","stroke-width","15.2778","stroke-dasharray","none"],["id","setArrow","d","m 563.93337,480.60403 -64.4901,-94.9673 -63.37665,95.71396 58.48691,-30.71299 0.77713,133.08346 c 0.0992,16.99331 2.52916,30.65913 5.44822,30.64209 2.91911,-0.0171 5.18926,-13.71032 5.09001,-30.70362 l -0.77782,-133.20444 z",2,"fill","url(#linearGradient14)","stroke","none","stroke-width","1.18648"],["id","layerCounter"],["id","twsCounter"],[0,"xml","space","preserve","x","904.27722","y","150.88913","id","text43",1,"true-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","903.84814","y","114.73512","id","text42",1,"true-wind",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","905.25897","y","52.894646","id","text41",1,"true-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],["id","awsCounter"],[0,"xml","space","preserve","x","94.554222","y","150.88913","id","text39",1,"app-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","94.580925","y","114.63747","id","text40",1,"app-wind",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","95.967644","y","52.894646","id","text39-7",1,"app-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],["id","layerCurrent"],["id","text11",0,"xml","space","preserve","x","499.78842","y","523.55145",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],["id","layerIndicators",2,"display","inline"],["d","m 506.20767,172.99458 a 6.3888631,8.8250643 0 0 1 -6.38888,8.82508 6.3888631,8.8250643 0 0 1 -6.38888,-8.82508 6.3888631,8.8250643 0 0 1 6.38888,-8.82509 6.3888631,8.8250643 0 0 1 6.38888,8.82509 z M 476.25472,30.811298 493.47058,13.265068 c 3.6173,-3.6867571 9.44162,-3.6867571 13.05892,0 l 17.21586,17.546106 c 3.6173,3.686743 3.6173,9.622786 0,13.309544 l -17.21595,17.54623 c -3.61721,3.686757 -9.44153,3.686757 -13.05893,0 L 476.25472,44.120841 c -3.6174,-3.686743 -3.6174,-9.622924 0,-13.309543 z m 17.20533,-16.510116 h 12.77766 V 173.26408 h -12.77766 z",1,"course-over-ground",2,"stroke-width","14.7329","stroke-linecap","square"],["d","m 451.77021,55.078207 42.08541,-33.202814 a 12.555638,12.555638 0.26446337 0 1 15.64423,0.07221 l 42.20046,33.930296 a 15.557694,15.557694 71.53185 0 1 5.32954,15.957795 L 504.17034,279.76529 a 2.5373267,2.5373267 0.02614114 0 1 -4.91879,-0.002 L 446.37431,70.966036 a 15.416336,15.416336 108.75875 0 1 5.3959,-15.887829 z","transform","matrix(0.7935953,0,0,0.92686935,101.84848,11.000842)",1,"app-wind",2,"display","inline","stroke-width","5.8876","stroke-miterlimit","0"],[0,"xml","space","preserve","x","500","y","110",1,"card-color",2,"font-weight","bold","font-size","70px","font-family","Roboto","text-align","center","text-anchor","middle","display","inline","stroke","none"],["d","m 451.77021,55.078207 42.08541,-33.202814 a 12.555638,12.555638 0.26446337 0 1 15.64423,0.07221 l 42.20046,33.930296 a 15.557694,15.557694 71.53185 0 1 5.32954,15.957795 L 504.17034,279.76529 a 2.5373267,2.5373267 0.02614114 0 1 -4.91879,-0.002 L 446.37431,70.966036 a 15.416336,15.416336 108.75875 0 1 5.3959,-15.887829 z","transform","matrix(0.60410307,0,0,0.70555435,196.91787,21.152867)",1,"true-wind",2,"display","inline","stroke","none","stroke-width","5.8876","stroke-miterlimit","0"],[0,"xml","space","preserve","x","500","y","110","id","text10",1,"card-color",2,"font-weight","bold","font-size","60px","font-family","Roboto","text-align","center","text-anchor","middle","display","inline","stroke","none"],["id","layerHeading",2,"display","inline"],["id","rect1","width","256.47919","height","108.5428","x","371.76041","y","10.805443","rx","23.757372",1,"heading-background",2,"stroke-width","4.43107","stroke-linejoin","bevel","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","0.509946"],["x","511.29395","y","102.86786",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","106.667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","5","stroke-linejoin","bevel","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"]],template:function(t,i){t&1&&(Z(),D(0,"svg",6)(1,"defs",7)(2,"linearGradient",8),Q(3,"stop",9)(4,"stop",10),W(),D(5,"linearGradient",11),Q(6,"stop",9)(7,"stop",10),W(),D(8,"linearGradient",12),Q(9,"stop",13)(10,"stop",14),W(),D(11,"linearGradient",15),Q(12,"stop",16),W(),D(13,"clipPath",17),Q(14,"ellipse",18),W(),Q(15,"linearGradient",19)(16,"linearGradient",20)(17,"linearGradient",21),W(),D(18,"g",22)(19,"g",23),Q(20,"path",24)(21,"path",25),W()(),D(22,"g",26)(23,"g",27),Q(24,"path",28)(25,"path",29)(26,"path",30),W(),D(27,"g",null,0)(29,"g",31),Q(30,"path",32)(31,"path",33)(32,"path",34)(33,"path",35)(34,"path",36)(35,"path",37)(36,"path",38)(37,"path",39)(38,"path",40)(39,"path",41)(40,"path",42)(41,"path",43)(42,"path",44)(43,"path",45)(44,"path",46)(45,"path",47)(46,"path",48)(47,"path",49)(48,"path",50)(49,"path",51)(50,"path",52)(51,"path",53)(52,"path",54)(53,"path",55)(54,"path",56)(55,"path",57)(56,"path",58)(57,"path",59)(58,"path",60)(59,"path",61)(60,"path",62)(61,"path",63)(62,"path",64)(63,"path",65)(64,"path",66)(65,"path",67)(66,"path",68),D(67,"text",69)(68,"tspan",70),b(69,"330"),W()(),D(70,"text",71)(71,"tspan",72),b(72,"300"),W()(),D(73,"text",73)(74,"tspan",74),b(75,"W"),W()(),D(76,"text",75)(77,"tspan",76),b(78,"240"),W()(),D(79,"text",77)(80,"tspan",78),b(81,"210"),W()(),D(82,"text",79)(83,"tspan",80),b(84,"S"),W()(),D(85,"text",81)(86,"tspan",82),b(87,"150"),W()(),D(88,"text",83)(89,"tspan",84),b(90,"120"),W()(),D(91,"text",85)(92,"tspan",86),b(93,"E"),W()(),D(94,"text",87)(95,"tspan",88),b(96,"60"),W()(),D(97,"text",89)(98,"tspan",90),b(99,"30"),W()(),D(100,"text",91)(101,"tspan",92),b(102,"N"),W()()(),D(103,"g",93),Q(104,"path",94)(105,"path",95),W(),D(106,"g",96),Q(107,"path",97)(108,"path",98),W(),D(109,"g",null,1),Q(111,"path",99)(112,"ellipse",100),W(),D(113,"g",null,2),Q(115,"path",101),W()()(),D(116,"g",102)(117,"g",103)(118,"text",104),b(119),W(),D(120,"text",105),b(121),hi(122,"number"),W(),D(123,"text",106),b(124,"TWS"),W()(),D(125,"g",107)(126,"text",108),b(127),W(),D(128,"text",109),b(129),hi(130,"number"),W(),D(131,"text",110),b(132,"AWS"),W()()(),D(133,"g",111)(134,"text",112),b(135),hi(136,"number"),W()(),D(137,"g",113)(138,"g",null,3),Q(140,"path",114),W(),D(141,"g",null,4),Q(143,"path",115),D(144,"text",116),b(145,"A"),W()(),D(146,"g",null,5),Q(148,"path",117),D(149,"text",118),b(150,"T"),W()()(),D(151,"g",119),Q(152,"rect",120),D(153,"text",121)(154,"tspan"),b(155),D(156,"tspan"),b(157,"\xB0"),W()()()()()),t&2&&(C(103),ye("display",i.closeHauledLineEnabled()?"inline":"none"),C(),ye("display",i.appWindAngle()!=null?"inline":"none"),ee("d",i.closeHauledLineStbdPath),C(),ye("display",i.appWindAngle()!=null?"inline":"none"),ee("d",i.closeHauledLinePortPath),C(),ye("display",i.windSectorEnabled()?"inline":"none"),C(),ye("display",i.portWindSectorPath!="none"?"inline":"none"),ee("d",i.portWindSectorPath),C(),ye("display",i.stbdWindSectorPath!="none"?"inline":"none"),ee("d",i.stbdWindSectorPath),C(),ee("display",i.waypointActive()?"inline":"none"),C(4),ye("display",i.driftEnabled()?"inline":"none"),C(4),ye("display",i.twsEnabled()?"inline":"none"),C(2),Fe(i.trueWindSpeedUnit()),C(2),Fe(fn(122,34,i.trueWindSpeed(),"1.1-1")??"--"),C(4),ye("display",i.awsEnabled()?"inline":"none"),C(2),Fe(i.appWindSpeedUnit()),C(2),Fe(fn(130,37,i.appWindSpeed(),"1.1-1")??"--"),C(4),ye("display",i.driftEnabled()?"inline":"none"),C(2),Fe(fn(136,40,i.driftFlow(),"1.1-1")??"--"),C(3),ee("display",i.courseOverGroundEnabled()?"inline":"none"),C(8),ye("display",i.twaEnabled()?"inline":"none"),C(9),Fe(i.headingValue))},dependencies:[vl],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}svg[_ngcontent-%COMP%]{position:absolute;height:100%;width:100%;left:0;top:0}.fixed-dial-background[_ngcontent-%COMP%]{fill:var(--kip-grey-color)}.rotating-dial-Backplate[_ngcontent-%COMP%]{fill:var(--mat-sys-background)}.starboard[_ngcontent-%COMP%]{stroke:var(--kip-starboard-color)}.port[_ngcontent-%COMP%]{stroke:var(--kip-port-color)}.heading-background[_ngcontent-%COMP%]{stroke:var(--kip-grey-color);fill:var(--kip-widget-card-background-color)}.boat[_ngcontent-%COMP%]{stop-color:var(--kip-grey-color)!important}.contrast-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}.contrast-stroke[_ngcontent-%COMP%]{stroke:var(--kip-contrast-color)}.card-color[_ngcontent-%COMP%]{fill:var(--kip-widget-card-background-color)}.true-wind[_ngcontent-%COMP%]{fill:var(--kip-yellow-color)}.true-wind-label[_ngcontent-%COMP%]{fill:var(--kip-yellow-dim-color)}.app-wind[_ngcontent-%COMP%]{fill:var(--kip-orange-color)}.app-wind-label[_ngcontent-%COMP%]{fill:var(--kip-orange-dim-color)}.course-over-ground[_ngcontent-%COMP%]{fill:var(--kip-pink-color)}.next-waypoint[_ngcontent-%COMP%]{stroke:var(--kip-green-color)}.next-waypoint-bar[_ngcontent-%COMP%]{stroke:var(--kip-grey-color)}.laylines[_ngcontent-%COMP%]{stroke:var(--kip-contrast-color)}.wind-sector-port[_ngcontent-%COMP%]{fill:var(--kip-port-color)}.wind-sector-stbd[_ngcontent-%COMP%]{fill:var(--kip-starboard-color)}.drift-arrow[_ngcontent-%COMP%]{stop-color:var(--kip-blue-color)}"],changeDetection:0})}return a})();var ch=(()=>{class a extends Se{zones=E(Ze);cdr=E(yn);markScheduled=!1;scheduleRafId=null;DEG_EPSILON=1;SPEED_EPSILON=.1;hasHeading=!1;hasCOG=!1;hasAWA=!1;hasAWS=!1;hasTWA=!1;hasTWS=!1;hasSet=!1;hasDrift=!1;hasWPT=!1;currentHeading=0;courseOverGroundAngle=0;appWindAngle=0;appWindSpeed=0;appWindSpeedUnit="";trueWindAngle=0;trueWindSpeed=0;trueWindSpeedUnit="";driftFlow=0;driftSet=0;waypointAngle=0;historicalWindDirection=[];trueWindMinHistoric;trueWindMidHistoric;trueWindMaxHistoric;windSectorObservableSub=null;windSamples=[];windMinDeque=[];windMaxDeque=[];windSampleIndex=0;lastUnwrapped=null;lastSector={};constructor(){super(),this.defaultConfig={filterSelfPaths:!0,paths:{headingPath:{description:"True Heading",path:"self.navigation.headingTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:1e3},appWindAngle:{description:"Apparent Wind Angle",path:"self.environment.wind.angleApparent",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:1e3},appWindSpeed:{description:"Apparent Wind Speed",path:"self.environment.wind.speedApparent",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:1e3},trueWindAngle:{description:"True Wind Angle",path:"self.environment.wind.angleTrueWater",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:1e3},trueWindSpeed:{description:"True Wind Speed",path:"self.environment.wind.speedTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:1e3},courseOverGround:{description:"True Course Over Ground",path:"self.navigation.courseOverGroundTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,convertUnitTo:"deg",sampleTime:1e3},nextWaypointBearing:{description:"Next Waypoint True Bearing",path:"self.navigation.courseGreatCircle.nextPoint.bearingTrue",source:"default",pathType:"number",isPathConfigurable:!1,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:1e3},set:{description:"True Drift Set",path:"self.environment.current.setTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:1e3},drift:{description:"Drift Speed Impact",path:"self.environment.current.drift",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:1e3}},windSectorEnable:!0,windSectorWindowSeconds:5,laylineEnable:!0,laylineAngle:40,waypointEnable:!0,courseOverGroundEnable:!0,driftEnable:!0,awsEnable:!0,twsEnable:!0,twaEnable:!0,sailSetupEnable:!1,enableTimeout:!1,dataTimeout:5}}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.stopWindSectors();let e=this.widgetProperties.config.paths.appWindSpeed.convertUnitTo,t=this.widgetProperties.config.paths.trueWindSpeed.convertUnitTo;this.appWindSpeedUnit!==e&&(this.appWindSpeedUnit=e),this.trueWindSpeedUnit!==t&&(this.trueWindSpeedUnit=t),this.zones.runOutsideAngular(()=>{this.observeDataStream("headingPath",i=>{i.data.value==null&&(i.data.value=0);let o=this.normalizeAngle(i.data.value);(!this.hasHeading||this.angleDelta(this.currentHeading,o)>=this.DEG_EPSILON)&&(this.currentHeading=o,this.hasHeading=!0,this.scheduleMarkForCheck())}),this.observeDataStream("courseOverGround",i=>{i.data.value==null&&(i.data.value=0);let o=this.normalizeAngle(i.data.value);(!this.hasCOG||this.angleDelta(this.courseOverGroundAngle,o)>=this.DEG_EPSILON)&&(this.courseOverGroundAngle=o,this.hasCOG=!0,this.scheduleMarkForCheck())}),this.observeDataStream("drift",i=>{i.data.value==null&&(i.data.value=0);let o=i.data.value;(!this.hasDrift||Math.abs(this.driftFlow-o)>=this.SPEED_EPSILON)&&(this.driftFlow=o,this.hasDrift=!0,this.scheduleMarkForCheck())}),this.observeDataStream("set",i=>{i.data.value==null&&(i.data.value=0);let o=this.normalizeAngle(i.data.value);(!this.hasSet||this.angleDelta(this.driftSet,o)>=this.DEG_EPSILON)&&(this.driftSet=o,this.hasSet=!0,this.scheduleMarkForCheck())}),this.observeDataStream("nextWaypointBearing",i=>{let o=i.data.value,r=this.normalizeAngle(o);(!this.hasWPT||this.angleDelta(this.waypointAngle,r)>=this.DEG_EPSILON)&&(this.waypointAngle=r,this.hasWPT=!0,this.scheduleMarkForCheck())}),this.observeDataStream("appWindAngle",i=>{i.data.value==null&&(i.data.value=0);let o=i.data.value,r=this.normalizeAngle(o);(!this.hasAWA||this.angleDelta(this.appWindAngle,r)>=this.DEG_EPSILON)&&(this.appWindAngle=r,this.hasAWA=!0,this.widgetProperties.config.windSectorEnable&&this.addHistoricalWindDirection(this.normalizeAngle(o)),this.scheduleMarkForCheck())}),this.observeDataStream("appWindSpeed",i=>{i.data.value==null&&(i.data.value=0);let o=i.data.value;(!this.hasAWS||Math.abs(this.appWindSpeed-o)>=this.SPEED_EPSILON)&&(this.appWindSpeed=o,this.hasAWS=!0,this.scheduleMarkForCheck())}),this.observeDataStream("trueWindSpeed",i=>{i.data.value==null&&(i.data.value=0);let o=i.data.value;(!this.hasTWS||Math.abs(this.trueWindSpeed-o)>=this.SPEED_EPSILON)&&(this.trueWindSpeed=o,this.hasTWS=!0,this.scheduleMarkForCheck())}),this.observeDataStream("trueWindAngle",i=>{i.data.value==null&&(i.data.value=0);let o=this.widgetProperties.config.paths.trueWindAngle.path,r=o.includes("angleTrueWater")||o.includes("angleTrueGround")?this.addHeading(this.currentHeading,i.data.value):i.data.value,l=this.normalizeAngle(r);(!this.hasTWA||this.angleDelta(this.trueWindAngle,l)>=this.DEG_EPSILON)&&(this.trueWindAngle=l,this.hasTWA=!0,this.scheduleMarkForCheck())})}),this.startWindSectors()}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}ngOnDestroy(){this.destroyDataStreams(),this.stopWindSectors(),this.scheduleRafId!=null&&(cancelAnimationFrame(this.scheduleRafId),this.scheduleRafId=null)}startWindSectors(){if(this.windSamples=[],this.windMinDeque=[],this.windMaxDeque=[],this.windSampleIndex=0,this.lastUnwrapped=null,this.lastSector={},!this.widgetProperties.config.windSectorEnable){this.trueWindMinHistoric=void 0,this.trueWindMidHistoric=void 0,this.trueWindMaxHistoric=void 0,this.scheduleMarkForCheck();return}this.zones.runOutsideAngular(()=>{this.windSectorObservableSub=Ra(1e3).subscribe(()=>{this.historicalCleanup()})})}addHistoricalWindDirection(e){let t=Date.now(),i=this.unwrapAngle(e),o=this.windSampleIndex++;for(this.windSamples.push({t,u:i,i:o});this.windMinDeque.length&&this.windMinDeque[this.windMinDeque.length-1].u>=i;)this.windMinDeque.pop();for(this.windMinDeque.push({i:o,u:i});this.windMaxDeque.length&&this.windMaxDeque[this.windMaxDeque.length-1].u<=i;)this.windMaxDeque.pop();this.windMaxDeque.push({i:o,u:i})}arcForAngles(e){return!e||e.length===0?{min:0,max:0,mid:0}:e.slice(1).reduce((i,o)=>{let r=o;for(;r<i.min-180;)r+=360;for(;r>i.max+180;)r-=360;return i.min=Math.min(i.min,r),i.max=Math.max(i.max,r),i.mid=(i.max-i.min)/2+i.min,i},{min:e[0],max:e[0],mid:e[0]})}historicalCleanup(){if(!this.widgetProperties.config.windSectorEnable)return;let e=Date.now()-this.widgetProperties.config.windSectorWindowSeconds*1e3;for(;this.windSamples.length&&this.windSamples[0].t<e;){let s=this.windSamples.shift();if(!s)break;this.windMinDeque.length&&this.windMinDeque[0].i===s.i&&this.windMinDeque.shift(),this.windMaxDeque.length&&this.windMaxDeque[0].i===s.i&&this.windMaxDeque.shift()}if(!this.windSamples.length||!this.windMinDeque.length||!this.windMaxDeque.length){(this.trueWindMinHistoric!==void 0||this.trueWindMidHistoric!==void 0||this.trueWindMaxHistoric!==void 0)&&(this.trueWindMinHistoric=void 0,this.trueWindMidHistoric=void 0,this.trueWindMaxHistoric=void 0,this.lastSector={},this.scheduleMarkForCheck());return}let t=this.windMinDeque[0].u,i=this.windMaxDeque[0].u,o=(t+i)/2,r=this.normalizeAngle(t),l=this.normalizeAngle(o),d=this.normalizeAngle(i);(this.lastSector.min===void 0||this.angleDelta(this.lastSector.min,r)>=this.DEG_EPSILON||this.lastSector.mid===void 0||this.angleDelta(this.lastSector.mid,l)>=this.DEG_EPSILON||this.lastSector.max===void 0||this.angleDelta(this.lastSector.max,d)>=this.DEG_EPSILON)&&(this.trueWindMinHistoric=r,this.trueWindMidHistoric=l,this.trueWindMaxHistoric=d,this.lastSector={min:r,mid:l,max:d},this.scheduleMarkForCheck())}stopWindSectors(){this.windSectorObservableSub?.unsubscribe()}unwrapAngle(e){if(this.lastUnwrapped==null)return this.lastUnwrapped=e,e;let t=this.lastUnwrapped,i=(t%360+360)%360,o=(e-i+540)%360-180,r=t+o;return this.lastUnwrapped=r,r}normalizeAngle(e){return(e%360+360)%360}addHeading(e,t){let i=(e+t)%360;return i<0&&(i+=360),i}angleDelta(e,t){let i=(t-e+540)%360-180;return Math.abs(i)}scheduleMarkForCheck(){this.markScheduled||(this.markScheduled=!0,this.zones.runOutsideAngular(()=>{this.scheduleRafId=requestAnimationFrame(()=>{this.zones.run(()=>{this.cdr.markForCheck()}),this.markScheduled=!1,this.scheduleRafId=null})}))}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-wind-steer"]],features:[de],decls:2,vars:26,consts:[[3,"configChange","config","id"],[3,"compassHeading","courseOverGroundAngle","courseOverGroundEnabled","trueWindAngle","twsEnabled","twaEnabled","trueWindSpeed","trueWindSpeedUnit","appWindAngle","awsEnabled","appWindSpeed","appWindSpeedUnit","laylineAngle","closeHauledLineEnabled","windSectorEnabled","driftEnabled","driftFlow","driftSet","waypointAngle","waypointEnabled","trueWindMinHistoric","trueWindMidHistoric","trueWindMaxHistoric","sailSetupEnabled"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),U(1,"svg-windsteer",1),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("compassHeading",i.currentHeading)("courseOverGroundAngle",i.courseOverGroundAngle)("courseOverGroundEnabled",i.widgetProperties.config.courseOverGroundEnable)("trueWindAngle",i.trueWindAngle)("twsEnabled",i.widgetProperties.config.twsEnable)("twaEnabled",i.widgetProperties.config.twaEnable)("trueWindSpeed",i.trueWindSpeed)("trueWindSpeedUnit",i.trueWindSpeedUnit)("appWindAngle",i.appWindAngle)("awsEnabled",i.widgetProperties.config.awsEnable)("appWindSpeed",i.appWindSpeed)("appWindSpeedUnit",i.appWindSpeedUnit)("laylineAngle",i.widgetProperties.config.laylineAngle)("closeHauledLineEnabled",i.widgetProperties.config.laylineEnable)("windSectorEnabled",i.widgetProperties.config.windSectorEnable)("driftEnabled",i.widgetProperties.config.driftEnable)("driftFlow",i.driftFlow)("driftSet",i.driftSet)("waypointAngle",i.waypointAngle)("waypointEnabled",i.widgetProperties.config.waypointEnable)("trueWindMinHistoric",i.trueWindMinHistoric)("trueWindMidHistoric",i.trueWindMidHistoric)("trueWindMaxHistoric",i.trueWindMaxHistoric)("sailSetupEnabled",i.defaultConfig.sailSetupEnable))},dependencies:[dh,Ce],encapsulation:2,changeDetection:0})}return a})();var Hg=["canvasMainRef"],hh=(()=>{class a extends Se{canvasMainRef=ie.required("canvasMainRef");canvasElement;canvasCtx;canvas=E(it);cssWidth=0;cssHeight=0;isDestroyed=!1;maxTextWidth=0;maxTextHeight=0;constructor(){super(),this.defaultConfig={displayName:"Static Label",color:"green",bgColor:"grey",noColor:!1,noBgColor:!0},oe(()=>{this.theme()&&(this.getColors(this.widgetProperties.config.color),this.drawWidget())})}ngOnInit(){this.validateConfig()}ngAfterViewInit(){this.canvasElement=this.canvasMainRef().nativeElement,this.canvasCtx=this.canvasElement.getContext("2d"),this.canvas.registerCanvas(this.canvasElement,{autoRelease:!0,onResize:(e,t)=>{this.cssWidth=e,this.cssHeight=t,this.maxTextWidth=this.cssWidth-40,this.maxTextHeight=this.cssHeight-40,this.drawWidget()}}),!this.isDestroyed&&(this.cssHeight=Math.round(this.canvasElement.getBoundingClientRect().height),this.cssWidth=Math.round(this.canvasElement.getBoundingClientRect().width),this.maxTextWidth=this.canvasElement.width-40,this.maxTextHeight=this.canvasElement.height-40,this.startWidget())}ngOnDestroy(){this.isDestroyed=!0;try{this.canvas.unregisterCanvas(this.canvasElement)}catch{}}startWidget(){}updateConfig(e){e.displayName?this.widgetProperties.config.displayName=e.displayName:this.widgetProperties.config.displayName="",this.drawWidget()}getColors(e){switch(e){case"contrast":return this.theme().contrast;case"blue":return this.theme().blue;case"green":return this.theme().green;case"pink":return this.theme().pink;case"orange":return this.theme().orange;case"purple":return this.theme().purple;case"grey":return this.theme().grey;case"yellow":return this.theme().yellow;default:return this.theme().contrast}}drawWidget(){this.canvasCtx&&(this.canvas.clearCanvas(this.canvasCtx,this.cssWidth,this.cssHeight),this.widgetProperties.config.noBgColor||this.canvas.drawRectangle(this.canvasCtx,0,0,this.canvasElement.width,this.canvasElement.height,this.getColors(this.widgetProperties.config.bgColor)),this.canvas.drawText(this.canvasCtx,this.widgetProperties.config.displayName,Math.floor(this.cssWidth/2),Math.floor(this.cssHeight/2+10),this.maxTextWidth,this.maxTextHeight,"bold",this.getColors(this.widgetProperties.config.color)))}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-label"]],viewQuery:function(t,i){t&1&&te(i.canvasMainRef,Hg,5),t&2&&we()},features:[de],decls:3,vars:2,consts:[["canvasMainRef",""],[1,"label-wrapper",3,"configChange","config","id"],[1,"label-canvas"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%;overflow:hidden}.label-wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:1px}.label-canvas[_ngcontent-%COMP%]{width:100%!important;height:100%!important;display:block;border-radius:var(--mat-card-elevated-container-shape, var(--mat-sys-corner-medium))}"]})}return a})();var Ug=["svgSlider"];function Gg(a,n){a&1&&U(0,"div",11)}var uh=(()=>{class a extends Se{svgElement=ie.required("svgSlider");dashboard=E(ot);signalkRequestsService=E(qt);appService=E(Ot);labelColor=q(void 0);barColor=q(void 0);skRequestSub=new Pa;lineStartPx;lineWidthPx;lineEndPx;resizeTimeout;debounceTimeout;handlePosition=20;pathValue=0;lineStart=this.handlePosition;isDragStarted=!1;lineWidth="0px";VIEWBOX_WIDTH=200;LINE_START=20;LINE_WIDTH=160;colorMap=new Map([["contrast",{label:this.theme().contrastDim,bar:this.theme().contrast}],["blue",{label:this.theme().blueDim,bar:this.theme().blue}],["green",{label:this.theme().greenDim,bar:this.theme().green}],["pink",{label:this.theme().pinkDim,bar:this.theme().pink}],["orange",{label:this.theme().orangeDim,bar:this.theme().orange}],["purple",{label:this.theme().purpleDim,bar:this.theme().purple}],["grey",{label:this.theme().greyDim,bar:this.theme().grey}],["yellow",{label:this.theme().yellowDim,bar:this.theme().yellow}]]);valueChange$=new Xt;constructor(){super(),this.defaultConfig={displayName:"Slider Label",filterSelfPaths:!0,paths:{gaugePath:{description:"PUT Supported Numeric Path. IMPORTANT: Format must be set to (base)",path:null,source:null,pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:null,showConvertUnitTo:!1,convertUnitTo:null,supportsPut:!0,sampleTime:500}},displayScale:{lower:0,upper:1,type:"linear"},enableTimeout:!1,dataTimeout:5,color:"contrast"},oe(()=>{this.theme()&&this.getColors(this.widgetProperties.config.color)})}ngOnInit(){this.validateConfig(),this.valueChange$.pipe(Zt(e=>this.isWithinMargin(e,this.widgetProperties.config.displayScale.lower)?this.widgetProperties.config.displayScale.lower:this.isWithinMargin(e,this.widgetProperties.config.displayScale.upper)?this.widgetProperties.config.displayScale.upper:parseFloat(e.toFixed(2))),qs(200),Na()).subscribe(e=>{this.sendValue(e)})}ngAfterViewInit(){this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.observeDataStream("gaugePath",e=>{if(!e||!e.data){this.handlePosition=this.mapValueToPosition(this.widgetProperties.config.displayScale.lower);return}this.updateHandlePosition(this.mapValueToPosition(e.data.value))}),this.skRequestSub?.unsubscribe(),this.subscribeSKRequest()}mapValueToPosition(e){let t=this.widgetProperties.config.displayScale.upper-this.widgetProperties.config.displayScale.lower,i=this.LINE_WIDTH;return(e-this.widgetProperties.config.displayScale.lower)/t*i+this.LINE_START}mapPositionToValue(e){let t=this.widgetProperties.config.displayScale.upper-this.widgetProperties.config.displayScale.lower,i=this.LINE_WIDTH;return(e-this.LINE_START)/i*t+this.widgetProperties.config.displayScale.lower}isWithinMargin(e,t){let i=(this.widgetProperties.config.displayScale.upper-this.widgetProperties.config.displayScale.lower)*.01;return Math.abs(e-t)<=i}subscribeSKRequest(){this.skRequestSub=this.signalkRequestsService.subscribeRequest().subscribe(e=>{if(e.widgetUUID==this.widgetProperties.uuid){let t=`Toggle Widget ${this.widgetProperties.config.displayName}: `;e.statusCode!=200&&(e.message?t+=e.message:t+=e.statusCode+" - "+e.statusCodeDescription,this.appService.sendSnackbarNotification(t,0))}})}sendValue(e){let t=this.widgetProperties.config.paths.gaugePath.path;this.signalkRequestsService.putRequest(t,e,this.widgetProperties.uuid)}updateConfig(e){this.widgetProperties.config=e,this.getColors(this.widgetProperties.config.color),this.calculateLineBounds(),this.startWidget()}onResized(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(()=>{this.calculateLineBounds()},200)}calculateLineBounds(){if(!this.svgElement()?.nativeElement){console.warn("[Slider Widget] SVG element is not initialized yet.");return}let e=this.svgElement().nativeElement.getBoundingClientRect(),t=this.LINE_START/this.VIEWBOX_WIDTH*e.width,i=this.LINE_WIDTH/this.VIEWBOX_WIDTH*e.width;this.lineStartPx=t,this.lineWidthPx=i,this.lineEndPx=this.lineStartPx+this.lineWidthPx}updateHandlePosition(e){this.handlePosition=e,this.lineWidth=`${e-this.lineStart}px`}getPointerX(e){return e.clientX-this.svgElement().nativeElement.getBoundingClientRect().left}onPointerDown(e){this.isDragStarted=!0,this.onPointerMove(e),e.stopPropagation(),e.preventDefault()}onPointerMove(e){if(this.isDragStarted){let t=this.getPointerX(e);if(t>=this.lineStartPx&&t<=this.lineEndPx){let i=(t-this.lineStartPx)/this.lineWidthPx*this.LINE_WIDTH+this.LINE_START;this.updateHandlePosition(i),this.handlePosition<=this.LINE_START?this.pathValue=this.widgetProperties.config.displayScale.lower:this.handlePosition>=this.LINE_START+this.LINE_WIDTH?this.pathValue=this.widgetProperties.config.displayScale.upper:this.pathValue=this.mapPositionToValue(this.handlePosition),this.valueChange$.next(this.pathValue)}}}onPointerUp(){this.isDragStarted=!1,this.valueChange$.next(this.pathValue)}onPointerLeave(){this.isDragStarted&&(this.isDragStarted=!1,this.valueChange$.next(this.pathValue))}getColors(e){let t=this.colorMap.get(e)||this.colorMap.get("contrast");this.labelColor.set(t.label),this.barColor.set(t.bar)}ngOnDestroy(){this.destroyDataStreams(),this.skRequestSub?.unsubscribe(),this.valueChange$.complete(),clearTimeout(this.debounceTimeout),clearTimeout(this.resizeTimeout)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-slider"]],viewQuery:function(t,i){t&1&&te(i.svgElement,Ug,5),t&2&&we()},features:[de],decls:12,vars:9,consts:[["svgSlider",""],[3,"configChange","config","id"],[3,"text","color"],[1,"widgets-container",3,"onResize"],["width","100%","height","100%","viewBox","0 40 200 40"],["width","160","height","8","rx","4.5","id","rect3","x","20","y","56",1,"slider-bg-bar",2,"display","inline","stroke-width","1.57144"],["height","8","rx","4.5","id","rect3","x","20","y","56",2,"display","inline","stroke-width","1.57144"],["id","g22"],["cy","60","fill","#ffffff","id","circle3","r","19.549999",2,"display","inline","fill","#4d4d4d","fill-opacity","1","stroke","#8c8c8c","stroke-width","0.9","stroke-dasharray","none","stroke-opacity","1"],["cy","60","fill","#ffffff","id","circle3-3","r","17.950001",2,"display","inline","fill","#ffffff","fill-opacity","1","stroke","#e6e6e6","stroke-width","1.8","stroke-dasharray","none","stroke-opacity","0.97"],["cursor","pointer","width","200","height","40","x","0","y","40",2,"display","inline","fill","rgba(0, 0, 0, 0)","stroke","none","stroke-width","0.3","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0",3,"pointerdown","pointerup","pointermove","pointerleave"],[1,"widgetOverlay"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"widget-title",2),f(2,"div",3),R("onResize",function(){return P(o),O(i.onResized())}),Z(),f(3,"svg",4),U(4,"rect",5)(5,"rect",6),f(6,"g",7),U(7,"circle",8)(8,"circle",9),w(),f(9,"rect",10,0),R("pointerdown",function(l){return P(o),O(i.onPointerDown(l))})("pointerup",function(){return P(o),O(i.onPointerUp())})("pointermove",function(l){return P(o),O(i.onPointerMove(l))})("pointerleave",function(){return P(o),O(i.onPointerLeave())}),w()()(),Pe(11,Gg,1,0,"div",11),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("text",i.widgetProperties.config.displayName)("color",i.labelColor()),C(4),ee("width",i.lineWidth)("fill",i.barColor()),C(2),ee("cx",i.handlePosition),C(),ee("cx",i.handlePosition),C(3),Oe(i.dashboard.isDashboardStatic()?-1:11))},dependencies:[Ce,nt,Nt,yo],styles:[".widgets-container[_ngcontent-%COMP%]{display:block;position:absolute;left:0;right:0;top:15%;height:85%;width:100%;overflow:hidden;z-index:20;padding:0 20px}.widgetOverlay[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;right:0;bottom:0;color:transparent;z-index:21}.slider-bg-bar[_ngcontent-%COMP%]{fill:var(--mat-sys-inverse-on-surface)}"]})}return a})();var qg=["rotatingDial"],jg=["awaIndicator"],$g=["twaIndicator"],Yg=["wptIndicator"],Kg=["setIndicator"],Qg=["cogIndicator"],mh=([a,n],[e,t],[i,o])=>(Math.atan2(o-t,i-e)-Math.atan2(n-t,a-e)+3*Math.PI)%(2*Math.PI)-Math.PI,ph=(()=>{class a{rotatingDial=ie.required("rotatingDial");awaIndicator=ie.required("awaIndicator");twaIndicator=ie.required("twaIndicator");wptIndicator=ie.required("wptIndicator");setIndicator=ie.required("setIndicator");cogIndicator=ie.required("cogIndicator");compassHeading=B.required();courseOverGroundAngle=B(void 0);courseOverGroundEnabled=B.required();trueWindAngle=B.required();twsEnabled=B.required();trueWindSpeed=B.required();trueWindSpeedUnit=B.required();appWindAngle=B.required();awsEnabled=B.required();appWindSpeed=B.required();appWindSpeedUnit=B.required();laylineAngle=B(void 0);closeHauledLineEnabled=B.required();sailSetupEnabled=B.required();windSectorEnabled=B.required();driftEnabled=B.required();driftSet=B(void 0);driftFlow=B(void 0);waypointAngle=B(void 0);waypointEnabled=B.required();trueWindMinHistoric=B(void 0);trueWindMidHistoric=B(void 0);trueWindMaxHistoric=B(void 0);compass={oldValue:0,newValue:0};twa={oldValue:0,newValue:0};awa={oldValue:0,newValue:0};wpt={oldValue:0,newValue:0};cog={oldValue:0,newValue:0};set={oldValue:0,newValue:0};headingValue="--";appWindSpeedDisplay=at(()=>{let e=this.appWindSpeed();return e==null?"--":e.toFixed(1)});trueWindSpeedDisplay=at(()=>{let e=this.trueWindSpeed();return e==null?"--":e.toFixed(1)});trueWindHeading=0;waypointActive=q(!1);flow=at(()=>{let e=this.driftFlow();return e==null?"--":e.toFixed(1)});portLaylinePrev=0;stbdLaylinePrev=0;portLaylineAnimId=null;stbdLaylineAnimId=null;closeHauledLinePortPath="M 500,500 500,500";closeHauledLineStbdPath="M 500,500 500,500";portSectorPrev={min:0,mid:0,max:0};stbdSectorPrev={min:0,mid:0,max:0};portSectorAnimId=null;stbdSectorAnimId=null;portWindSectorPath="";stbdWindSectorPath="";animationFrameIds=new WeakMap;ngZone=E(Ze);CENTER=500;RADIUS=350;ANIMATION_DURATION=1e3;constructor(){oe(()=>{let e=this.waypointEnabled();Je(()=>{this.waypointActive.set(e)})}),oe(()=>{let e=parseFloat(this.compassHeading().toFixed(0));e!==null&&Je(()=>{this.compass.oldValue=this.compass.newValue,this.compass.newValue=e,this.headingValue=e.toString(),this.rotatingDial()?.nativeElement&&(wt(this.rotatingDial().nativeElement,-this.compass.oldValue,-this.compass.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone),this.updateCloseHauledLines(),this.updateWindSectors())})}),oe(()=>{let e=parseFloat(this.courseOverGroundAngle().toFixed(0));e!=null&&Je(()=>{this.cog.oldValue=this.cog.newValue,this.cog.newValue=e-this.compass.newValue,this.cogIndicator()?.nativeElement&&wt(this.cogIndicator().nativeElement,this.cog.oldValue,this.cog.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=this.waypointAngle();Je(()=>{if(!e){this.waypointActive.set(!1);return}this.waypointEnabled()?this.waypointActive.set(!0):this.waypointActive.set(!1),this.wpt.oldValue=this.wpt.newValue,this.wpt.newValue=e,this.wptIndicator()?.nativeElement&&wt(this.wptIndicator().nativeElement,this.wpt.oldValue,this.wpt.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=parseFloat(this.appWindAngle().toFixed(0));e!=null&&Je(()=>{this.awa.oldValue=this.awa.newValue,this.awa.newValue=e,this.awaIndicator()?.nativeElement&&wt(this.awaIndicator().nativeElement,this.awa.oldValue,this.awa.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})}),oe(()=>{let e=parseFloat(this.trueWindAngle().toFixed(0));e!=null&&Je(()=>{this.twa.oldValue=this.twa.newValue,this.trueWindHeading=e,this.twa.newValue=this.addHeading(this.trueWindHeading,this.compass.newValue*-1),this.twaIndicator()?.nativeElement&&(wt(this.twaIndicator().nativeElement,this.twa.oldValue,this.twa.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone),this.updateCloseHauledLines())})}),oe(()=>{let e=parseFloat(this.driftSet().toFixed(0));e!=null&&Je(()=>{this.set.oldValue=this.set.newValue,this.set.newValue=e,this.setIndicator()?.nativeElement&&wt(this.setIndicator().nativeElement,this.set.oldValue,this.set.newValue,this.ANIMATION_DURATION,void 0,this.animationFrameIds,void 0,this.ngZone)})})}updateCloseHauledLines(){if(!this.closeHauledLineEnabled())return;let e=this.addHeading(Number(this.awa.newValue),this.laylineAngle()*-1);this.animateLayline(this.portLaylinePrev,e,!0),this.portLaylinePrev=e;let t=this.addHeading(Number(this.awa.newValue),this.laylineAngle());this.animateLayline(this.stbdLaylinePrev,t,!1),this.stbdLaylinePrev=t}animateLayline(e,t,i){i&&this.portLaylineAnimId&&cancelAnimationFrame(this.portLaylineAnimId),!i&&this.stbdLaylineAnimId&&cancelAnimationFrame(this.stbdLaylineAnimId);let o=this.ANIMATION_DURATION,r=performance.now(),l=s=>s<.5?4*s*s*s:1-Math.pow(-2*s+2,3)/2,d=s=>{let c=s-r,m=Math.min(c/o,1),v=l(m),y=t-e;y>180&&(y-=360),y<-180&&(y+=360);let x=(e+y*v+360)%360*Math.PI/180,V=Math.floor(this.RADIUS*Math.sin(x)+this.CENTER),z=Math.floor(this.RADIUS*Math.cos(x)*-1+this.CENTER);if(i?this.closeHauledLinePortPath=`M ${this.CENTER},${this.CENTER} L ${V},${z}`:this.closeHauledLineStbdPath=`M ${this.CENTER},${this.CENTER} L ${V},${z}`,m<1){let X=requestAnimationFrame(d);i?this.portLaylineAnimId=X:this.stbdLaylineAnimId=X}else i?this.portLaylineAnimId=null:this.stbdLaylineAnimId=null},p=requestAnimationFrame(d);i?this.portLaylineAnimId=p:this.stbdLaylineAnimId=p}windSectorsInitialized=!1;updateWindSectors(){if(!this.windSectorEnabled()||this.trueWindMinHistoric()==null||this.trueWindMidHistoric()==null||this.trueWindMaxHistoric()==null)return;let e={min:this.trueWindMinHistoric(),mid:this.trueWindMidHistoric(),max:this.trueWindMaxHistoric()},t={min:this.trueWindMinHistoric(),mid:this.trueWindMidHistoric(),max:this.trueWindMaxHistoric()};if(!this.windSectorsInitialized){this.portSectorPrev=e,this.stbdSectorPrev=t,this.windSectorsInitialized=!0,this.animateWindSector(e,e,!0),this.animateWindSector(t,t,!1);return}this.animateWindSector(this.portSectorPrev,e,!0),this.animateWindSector(this.stbdSectorPrev,t,!1),this.portSectorPrev=e,this.stbdSectorPrev=t}animateWindSector(e,t,i){i&&this.portSectorAnimId&&cancelAnimationFrame(this.portSectorAnimId),!i&&this.stbdSectorAnimId&&cancelAnimationFrame(this.stbdSectorAnimId);let o=this.ANIMATION_DURATION,r=performance.now(),l=s=>s<.5?4*s*s*s:1-Math.pow(-2*s+2,3)/2,d=s=>{let c=s-r,m=Math.min(c/o,1),v=l(m),y=(ct,ai)=>ct+(ai-ct)*v,S=y(e.min,t.min),x=y(e.mid,t.mid),V=y(e.max,t.max),z=this.addHeading(this.addHeading(S,Number(this.compass.newValue)*-1),this.laylineAngle()*(i?-1:1)),X=this.addHeading(this.addHeading(x,Number(this.compass.newValue)*-1),this.laylineAngle()*(i?-1:1)),se=this.addHeading(this.addHeading(V,Number(this.compass.newValue)*-1),this.laylineAngle()*(i?-1:1)),_e=this.RADIUS*Math.sin(z*Math.PI/180)+this.CENTER,De=this.RADIUS*Math.cos(z*Math.PI/180)*-1+this.CENTER,me=this.RADIUS*Math.sin(X*Math.PI/180)+this.CENTER,J=this.RADIUS*Math.cos(X*Math.PI/180)*-1+this.CENTER,xe=this.RADIUS*Math.sin(se*Math.PI/180)+this.CENTER,Le=this.RADIUS*Math.cos(se*Math.PI/180)*-1+this.CENTER,dt=Math.abs(mh([_e,De],[me,J],[xe,Le]))>Math.PI/2?0:1,qe=mh([xe,Le],[_e,De],[me,J])>0?0:1,Ye=`M ${this.CENTER},${this.CENTER} L ${_e},${De} A ${this.RADIUS},${this.RADIUS} 0 ${dt} ${qe} ${xe},${Le} z`;if(i?this.portWindSectorPath=Ye:this.stbdWindSectorPath=Ye,m<1){let ct=requestAnimationFrame(d);i?this.portSectorAnimId=ct:this.stbdSectorAnimId=ct}else i?this.portSectorAnimId=null:this.stbdSectorAnimId=null},p=requestAnimationFrame(d);i?this.portSectorAnimId=p:this.stbdSectorAnimId=p}addHeading(e=0,t=0){let i=e+t;for(;i>359;)i=i-359;for(;i<0;)i=i+359;return i}ngOnDestroy(){this.portLaylineAnimId&&cancelAnimationFrame(this.portLaylineAnimId),this.stbdLaylineAnimId&&cancelAnimationFrame(this.stbdLaylineAnimId),this.portLaylineAnimId=null,this.stbdLaylineAnimId=null,this.portSectorAnimId&&cancelAnimationFrame(this.portSectorAnimId),this.stbdSectorAnimId&&cancelAnimationFrame(this.stbdSectorAnimId),this.portSectorAnimId=null,this.stbdSectorAnimId=null;let e=[this.rotatingDial(),this.awaIndicator(),this.twaIndicator(),this.wptIndicator(),this.setIndicator(),this.cogIndicator()];for(let t of e){let i=t?.nativeElement;if(!i)continue;let o=this.animationFrameIds.get(i);o&&cancelAnimationFrame(o),this.animationFrameIds.delete(i)}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["svg-racesteer"]],viewQuery:function(t,i){t&1&&(te(i.rotatingDial,qg,5),te(i.awaIndicator,jg,5),te(i.twaIndicator,$g,5),te(i.wptIndicator,Yg,5),te(i.setIndicator,Kg,5),te(i.cogIndicator,Qg,5)),t&2&&we(6)},inputs:{compassHeading:[1,"compassHeading"],courseOverGroundAngle:[1,"courseOverGroundAngle"],courseOverGroundEnabled:[1,"courseOverGroundEnabled"],trueWindAngle:[1,"trueWindAngle"],twsEnabled:[1,"twsEnabled"],trueWindSpeed:[1,"trueWindSpeed"],trueWindSpeedUnit:[1,"trueWindSpeedUnit"],appWindAngle:[1,"appWindAngle"],awsEnabled:[1,"awsEnabled"],appWindSpeed:[1,"appWindSpeed"],appWindSpeedUnit:[1,"appWindSpeedUnit"],laylineAngle:[1,"laylineAngle"],closeHauledLineEnabled:[1,"closeHauledLineEnabled"],sailSetupEnabled:[1,"sailSetupEnabled"],windSectorEnabled:[1,"windSectorEnabled"],driftEnabled:[1,"driftEnabled"],driftSet:[1,"driftSet"],driftFlow:[1,"driftFlow"],waypointAngle:[1,"waypointAngle"],waypointEnabled:[1,"waypointEnabled"],trueWindMinHistoric:[1,"trueWindMinHistoric"],trueWindMidHistoric:[1,"trueWindMidHistoric"],trueWindMaxHistoric:[1,"trueWindMaxHistoric"]},decls:156,vars:32,consts:[["rotatingDial",""],["wptIndicator",""],["setIndicator",""],["cogIndicator",""],["awaIndicator",""],["twaIndicator",""],["viewBox","0 0 1000 1000"],["id","defs1"],["id","linearGradient18"],["offset","0",1,"boat",2,"stop-opacity","0.71372495"],["offset","1",1,"boat",2,"stop-opacity","0"],["id","linearGradient16"],["id","linearGradient13"],["offset","0.41176471",1,"drift-arrow",2,"stop-opacity","1"],["offset","1",1,"drift-arrow",2,"stop-opacity","0"],["id","swatch4"],["offset","0","id","stop4",2,"stop-color","#000000","stop-opacity","1"],["clipPathUnits","userSpaceOnUse","id","clipPath16"],["id","ellipse16","cx","311.24539","cy","-1516.3778","rx","194.27342","ry","181.83022",2,"display","inline","fill","#9a9300","fill-opacity","1","stroke","none","stroke-width","55","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"],[0,"xlink","href","#linearGradient13","id","linearGradient14","x1","453.48047","y1","583.62891","x2","638.11328","y2","583.62891","gradientUnits","userSpaceOnUse","gradientTransform","matrix(0.00723393,1.2388183,-1.0538241,0.00615367,1111.2051,-179.73465)"],[0,"xlink","href","#linearGradient16","id","linearGradient17","x1","-502.04896","y1","439.35551","x2","-316","y2","439.35551","gradientUnits","userSpaceOnUse","gradientTransform","translate(0,49.000266)"],[0,"xlink","href","#linearGradient18","id","linearGradient19","x1","495.83999","y1","439.35551","x2","681.88895","y2","439.35551","gradientUnits","userSpaceOnUse","gradientTransform","translate(0,49.000266)"],["id","layerBackground",2,"display","inline"],["id","boat",2,"display","inline"],["id","portSide","d","M 498.75049,208.89453 A 267.09439,554.67401 0 0 1 678.45974,767.81661",2,"fill","none","fill-opacity","1","stroke","url(#linearGradient19)","stroke-width","5.821","stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","starboardSide","d","m -499.13846,208.89453 a 267.09439,554.67401 0 0 1 179.70925,558.92208","transform","scale(-1,1)",2,"fill","none","fill-opacity","1","stroke","url(#linearGradient17)","stroke-width","5.821","stroke-linecap","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","LayerLayline"],["id","PortLayline",1,"laylines",2,"fill","none","stroke-width","5","stroke-dasharray","40, 20","stroke-dashoffset","0","stroke-opacity","0.6"],["id","StbdLayline",1,"laylines",2,"fill","none","stroke-width","5","stroke-dasharray","40, 20","stroke-dashoffset","0","stroke-opacity","0.6"],["id","LayerWindShift"],["id","portSectorShift",1,"wind-sector-port",2,"fill-opacity","0.5","stroke","none"],["id","StbdSectorShift",1,"wind-sector-stbd",2,"fill-opacity","0.5","stroke","none"],["id","layerCompass"],["id","fixedDial"],["id","portStarboardBackground","d","M 499.99997,10.520805 A 489.47916,489.47916 0 0 0 10.520805,499.99997 489.47916,489.47916 0 0 0 499.99997,989.47913 489.47916,489.47916 0 0 0 989.47913,499.99997 489.47916,489.47916 0 0 0 499.99997,10.520805 Z m 0,132.291665 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"fixed-dial-background",2,"display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","port","d","M 93.283801,265.18231 A 469.63541,469.63541 0 0 1 339.37522,58.687079",1,"port",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],["id","starboard","d","M 660.62476,58.687069 A 469.63541,469.63541 0 0 1 906.71619,265.18228",1,"starboard",2,"display","inline","fill","none","stroke-width","39.6875","stroke-linecap","butt","stroke-linejoin","round","stroke-miterlimit","0"],["id","barsAndText",1,"contrast-stroke",2,"display","inline"],["d","m 416.35095,19.837399 2.78142,15.77426","id","path199",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 334.23173,41.658798 5.47834,15.051615","id","path200",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 260.27336,81.806174 12.55151,21.739856","id","path37",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 187.44581,126.00035 10.29591,12.2702","id","path197",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 127.23918,185.95785 12.27019,10.29591","id","path198",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 83.252815,257.66724 21.739865,12.55151","id","path166",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 42.289518,332.39273 15.05162,5.47835","id","path195",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 20.127799,414.42077 15.774251,2.78142","id","path196",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 17.879075,498.47765 H 42.982096","id","path167",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 19.776759,583.71187 15.77426,-2.78142","id","path193",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 41.598167,665.8311 15.051615,-5.47834","id","path194",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 81.668963,739.71246 103.40883,727.16095","id","path168",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 125.93981,812.61701 12.2702,-10.29591","id","path191",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 185.89732,872.82365 10.29591,-12.27019","id","path192",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 257.53004,916.73298 12.55151,-21.73985","id","path169",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 332.33219,957.7732 5.47835,-15.05162","id","path189",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 414.36024,979.93493 2.78142,-15.77425","id","path190",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 498.34046,982.10672 V 957.0037","id","path170",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 583.65133,980.28596 580.86991,964.5117","id","path187",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 665.77057,958.46456 -5.47834,-15.05161","id","path188",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 739.57526,918.31683 727.02375,896.57698","id","path171",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 812.55647,874.12301 802.26056,861.85282","id","path185",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 872.76312,814.16551 860.49293,803.8696","id","path186",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 916.59579,742.45577 894.85593,729.90426","id","path172",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 957.71266,667.73063 -15.05161,-5.47834","id","path183",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 979.8744,585.70259 -15.77425,-2.78142","id","path184",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 981.96954,501.64535 -25.10304,10e-6","id","path173",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 980.22542,416.41149 -15.77425,2.78143","id","path181",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 958.40403,334.29226 -15.05161,5.47834","id","path182",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 918.17964,260.41055 -21.73986,12.55151","id","path174",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 874.06247,187.50636 -12.27018,10.29591","id","path180",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 817.34594,130.05494 -10.40259,12.17987","id","path179",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 742.31857,83.390025 729.76706,105.12988","id","path175",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 667.6701,42.350172 -5.47834,15.051615","id","path178",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","m 585.64206,20.188432 -2.78142,15.77425","id","path176",2,"fill","none","fill-opacity","0","stroke-width","4.18042","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["d","M 501.50816,18.016286 V 43.119307","id","path177",2,"fill","none","fill-opacity","0","stroke-width","15","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0","stroke-dasharray","none"],["id","rotatingDialBackplate","d","M 499.99997,50.208304 A 449.79166,449.79166 0 0 0 50.208304,499.99997 449.79166,449.79166 0 0 0 499.99997,949.79163 449.79166,449.79166 0 0 0 949.79163,499.99997 449.79166,449.79166 0 0 0 499.99997,50.208304 Z m 0,92.604166 a 357.1875,357.1875 0 0 1 357.18749,357.1875 357.1875,357.1875 0 0 1 -357.18749,357.18749 357.1875,357.1875 0 0 1 -357.1875,-357.18749 357.1875,357.1875 0 0 1 357.1875,-357.1875 z",1,"rotating-dial-Backplate",2,"display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],[0,"xml","space","preserve","x","181.91386","y","284.25186","id","text3","transform","rotate(-30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan3","x","181.91386","y","284.25186",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-183.53558","y","283.74811","id","text14","transform","rotate(-60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan14","x","-183.53558","y","283.74811",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-499.70761","y","100.95312","id","text15","transform","rotate(-90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan15","x","-499.70761","y","100.95312",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.66119","y","-216.36243","id","text16","transform","rotate(-120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["x","-681.66119","y","-216.36243","id","tspan25",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-681.06616","y","-581.71271","id","text17","transform","rotate(-150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan17","x","-681.06616","y","-581.71271",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-498.3313","y","-897.40875","id","text18","transform","scale(-1)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan18","x","-498.3313","y","-897.40875",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","-184.41313","y","-1080.8452","id","text19","transform","rotate(150)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan19","x","-184.41313","y","-1080.8452",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","181.57225","y","-1080.8853","id","text20","transform","rotate(120)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan20","x","181.57225","y","-1080.8853",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","501.42661","y","-896.93701","id","text21","transform","rotate(90)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan21","x","501.42661","y","-896.93701",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","682.35815","y","-579.63336","id","text22","transform","rotate(60)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan22","x","682.35815","y","-579.63336",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","681.81525","y","-214.27321","id","text23","transform","rotate(30)",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan23","x","681.81525","y","-214.27321",2,"font-style","normal","font-variant","normal","font-weight","normal","font-stretch","normal","font-size","44.0972px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],[0,"xml","space","preserve","x","500.15503","y","101.96342","id","text24",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","display","inline","stroke","none","stroke-width","0.47625","stroke-linecap","square","stroke-linejoin","round","stroke-miterlimit","0"],["id","tspan24","x","500.15503","y","101.96342",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","52.9167px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke-width","0.47625"],["clip-path","url(#clipPath16)","d","m 416.36313,-1521.3937 c 371.15015,24.6522 731.95257,192.9774 983.98757,467.456 227.2972,244.24389 363.1732,572.3808 369.4045,906.42978 15.9331,499.10271 -269.2071,986.17861 -700.5178,1232.88522 -485.08308,290.4843 -1134.555606,269.7346 -1599.2788,-52.7169 -404.5062,-269.24461 -653.2224,-759.35388 -614.1746,-1245.84043 30.2148,-487.61814 344.18931,-937.89997 780.52695,-1152.15867 176.96718,-89.2092 371.8823084,-142.3103 569.54914,-156.0363","transform","matrix(0.28310615,0,0,0.32000828,411.88452,661.64815)",1,"next-waypoint-bar",2,"display","inline","fill","none","stroke-width","30","stroke-miterlimit","0"],["id","path6341","cx","500","cy","175.00002","rx","17.361122","ry","17.361118",1,"next-waypoint",2,"display","inline","fill","none","stroke-width","15.2778","stroke-dasharray","none"],["id","setArrow","d","m 563.93337,480.60403 -64.4901,-94.9673 -63.37665,95.71396 58.48691,-30.71299 0.77713,133.08346 c 0.0992,16.99331 2.52916,30.65913 5.44822,30.64209 2.91911,-0.0171 5.18926,-13.71032 5.09001,-30.70362 l -0.77782,-133.20444 z",2,"fill","url(#linearGradient14)","stroke","none","stroke-width","1.18648"],["id","layerCounter"],["id","twsCounter"],[0,"xml","space","preserve","x","904.27722","y","150.88913","id","text43",1,"true-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","903.84814","y","114.73512","id","text42",1,"true-wind",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","905.25897","y","52.894646","id","text41",1,"true-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],["id","awsCounter"],[0,"xml","space","preserve","x","94.554222","y","150.88913","id","text39",1,"app-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","94.580925","y","114.63747","id","text40",1,"app-wind",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],[0,"xml","space","preserve","x","95.967644","y","52.894646","id","text39-7",1,"app-wind-label",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","34.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","14.5521","stroke-miterlimit","0"],["id","layerCurrent"],["id","text11",0,"xml","space","preserve","x","499.78842","y","523.55145",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-stretch","normal","font-size","66.6667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none"],["id","layerIndicators",2,"display","inline"],["d","m 506.20767,172.99458 a 6.3888631,8.8250643 0 0 1 -6.38888,8.82508 6.3888631,8.8250643 0 0 1 -6.38888,-8.82508 6.3888631,8.8250643 0 0 1 6.38888,-8.82509 6.3888631,8.8250643 0 0 1 6.38888,8.82509 z M 476.25472,30.811298 493.47058,13.265068 c 3.6173,-3.6867571 9.44162,-3.6867571 13.05892,0 l 17.21586,17.546106 c 3.6173,3.686743 3.6173,9.622786 0,13.309544 l -17.21595,17.54623 c -3.61721,3.686757 -9.44153,3.686757 -13.05893,0 L 476.25472,44.120841 c -3.6174,-3.686743 -3.6174,-9.622924 0,-13.309543 z m 17.20533,-16.510116 h 12.77766 V 173.26408 h -12.77766 z",1,"course-over-ground",2,"stroke-width","14.7329","stroke-linecap","square"],["d","m 451.77021,55.078207 42.08541,-33.202814 a 12.555638,12.555638 0.26446337 0 1 15.64423,0.07221 l 42.20046,33.930296 a 15.557694,15.557694 71.53185 0 1 5.32954,15.957795 L 504.17034,279.76529 a 2.5373267,2.5373267 0.02614114 0 1 -4.91879,-0.002 L 446.37431,70.966036 a 15.416336,15.416336 108.75875 0 1 5.3959,-15.887829 z","transform","matrix(0.7935953,0,0,0.92686935,101.84848,11.000842)",1,"app-wind",2,"display","inline","stroke-width","5.8876","stroke-miterlimit","0"],[0,"xml","space","preserve","x","500","y","110",1,"card-color",2,"font-weight","bold","font-size","70px","font-family","Roboto","text-align","center","text-anchor","middle","display","inline","stroke","none"],["d","m 451.77021,55.078207 42.08541,-33.202814 a 12.555638,12.555638 0.26446337 0 1 15.64423,0.07221 l 42.20046,33.930296 a 15.557694,15.557694 71.53185 0 1 5.32954,15.957795 L 504.17034,279.76529 a 2.5373267,2.5373267 0.02614114 0 1 -4.91879,-0.002 L 446.37431,70.966036 a 15.416336,15.416336 108.75875 0 1 5.3959,-15.887829 z","transform","matrix(0.60410307,0,0,0.70555435,196.91787,21.152867)",1,"true-wind",2,"display","inline","stroke","none","stroke-width","5.8876","stroke-miterlimit","0"],[0,"xml","space","preserve","x","500","y","110","id","text10",1,"card-color",2,"font-weight","bold","font-size","60px","font-family","Roboto","text-align","center","text-anchor","middle","display","inline","stroke","none"],["id","layerHeading",2,"display","inline"],["id","rect1","width","256.47919","height","108.5428","x","371.76041","y","10.805443","rx","23.757372",1,"heading-background",2,"stroke-width","4.43107","stroke-linejoin","bevel","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","0.509946"],["x","511.29395","y","102.86786",1,"contrast-text",2,"font-style","normal","font-variant","normal","font-weight","bold","font-stretch","normal","font-size","106.667px","font-family","Roboto","font-variant-ligatures","normal","font-variant-caps","normal","font-variant-numeric","normal","font-variant-east-asian","normal","text-align","center","text-anchor","middle","stroke","none","stroke-width","5","stroke-linejoin","bevel","stroke-miterlimit","0","stroke-dasharray","none","stroke-opacity","1"]],template:function(t,i){t&1&&(Z(),D(0,"svg",6)(1,"defs",7)(2,"linearGradient",8),Q(3,"stop",9)(4,"stop",10),W(),D(5,"linearGradient",11),Q(6,"stop",9)(7,"stop",10),W(),D(8,"linearGradient",12),Q(9,"stop",13)(10,"stop",14),W(),D(11,"linearGradient",15),Q(12,"stop",16),W(),D(13,"clipPath",17),Q(14,"ellipse",18),W(),Q(15,"linearGradient",19)(16,"linearGradient",20)(17,"linearGradient",21),W(),D(18,"g",22)(19,"g",23),Q(20,"path",24)(21,"path",25),W()(),D(22,"g",26),Q(23,"path",27)(24,"path",28),W(),D(25,"g",29),Q(26,"path",30)(27,"path",31),W(),D(28,"g",32)(29,"g",33),Q(30,"path",34)(31,"path",35)(32,"path",36),W(),D(33,"g",null,0)(35,"g",37),Q(36,"path",38)(37,"path",39)(38,"path",40)(39,"path",41)(40,"path",42)(41,"path",43)(42,"path",44)(43,"path",45)(44,"path",46)(45,"path",47)(46,"path",48)(47,"path",49)(48,"path",50)(49,"path",51)(50,"path",52)(51,"path",53)(52,"path",54)(53,"path",55)(54,"path",56)(55,"path",57)(56,"path",58)(57,"path",59)(58,"path",60)(59,"path",61)(60,"path",62)(61,"path",63)(62,"path",64)(63,"path",65)(64,"path",66)(65,"path",67)(66,"path",68)(67,"path",69)(68,"path",70)(69,"path",71)(70,"path",72)(71,"path",73)(72,"path",74),D(73,"text",75)(74,"tspan",76),b(75,"330"),W()(),D(76,"text",77)(77,"tspan",78),b(78,"300"),W()(),D(79,"text",79)(80,"tspan",80),b(81,"W"),W()(),D(82,"text",81)(83,"tspan",82),b(84,"240"),W()(),D(85,"text",83)(86,"tspan",84),b(87,"210"),W()(),D(88,"text",85)(89,"tspan",86),b(90,"S"),W()(),D(91,"text",87)(92,"tspan",88),b(93,"150"),W()(),D(94,"text",89)(95,"tspan",90),b(96,"120"),W()(),D(97,"text",91)(98,"tspan",92),b(99,"E"),W()(),D(100,"text",93)(101,"tspan",94),b(102,"60"),W()(),D(103,"text",95)(104,"tspan",96),b(105,"30"),W()(),D(106,"text",97)(107,"tspan",98),b(108,"N"),W()()(),D(109,"g",null,1),Q(111,"path",99)(112,"ellipse",100),W(),D(113,"g",null,2),Q(115,"path",101),W()()(),D(116,"g",102)(117,"g",103)(118,"text",104),b(119),W(),D(120,"text",105),b(121),W(),D(122,"text",106),b(123,"TWS"),W()(),D(124,"g",107)(125,"text",108),b(126),W(),D(127,"text",109),b(128),W(),D(129,"text",110),b(130,"AWS"),W()()(),D(131,"g",111)(132,"text",112),b(133),W()(),D(134,"g",113)(135,"g",null,3),Q(137,"path",114),W(),D(138,"g",null,4),Q(140,"path",115),D(141,"text",116),b(142,"A"),W()(),D(143,"g",null,5),Q(145,"path",117),D(146,"text",118),b(147,"T"),W(),b(148,` attributeName="transform" type="rotate" [attr.from]="trueWind.oldDegreeIndicator+' 500 500'" [attr.to]="trueWind.newDegreeIndicator+' 500 500'" begin="indefinite" dur="0.5s" keySplines="0.25 0.1 0.25 1" keyTimes="0;1" calcMode="spline" additive="replace" fill="freeze" /> `),W()(),D(149,"g",119),Q(150,"rect",120),D(151,"text",121)(152,"tspan"),b(153),D(154,"tspan"),b(155,"\xB0"),W()()()()()),t&2&&(C(22),ye("display",i.closeHauledLineEnabled()?"inline":"none"),C(),ye("display",i.trueWindAngle()!=null?"inline":"none"),ee("d",i.closeHauledLineStbdPath),C(),ye("display",i.trueWindAngle()!=null?"inline":"none"),ee("d",i.closeHauledLinePortPath),C(),ye("display",i.windSectorEnabled()?"inline":"none"),C(),ye("display",i.portWindSectorPath!="none"?"inline":"none"),ee("d",i.portWindSectorPath),C(),ye("display",i.portWindSectorPath!="none"?"inline":"none"),ee("d",i.stbdWindSectorPath),C(82),ee("display",i.waypointActive()?"inline":"none"),C(4),ye("display",i.driftEnabled()?"inline":"none"),C(4),ye("display",i.twsEnabled()?"inline":"none"),C(2),Fe(i.trueWindSpeedUnit()),C(2),Fe(i.trueWindSpeedDisplay()),C(3),ye("display",i.awsEnabled()?"inline":"none"),C(2),Fe(i.appWindSpeedUnit()),C(2),Fe(i.appWindSpeedDisplay()),C(3),ye("display",i.driftEnabled()?"inline":"none"),C(2),Fe(i.flow()),C(2),ee("display",i.courseOverGroundEnabled()?"inline":"none"),C(18),Fe(i.headingValue))},styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}svg[_ngcontent-%COMP%]{position:absolute;height:100%;width:100%;left:0;top:0}.fixed-dial-background[_ngcontent-%COMP%]{fill:var(--kip-grey-color)}.rotating-dial-Backplate[_ngcontent-%COMP%]{fill:var(--mat-sys-background)}.starboard[_ngcontent-%COMP%]{stroke:var(--kip-starboard-color)}.port[_ngcontent-%COMP%]{stroke:var(--kip-port-color)}.heading-background[_ngcontent-%COMP%]{stroke:var(--kip-grey-color);fill:var(--kip-widget-card-background-color)}.boat[_ngcontent-%COMP%]{stop-color:var(--kip-grey-color)!important}.contrast-text[_ngcontent-%COMP%]{fill:var(--kip-contrast-color)}.contrast-stroke[_ngcontent-%COMP%]{stroke:var(--kip-contrast-color)}.card-color[_ngcontent-%COMP%]{fill:var(--kip-widget-card-background-color)}.true-wind[_ngcontent-%COMP%]{fill:var(--kip-yellow-color)}.true-wind-label[_ngcontent-%COMP%]{fill:var(--kip-yellow-dim-color)}.app-wind[_ngcontent-%COMP%]{fill:var(--kip-orange-color)}.app-wind-label[_ngcontent-%COMP%]{fill:var(--kip-orange-dim-color)}.course-over-ground[_ngcontent-%COMP%]{fill:var(--kip-pink-color)}.next-waypoint[_ngcontent-%COMP%]{stroke:var(--kip-green-color)}.next-waypoint-bar[_ngcontent-%COMP%]{stroke:var(--kip-grey-color)}.laylines[_ngcontent-%COMP%]{stroke:var(--kip-contrast-color)}.wind-sector-port[_ngcontent-%COMP%]{fill:var(--kip-port-color)}.wind-sector-stbd[_ngcontent-%COMP%]{fill:var(--kip-starboard-color)}.drift-arrow[_ngcontent-%COMP%]{stop-color:var(--kip-blue-color)}"]})}return a})();var gh=(()=>{class a extends Se{zones=E(Ze);currentHeading=0;courseOverGroundAngle=0;appWindAngle=0;appWindSpeed=0;appWindSpeedUnit="";trueWindAngle=0;trueWindSpeed=0;trueWindSpeedUnit="";driftFlow=0;driftSet=0;waypointAngle=0;historicalWindDirection=[];trueWindMinHistoric;trueWindMidHistoric;trueWindMaxHistoric;windSectorObservableSub=null;constructor(){super(),this.defaultConfig={filterSelfPaths:!0,paths:{headingPath:{description:"True Heading",path:"self.navigation.headingTrue",source:"default",pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:500},appWindAngle:{description:"Apparent Wind Angle",path:"self.environment.wind.angleApparent",source:"default",pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:500},appWindSpeed:{description:"Apparent Wind Speed",path:"self.environment.wind.speedApparent",source:"default",pathType:"number",isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:500},trueWindAngle:{description:"True Wind Angle",path:"self.environment.wind.angleTrueWater",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:500},trueWindSpeed:{description:"True Wind Speed",path:"self.environment.wind.speedTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:500},courseOverGround:{description:"True Course Over Ground",path:"self.navigation.courseOverGroundTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",showConvertUnitTo:!1,convertUnitTo:"deg",sampleTime:500},nextWaypointBearing:{description:"Next Waypoint True Bearing",path:"self.navigation.courseGreatCircle.nextPoint.bearingTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:500},set:{description:"True Drift Set",path:"self.environment.current.setTrue",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",showConvertUnitTo:!1,sampleTime:500},drift:{description:"Drift Speed Impact",path:"self.environment.current.drift",source:"default",pathType:"number",isPathConfigurable:!0,pathRequired:!1,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"m/s",convertUnitTo:"knots",sampleTime:500}},windSectorEnable:!0,windSectorWindowSeconds:5,laylineEnable:!0,laylineAngle:40,waypointEnable:!0,courseOverGroundEnable:!0,driftEnable:!0,awsEnable:!0,twsEnable:!0,sailSetupEnable:!1,enableTimeout:!1,dataTimeout:5}}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.stopWindSectors(),this.appWindSpeedUnit=this.widgetProperties.config.paths.trueWindSpeed.convertUnitTo,this.trueWindSpeedUnit=this.widgetProperties.config.paths.appWindSpeed.convertUnitTo,this.observeDataStream("headingPath",e=>{e.data.value==null&&(e.data.value=0),this.currentHeading=e.data.value}),this.observeDataStream("courseOverGround",e=>{e.data.value==null&&(e.data.value=0),this.courseOverGroundAngle=e.data.value}),this.observeDataStream("drift",e=>{e.data.value==null&&(e.data.value=0),this.driftFlow=e.data.value}),this.observeDataStream("set",e=>{e.data.value==null&&(e.data.value=0),this.driftSet=e.data.value}),this.observeDataStream("nextWaypointBearing",e=>{e.data.value<0?this.waypointAngle=360+e.data.value:this.waypointAngle=e.data.value}),this.observeDataStream("appWindAngle",e=>{if(e.data.value==null&&(e.data.value=0),e.data.value<0?this.appWindAngle=360+e.data.value:this.appWindAngle=e.data.value,this.widgetProperties.config.windSectorEnable){let t=this.addHeading(this.currentHeading,e.data.value);this.addHistoricalWindDirection(t)}}),this.observeDataStream("appWindSpeed",e=>{e.data.value==null&&(e.data.value=0),this.appWindSpeed=e.data.value}),this.observeDataStream("trueWindSpeed",e=>{e.data.value==null&&(e.data.value=0),this.trueWindSpeed=e.data.value}),this.observeDataStream("trueWindAngle",e=>{e.data.value==null&&(e.data.value=0);let t=this.widgetProperties.config.paths.trueWindAngle.path;t.includes("angleTrueWater")||t.includes("angleTrueGround")?this.trueWindAngle=this.addHeading(this.currentHeading,e.data.value):this.trueWindAngle=e.data.value}),this.startWindSectors()}updateConfig(e){this.widgetProperties.config=e,this.startWidget()}ngOnDestroy(){this.destroyDataStreams(),this.stopWindSectors()}startWindSectors(){this.zones.runOutsideAngular(()=>{this.windSectorObservableSub=Ra(500).subscribe(()=>{this.historicalCleanup()})})}addHistoricalWindDirection(e){this.historicalWindDirection.push({timestamp:Date.now(),windDirection:e});let t=this.arcForAngles(this.historicalWindDirection.map(i=>i.windDirection));this.trueWindMinHistoric=t.min,this.trueWindMaxHistoric=t.max,this.trueWindMidHistoric=t.mid}arcForAngles(e){return!e||e.length===0?{min:0,max:0,mid:0}:e.slice(1).reduce((i,o)=>{let r=o;for(;r<i.min-180;)r+=360;for(;r>i.max+180;)r-=360;return i.min=Math.min(i.min,r),i.max=Math.max(i.max,r),i.mid=(i.max-i.min)/2+i.min,i},{min:e[0],max:e[0],mid:e[0]})}historicalCleanup(){let e=Date.now()-this.widgetProperties.config.windSectorWindowSeconds*1e3;this.historicalWindDirection=this.historicalWindDirection.filter(t=>t.timestamp>=e)}stopWindSectors(){this.windSectorObservableSub?.unsubscribe()}addHeading(e,t){let i=(e+t)%360;return i<0&&(i+=360),i}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-racesteer"]],features:[de],decls:2,vars:25,consts:[[3,"configChange","config","id"],[3,"compassHeading","courseOverGroundAngle","courseOverGroundEnabled","trueWindAngle","twsEnabled","trueWindSpeed","trueWindSpeedUnit","appWindAngle","awsEnabled","appWindSpeed","appWindSpeedUnit","laylineAngle","closeHauledLineEnabled","windSectorEnabled","driftEnabled","driftFlow","driftSet","waypointAngle","waypointEnabled","trueWindMinHistoric","trueWindMidHistoric","trueWindMaxHistoric","sailSetupEnabled"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),U(1,"svg-racesteer",1),w()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),F("compassHeading",i.currentHeading)("courseOverGroundAngle",i.courseOverGroundAngle)("courseOverGroundEnabled",i.widgetProperties.config.courseOverGroundEnable)("trueWindAngle",i.trueWindAngle)("twsEnabled",i.widgetProperties.config.twsEnable)("trueWindSpeed",i.trueWindSpeed)("trueWindSpeedUnit",i.trueWindSpeedUnit)("appWindAngle",i.appWindAngle)("awsEnabled",i.widgetProperties.config.awsEnable)("appWindSpeed",i.appWindSpeed)("appWindSpeedUnit",i.appWindSpeedUnit)("laylineAngle",i.widgetProperties.config.laylineAngle)("closeHauledLineEnabled",i.widgetProperties.config.laylineEnable)("windSectorEnabled",i.widgetProperties.config.windSectorEnable)("driftEnabled",i.widgetProperties.config.driftEnable)("driftFlow",i.driftFlow)("driftSet",i.driftSet)("waypointAngle",i.waypointAngle)("waypointEnabled",i.widgetProperties.config.waypointEnable)("trueWindMinHistoric",i.trueWindMinHistoric)("trueWindMidHistoric",i.trueWindMidHistoric)("trueWindMaxHistoric",i.trueWindMaxHistoric)("sailSetupEnabled",i.defaultConfig.sailSetupEnable))},dependencies:[ph,Ce],encapsulation:2})}return a})();var Xg=["widgetDataChart"];Ct.register(On,Pn,En,Dn,Mn,An,ro,so);var fh=(()=>{class a extends Se{ngZone=E(Ze);_dataset=E(Rt);canvasService=E(it);widgetDataChart=ie("widgetDataChart",{read:Xe});lineChartData={datasets:[]};lineChartOptions={parsing:!1,datasets:{line:{pointRadius:0,pointHoverRadius:0,tension:.3}},animations:{tension:{easing:"easeInOutCubic"}}};lineChartType="line";chart;_dsDirectionSub=null;_dsSpeedSub=null;datasetConfig=null;dataSourceInfo=null;xCenter=null;xStep=null;xCenterSpeed=null;xStepSpeed=null;CENTER_LINE_WIDTH=4;GRID_LINE_WIDTH=1;EDGE_EXTEND_UP_PX=42;EDGE_SPEED_LABEL_OFFSET=5;EDGE_DIR_LABEL_OFFSET=5;TICK_LABEL_FONT_SIZE=20;CENTER_LABEL_FONT_SIZE=22;SPEED_VALUE_FONT_SIZE=62;TOP_VALUE_Y_OFFSET=62;TOP_UNIT_Y_OFFSET=51;UNIT_FONT_SIZE=28;UNIT_PADDING=8;nearlyEqual(e,t,i=1e-6){if(!Number.isFinite(e)||!Number.isFinite(t))return!1;let o=Math.max(1,Math.max(Math.abs(e),Math.abs(t)));return Math.abs(e-t)<=i*o}resolveTickColor(e,t,i){let r=t.options.ticks?.color;return typeof r=="function"?r({chart:e,scale:t,tick:{value:i}})??Ct.defaults.color:typeof r=="string"?r:Ct.defaults.color}axisTopLabelY(e){return e.options?.position==="top"?e.top+4:e.bottom+2}gridBackgroundPlugin={id:"xSpeedGridBackground",beforeDraw:e=>{let t=e.chartArea;if(!t)return;let i=e.ctx,o=this.theme();i.save(),i.globalCompositeOperation="destination-over",i.fillStyle=o.background,i.fillRect(t.left,t.top,t.width/2,t.height),i.restore()}};centerTickPlugin={id:"centerTickStyle",afterDraw:e=>{let t=e.ctx,i=e.chartArea,o=this.theme(),r=this.getThemeColors(),l=Ct.defaults.font,d=e.scales,p=e.options?.scales,s=e.data?.datasets?.[0]?.data,c=e.data?.datasets?.[5]?.data,m=(s?.length??0)>=2&&(c?.length??0)>=2,v=(me,J)=>{let xe=d?.[me],Le=p;if(!xe)return;let dt=xe,qe=Le?.[me]?.min??dt.min,Ye=Le?.[me]?.max??dt.max;if(typeof qe!="number"||typeof Ye!="number"||!isFinite(qe)||!isFinite(Ye))return;let ct=(qe+Ye)/2,ai=xe.getPixelForValue(ct);t.save(),t.strokeStyle=o.contrastDim,t.lineWidth=this.CENTER_LINE_WIDTH,t.beginPath(),t.moveTo(ai,i.top),t.lineTo(ai,i.bottom),t.stroke(),t.restore(),t.save(),t.fillStyle=o.contrastDim,t.font=`bold ${this.CENTER_LABEL_FONT_SIZE}px ${l.family}`,t.textAlign="center",t.textBaseline="top";let ae=this.axisTopLabelY(xe);t.fillText(J(ct),ai,ae),t.restore()};v("x",me=>`${((me%360+360)%360).toFixed(0)}\xB0`),v("xSpeed",me=>`${me.toFixed(1)}`);let y=d?.xSpeed;if(y){let me=p,J=y,xe=me?.xSpeed?.max??J.max;if(typeof xe=="number"&&isFinite(xe)){let Le=y.getPixelForValue(xe);t.save(),t.fillStyle=this.resolveTickColor(e,y,xe),t.font=`normal ${this.TICK_LABEL_FONT_SIZE}px ${l.family}`,t.textAlign="right",t.textBaseline="top";let dt=this.axisTopLabelY(y),qe=this.xStepSpeed??1,Ye=Math.max(0,Math.min(3,Math.ceil(-Math.log10(qe))));t.fillText(`${xe.toFixed(Ye)}`,Le-this.EDGE_SPEED_LABEL_OFFSET,dt),t.restore(),t.save(),t.strokeStyle=o.contrastDim,t.lineWidth=this.GRID_LINE_WIDTH,t.beginPath();let ct=Math.round(Le)+.5;t.moveTo(ct,i.bottom),t.lineTo(ct,i.top-this.EDGE_EXTEND_UP_PX),t.stroke(),t.restore()}}let S=d?.x;if(S){let me=p,J=S,xe=me?.x?.min??J.min;if(typeof xe=="number"&&isFinite(xe)){let Le=S.getPixelForValue(xe);t.save(),t.fillStyle=this.resolveTickColor(e,S,xe),t.font=`normal ${this.TICK_LABEL_FONT_SIZE}px ${l.family}`,t.textAlign="left",t.textBaseline="top";let dt=this.axisTopLabelY(S),qe=this.normalizeAngle(xe);t.fillText(`${qe.toFixed(0)}\xB0`,Le+this.EDGE_DIR_LABEL_OFFSET,dt),t.restore()}}let x=e.data?.datasets,V=x?.[5]?.data,z=V?.length?V.length-1:-1,X=z>=0?V[z]?.x:void 0;if(typeof X=="number"&&isFinite(X)){t.save(),t.fillStyle=r.chartValue,t.font=`bold ${this.SPEED_VALUE_FONT_SIZE}px ${l.family}`,t.textAlign="center",t.textBaseline="middle";let me=`${X.toFixed(1)}`,J=i.left+i.width/4,xe=i.top-this.TOP_VALUE_Y_OFFSET;t.fillText(me,J,xe);let Le=t.measureText(me),dt=J+Le.width/2+this.UNIT_PADDING,qe=i.top-this.TOP_UNIT_Y_OFFSET;t.font=`bold ${this.UNIT_FONT_SIZE}px ${l.family}`,t.textAlign="left",t.fillText("kts",dt,qe),t.restore()}let se=x?.[0]?.data,_e=se?.length?se.length-1:-1,De=_e>=0?se[_e]?.x:void 0;if(typeof De=="number"&&isFinite(De)){let me=this.normalizeAngle(De);t.save(),t.fillStyle=r.chartValue,t.font=`bold ${this.SPEED_VALUE_FONT_SIZE}px ${l.family}`,t.textAlign="center",t.textBaseline="middle",t.fillText(`${me.toFixed(0)}\xB0`,i.left+3*i.width/4,i.top-this.TOP_VALUE_Y_OFFSET),t.restore()}if(!m){let me=Math.min(i.width*.7,420),J=90,xe=i.left+(i.width-me)/2,Le=i.top+(i.height-J)/2;t.save(),t.globalAlpha=.82,t.fillStyle=o.background,t.fillRect(xe,Le,me,J),t.restore(),t.save(),t.strokeStyle=o.contrastDim,t.lineWidth=2,t.strokeRect(xe,Le,me,J),t.restore(),t.save(),t.fillStyle=this.getThemeColors().chartLabel,t.textAlign="center",t.textBaseline="middle",t.font=`bold 18px ${l.family}`,t.fillText("Data acquisition...",xe+me/2,Le+J/2),t.restore()}}};constructor(){super(),this.defaultConfig={filterSelfPaths:!0,color:"contrast",timeScale:"Last 30 Minutes"},oe(()=>{this.theme()&&this.datasetConfig&&(this.setChartOptions(),this.setDatasetsColors())})}ngOnInit(){this.validateConfig(),this.createServiceDataset()}ngAfterViewInit(){this.startWidget()}startWidget(){this.datasetConfig=this._dataset.getDatasetConfig(`${this.widgetProperties.uuid}-twd`),this.dataSourceInfo=this._dataset.getDataSourceInfo(`${this.widgetProperties.uuid}-twd`),this.datasetConfig&&(this.createDatasets(),this.setChartOptions(),this.chart?this.ngZone.runOutsideAngular(()=>{this.chart?.update("quiet")}):(this.chart=new Ct(this.widgetDataChart().nativeElement.getContext("2d"),{type:this.lineChartType,data:this.lineChartData,options:this.lineChartOptions,plugins:[this.gridBackgroundPlugin,this.centerTickPlugin]}),this.ngZone.runOutsideAngular(()=>{this.chart?.update()})),this.startStreaming())}updateConfig(e){this.widgetProperties.config=e,this._dataset.list().filter(t=>t.uuid===`${this.widgetProperties.uuid}-twd`).length>0&&this._dataset.remove(`${this.widgetProperties.uuid}-twd`),this._dataset.list().filter(t=>t.uuid===`${this.widgetProperties.uuid}-tws`).length>0&&this._dataset.remove(`${this.widgetProperties.uuid}-tws`),this.createServiceDataset(),this.startWidget()}createServiceDataset(){if(this.widgetProperties.config.timeScale==="")return;let e="self.environment.wind.directionTrue",t="self.environment.wind.speedTrue",i="default";this._dataset.list().filter(o=>o.uuid===`${this.widgetProperties.uuid}-twd`).length===0&&this._dataset.create(e,i,this.widgetProperties.config.timeScale,30,`windtrends-${this.widgetProperties.uuid}`,!0,!1,`${this.widgetProperties.uuid}-twd`),this._dataset.list().filter(o=>o.uuid===`${this.widgetProperties.uuid}-tws`).length===0&&this._dataset.create(t,i,this.widgetProperties.config.timeScale,30,`speedtrends-${this.widgetProperties.uuid}`,!0,!1,`${this.widgetProperties.uuid}-tws`)}setChartOptions(){this.lineChartOptions.maintainAspectRatio=!1,this.lineChartOptions.animation=!1,this.lineChartOptions.indexAxis="y";let e=0,t=360,i=(t-e)/4,o=0,r=20,l=(r-o)/4;this.lineChartOptions.scales={y:{type:"linear",display:!0,position:"right",reverse:!0,title:{display:!0,text:`${this.datasetConfig.timeScaleFormat}`,align:"center"},ticks:{count:6,autoSkip:!1,includeBounds:!0,align:"inner",major:{enabled:!0},font:{size:16},callback:d=>{let p=Number(d),s=this.datasetConfig?.timeScaleFormat,c=this.getWindowMs(s);return s==="Last 5 Minutes"?`${Math.round(p/6e4)}'`:c>=10*6e4?`${Math.round(p/6e4)}'`:`${Math.round(p/1e3)}"`}},grid:{display:!0,color:this.theme().contrastDimmer}},x:{type:"linear",position:"top",stack:"trends",beginAtZero:!1,bounds:"ticks",min:e,max:t,title:{display:!1},ticks:{count:5,align:"inner",autoSkip:!1,includeBounds:!0,stepSize:i,minRotation:0,maxRotation:0,callback:d=>{let p=this.xCenter??Number.NaN;if(this.nearlyEqual(d,p))return"";let c=this.chart?.options?.scales?.x?.min;return typeof c=="number"&&this.nearlyEqual(d,c)?"":`${((d%360+360)%360).toFixed(0)}\xB0`},font:d=>{let p=d.tick?.value??Number.NaN,s=this.xCenter??Number.NaN;return{size:20,weight:this.nearlyEqual(p,s)?"bold":"normal"}},color:d=>{let p=d.tick?.value??Number.NaN,s=this.xCenter??Number.NaN;return this.nearlyEqual(p,s)?this.theme().contrast:void 0}},grid:{display:!0,color:d=>{let p=d.tick?.value??Number.NaN,s=d.scale,c=this.chart?.options?.scales,m=s,v=c?.x?.min??m.min;return this.nearlyEqual(p,v)?"rgba(0,0,0,0)":this.theme().contrastDimmer},lineWidth:1}},xSpeed:{type:"linear",position:"top",stack:"trends",beginAtZero:!1,bounds:"ticks",min:o,max:r,title:{display:!1},ticks:{count:5,align:"inner",autoSkip:!1,includeBounds:!0,stepSize:l,minRotation:0,maxRotation:0,callback:d=>{let p=this.xCenterSpeed??Number.NaN;if(this.nearlyEqual(d,p))return"";let c=this.chart?.options?.scales?.xSpeed?.max;if(typeof c=="number"&&this.nearlyEqual(d,c))return"";let m=this.xStepSpeed??Number.NaN,v=Number.isFinite(m)?m:1,y=Math.max(0,Math.min(3,Math.ceil(-Math.log10(v))));return`${d.toFixed(y)}`},font:d=>{let p=d.tick?.value??Number.NaN,s=this.xCenterSpeed??Number.NaN;return{size:20,weight:this.nearlyEqual(p,s)?"bold":"normal"}},color:d=>{let p=d.tick?.value??Number.NaN,s=this.xCenterSpeed??Number.NaN;return this.nearlyEqual(p,s)?this.theme().contrast:void 0}},grid:{display:!0,color:d=>{let p=d.tick?.value??Number.NaN,s=d.scale,c=this.chart?.options?.scales,m=s,v=c?.xSpeed?.max??m.max;return this.nearlyEqual(p,v)?"rgba(0,0,0,0)":this.theme().contrastDimmer},lineWidth:1}}},this.lineChartOptions.plugins={title:{display:!0,align:"end",padding:{top:3,bottom:0},text:"TWD ",font:{size:35,weight:"normal"},color:this.getThemeColors().chartLabel},subtitle:{display:!0,align:"start",padding:{top:-41,bottom:12},text:" TWS",font:{size:35},color:this.getThemeColors().chartLabel},annotation:{},legend:{display:!1}},this.xCenter=(e+t)/2,this.xStep=i,this.xCenterSpeed=(o+r)/2,this.xStepSpeed=l}createDatasets(){this.lineChartData.datasets=[],this.lineChartData.datasets.push({label:"Value",data:[],order:2,parsing:!1,normalized:!0,tension:0,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:1,fill:!1,xAxisID:"x"},{label:"SMA",data:[],order:0,parsing:!1,normalized:!0,tension:.3,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:10,fill:!1,borderColor:e=>{let t=e.chart,{ctx:i}=t;return this.lineGradientForAxis(i,t,"x")},backgroundColor:"red",xAxisID:"x"},{label:"lastAverage",data:[],order:1,parsing:!1,normalized:!0,tension:0,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:0,borderColor:"",fill:!1,hidden:!0,xAxisID:"x"},{label:"lastMinimum",data:[],order:3,parsing:!1,normalized:!0,hidden:!0,xAxisID:"x"},{label:"lastMaximum",data:[],order:4,parsing:!1,normalized:!0,hidden:!0,xAxisID:"x"},{label:"Value Speed",data:[],order:2,parsing:!1,normalized:!0,tension:0,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:1,fill:!1,xAxisID:"xSpeed"},{label:"SMA Speed",data:[],order:0,parsing:!1,normalized:!0,tension:.2,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:3,fill:!1,borderColor:e=>{let t=e.chart,{ctx:i}=t;return this.lineGradientForAxis(i,t,"xSpeed")},xAxisID:"xSpeed"},{label:"lastAverage Speed",data:[],order:1,parsing:!1,normalized:!0,tension:0,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:0,borderColor:"",fill:!1,hidden:!0,xAxisID:"xSpeed"},{label:"lastMinimum Speed",data:[],order:3,parsing:!1,normalized:!0,hidden:!0,xAxisID:"xSpeed"},{label:"lastMaximum Speed",data:[],order:4,parsing:!1,normalized:!0,hidden:!0,xAxisID:"xSpeed"}),this.setDatasetsColors()}startStreaming(){this._dsDirectionSub?.unsubscribe(),this._dsSpeedSub?.unsubscribe();let e=this._dataset.getDatasetBatchThenLiveObservable(`${this.widgetProperties.uuid}-twd`),t=this._dataset.getDatasetBatchThenLiveObservable(`${this.widgetProperties.uuid}-tws`);this._dsDirectionSub=e?.subscribe(i=>{if(Array.isArray(i))this.pushRowsToDatasets(i);else if(this.pushRowsToDatasets([i]),this.chart.data.datasets[0].data.length>this.dataSourceInfo.maxDataPoints)for(let o=0;o<=4;o++)this.chart.data.datasets[o].data.shift();this.updateChartAfterDataChange(),this.ngZone.runOutsideAngular(()=>{this.chart?.update("quiet")})}),this._dsSpeedSub=t?.subscribe(i=>{if(Array.isArray(i))this.pushRowsToSpeedDatasets(i);else if(this.pushRowsToSpeedDatasets([i]),this.chart.data.datasets[5].data.length>this.dataSourceInfo.maxDataPoints)for(let o=5;o<=9;o++)this.chart.data.datasets[o].data.shift();this.updateChartAfterDataChange(),this.ngZone.runOutsideAngular(()=>{this.chart?.update("quiet")})})}unwrapAngles(e){if(e.length===0)return[];let t=[],i=null;for(let o of e){if(o==null){t.push(null);continue}if(i==null){t.push(o),i=o;continue}let r=o-i;r>180&&(r-=360),r<-180&&(r+=360),t.push(t[t.length-1]+r),i=o}return t}pushRowsToDatasets(e){this.pushRowsGeneric(e,0,"deg",!0)}pushRowsToSpeedDatasets(e){this.pushRowsGeneric(e,5,"knots",!1)}getRowValue(e,t){switch(t){case"value":return e.data.value??null;case"sma":return e.data.sma??null;case"ema":return e.data.ema??null;case"dema":return e.data.doubleEma??null;case"avg":return e.data.lastAverage??null;case"min":return e.data.lastMinimum??null;case"max":return e.data.lastMaximum??null;default:return null}}transformRows(e,t,i,o){let r=e.map(d=>{let p=this.getRowValue(d,t);return p==null?null:this.unitsService.convertToUnit(i,p)}),l=o?this.unwrapAngles(r):r;return e.map((d,p)=>({x:l[p],y:d.timestamp,ts:d.timestamp}))}pushRowsGeneric(e,t,i,o){["value","sma","avg","min","max"].forEach((l,d)=>{this.chart.data.datasets[t+d].data.push(...this.transformRows(e,l,i,o))})}normalizeAngle(e){return(e%360+360)%360}angularDiff(e,t){let i=(e-t+540)%360-180;return Math.abs(i)}niceStepFromMantissas(e,t){if(!isFinite(e)||e<=0)return 1;let i=Math.floor(Math.log10(e)),o=e/Math.pow(10,i);return(t.find(l=>o<=l)??t[t.length-1])*Math.pow(10,i)}updateChartAfterDataChange(){let e=this.chart.data.datasets[2]?.data,t=this.chart.data.datasets[1]?.data,i=this.chart.data.datasets[0]?.data,o=!!e?.length,r=!!t?.length,l=!!i?.length,d=o?e[e.length-1].x:r?t[t.length-1].x:l?i[i.length-1].x:void 0;if(typeof d=="number"&&isFinite(d)){let m=this.chart.data.datasets[3]?.data,v=this.chart.data.datasets[4]?.data,y=m?.length?m[m.length-1].x:void 0,S=v?.length?v[v.length-1].x:void 0,x=typeof y=="number"&&isFinite(y)?this.angularDiff(d,y):Number.NaN,V=typeof S=="number"&&isFinite(S)?this.angularDiff(d,S):Number.NaN,z=Number.isFinite(x)||Number.isFinite(V)?Math.max(Number.isFinite(x)?x:0,Number.isFinite(V)?V:0):Number.NaN;if(!Number.isFinite(z)){let xe=o?e:r?t:i,Le=Math.min(30,xe?.length??0);if(Le>1){let qe=xe.slice(xe.length-Le).map(Ye=>Ye.x).filter(Ye=>typeof Ye=="number"&&isFinite(Ye));qe.length&&(z=qe.reduce((Ye,ct)=>Math.max(Ye,this.angularDiff(d,ct)),0))}}z=Math.max(z||0,15);let se=2*z/4,_e=this.niceStepFromMantissas(se,[1,1.5,2,2.5,5,7.5,10]),De=d-2*_e,me=d+2*_e;this.chart.options.scales.x.min=De,this.chart.options.scales.x.max=me;let J=this.chart.options.scales;J.x.ticks=tt(Y({},J.x.ticks??{}),{stepSize:_e}),this.xCenter=d,this.xStep=_e}let p=this.chart.data.datasets[7]?.data;if(p&&p.length){let m=p.length-1,v=p[m]?.x??0,y=this.chart.data.datasets[8].data[m]?.x??v,S=this.chart.data.datasets[9].data[m]?.x??v,x=Math.abs(v-y),V=Math.abs(S-v),z=Math.max(x,V);z=Math.max(z,.5);let se=2*z/4,_e=this.niceStepFromMantissas(se,[1,2,2.5,5,10]),De=v-2*_e,me=v+2*_e,J=this.chart.options.scales;J.xSpeed.min=De,J.xSpeed.max=me,J.xSpeed.ticks=tt(Y({},J.xSpeed.ticks??{}),{stepSize:_e}),this.xCenterSpeed=v,this.xStepSpeed=_e}let s=this.getWindowMs(this.datasetConfig?.timeScaleFormat);if(this.chart.data.datasets[0].data.length>0){let m=Date.now();this.chart.data.datasets.forEach(V=>{V.data.forEach(z=>{let X=z.ts??z.y;z.y=Math.max(0,Math.min(s,m-X))})}),this.chart.options.scales.y.min=0,this.chart.options.scales.y.max=s;let v;switch(this.datasetConfig?.timeScaleFormat){case"Last Minute":v=15e3;break;case"Last 5 Minutes":v=6e4;break;case"Last 30 Minutes":v=5*6e4;break;default:v=s/5;break}let S=this.chart.options.scales,x=Y({},S.y.ticks??{});delete x.count,x.stepSize=v,S.y.ticks=x}}getWindowMs(e){switch(e){case"Last 30 Minutes":return 30*6e4;case"Last 5 Minutes":return 5*6e4;case"Last Minute":return 6e4;default:return 6e4}}lineGradientForAxis(e,t,i){let o=t.chartArea;if(!o)return null;let r=t.scales?.[i];if(!r)return null;let l=t.options?.scales,d=r,p=l?.[i]?.min??d.min,s=l?.[i]?.max??d.max;if(typeof p!="number"||typeof s!="number"||!isFinite(p)||!isFinite(s))return null;let c=(p+s)/2,m=r.getPixelForValue(c),v=Math.max(0,Math.min(1,(m-o.left)/o.width)),y=e.createLinearGradient(o.left,0,o.right,0);return y.addColorStop(0,this.theme().port),y.addColorStop(v,this.theme().port),y.addColorStop(v,this.theme().starboard),y.addColorStop(1,this.theme().starboard),y}setDatasetsColors(){this.lineChartData.datasets.forEach(e=>{e.label==="Value"&&(e.borderColor=this.getThemeColors().valueLine,e.backgroundColor=this.getThemeColors().valueFill),e.label==="Value Speed"&&(e.borderColor=this.getThemeColors().valueLine,e.backgroundColor=this.getThemeColors().valueFill)})}getThemeColors(){let e=this.widgetProperties.config.color,t={valueLine:null,valueFill:null,averageLine:null,averageFill:null,averageChartLine:null,chartLabel:null,chartValue:null};switch(e){case"contrast":t.valueLine=this.theme().contrastDim,t.valueFill=this.theme().contrastDimmer,t.averageLine=this.theme().contrast,t.averageFill=this.theme().contrast,t.chartValue=this.theme().contrast,t.averageChartLine=this.theme().contrast,t.chartLabel=this.theme().contrastDim;break;case"blue":t.valueLine=this.theme().blueDim,t.valueFill=this.theme().blueDimmer,t.averageLine=this.theme().blue,t.averageFill=this.theme().blue,t.chartValue=this.theme().blue,t.averageChartLine=this.theme().blueDim,t.chartLabel=this.theme().blueDim;break;case"green":t.valueLine=this.theme().greenDim,t.valueFill=this.theme().greenDimmer,t.averageLine=this.theme().green,t.averageFill=this.theme().green,t.chartValue=this.theme().green,t.averageChartLine=this.theme().greenDim,t.chartLabel=this.theme().greenDim;break;case"pink":t.valueLine=this.theme().pinkDim,t.valueFill=this.theme().pinkDimmer,t.averageLine=this.theme().pink,t.averageFill=this.theme().pink,t.chartValue=this.theme().pink,t.averageChartLine=this.theme().pinkDim,t.chartLabel=this.theme().pinkDim;break;case"orange":t.valueLine=this.theme().orangeDim,t.valueFill=this.theme().orangeDimmer,t.averageLine=this.theme().orange,t.averageFill=this.theme().orange,t.chartValue=this.theme().orange,t.averageChartLine=this.theme().orangeDim,t.chartLabel=this.theme().orangeDim;break;case"purple":t.valueLine=this.theme().purpleDim,t.valueFill=this.theme().purpleDimmer,t.averageLine=this.theme().purple,t.averageFill=this.theme().purple,t.chartValue=this.theme().purple,t.averageChartLine=this.theme().purpleDim,t.chartLabel=this.theme().purpleDim;break;case"grey":t.valueLine=this.theme().greyDim,t.valueFill=this.theme().greyDimmer,t.averageLine=this.theme().grey,t.averageFill=this.theme().grey,t.chartValue=this.theme().grey,t.averageChartLine=this.theme().greyDim,t.chartLabel=this.theme().greyDim;break;case"yellow":t.valueLine=this.theme().yellowDim,t.valueFill=this.theme().yellowDimmer,t.averageLine=this.theme().yellow,t.averageFill=this.theme().yellow,t.chartValue=this.theme().yellow,t.averageChartLine=this.theme().yellowDim,t.chartLabel=this.theme().yellowDim;break}return t}ngOnDestroy(){this.destroyDataStreams(),this._dsDirectionSub?.unsubscribe(),this._dsSpeedSub?.unsubscribe(),this.chart?.destroy();let e=this.widgetDataChart?.()?.nativeElement;this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-windtrends-chart"]],viewQuery:function(t,i){t&1&&te(i.widgetDataChart,Xg,5,Xe),t&2&&we()},features:[de],decls:3,vars:2,consts:[["widgetDataChart",""],[3,"configChange","config","id"],[2,"z-index","inherit"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",1),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),U(1,"canvas",2,0),w()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid))},dependencies:[Ce],encapsulation:2})}return a})();typeof steelseries>"u"&&(globalThis.steelseries={});var Ro=globalThis.steelseries;Ro.ColorDef=Ro.ColorDef||{RED:"red",GREEN:"green",BLUE:"blue",ORANGE:"orange",YELLOW:"yellow",CYAN:"cyan",MAGENTA:"magenta",WHITE:"white",GRAY:"gray",BLACK:"black",RAITH:"raith",GREEN_LCD:"greenLcd",JUG_GREEN:"jugGreen"};Ro.FrameDesign=Ro.FrameDesign||{BLACK_METAL:"blackMetal",METAL:"metal",SHINY_METAL:"shinyMetal",BRASS:"brass",STEEL:"steel",CHROME:"chrome",GOLD:"gold",ANTHRACITE:"anthracite",TILTED_GRAY:"tiltedGray",TILTED_BLACK:"tiltedBlack",GLOSSY_METAL:"glossyMetal"};var Zg={Red:steelseries.ColorDef.RED,Green:steelseries.ColorDef.GREEN,Blue:steelseries.ColorDef.BLUE,Orange:steelseries.ColorDef.ORANGE,Yellow:steelseries.ColorDef.YELLOW,Cyan:steelseries.ColorDef.CYAN,Magenta:steelseries.ColorDef.MAGENTA,White:steelseries.ColorDef.WHITE,Gray:steelseries.ColorDef.GRAY,Black:steelseries.ColorDef.BLACK,Raith:steelseries.ColorDef.RAITH,"Green LCD":steelseries.ColorDef.GREEN_LCD,"JUG Green":steelseries.ColorDef.JUG_GREEN},Jg={blackMetal:steelseries.FrameDesign.BLACK_METAL,metal:steelseries.FrameDesign.METAL,shinyMetal:steelseries.FrameDesign.SHINY_METAL,brass:steelseries.FrameDesign.BRASS,steel:steelseries.FrameDesign.STEEL,chrome:steelseries.FrameDesign.CHROME,gold:steelseries.FrameDesign.GOLD,anthracite:steelseries.FrameDesign.ANTHRACITE,tiltedGray:steelseries.FrameDesign.TILTED_GRAY,tiltedBlack:steelseries.FrameDesign.TILTED_BLACK,glossyMetal:steelseries.FrameDesign.GLOSSY_METAL},vh=(()=>{class a extends Se{cdr=E(yn);canvasService=E(it);gaugeOptions={};gauge=null;streamsInitialized=!1;lastSizeSignature="";resizeTimer=null;pendingStructuralRebuild=!1;constructor(){super(),this.defaultConfig={filterSelfPaths:!0,paths:{gaugePitchPath:{description:"Attitude Pitch Data",path:"self.navigation.attitude.pitch",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",sampleTime:1e3},gaugeRollPath:{description:"Attitude Roll Data",path:"self.navigation.attitude.roll",source:"default",pathType:"number",pathRequired:!1,isPathConfigurable:!0,showPathSkUnitsFilter:!1,pathSkUnitsFilter:"rad",convertUnitTo:"deg",sampleTime:1e3}},gauge:{type:"horizon",noFrameVisible:!1,faceColor:"anthracite",invertPitch:!1,invertRoll:!1},enableTimeout:!1,dataTimeout:5}}ngOnInit(){this.validateConfig()}ngAfterContentInit(){this.cdr.detectChanges(),this.startWidget();let t=document.getElementById(this.widgetProperties.uuid+"-canvas")?.parentElement;if(t){let i=t.getBoundingClientRect();this.onResized({contentRect:{width:i.width,height:i.height}})}}startWidget(e=!1){this.buildOptions();let t=this.widgetProperties.uuid+"-canvas";t&&(this.gauge&&!e&&!this.pendingStructuralRebuild||(this.pendingStructuralRebuild=!1,this.gauge=new steelseries.Horizon(t,this.gaugeOptions)),this.streamsInitialized||(this.observeDataStream("gaugePitchPath",i=>{let o=i.data.value??0;this.gauge.setPitchAnimated(this.widgetProperties.config.gauge.invertPitch?-o:o)}),this.observeDataStream("gaugeRollPath",i=>{let o=i.data.value??0;this.gauge.setRollAnimated(this.widgetProperties.config.gauge.invertRoll?-o:o)}),this.streamsInitialized=!0))}updateConfig(e){this.widgetProperties.config=e,this.pendingStructuralRebuild=!0,this.startWidget(!0)}buildOptions(){this.gaugeOptions.pointerColor=Zg.Red,this.gaugeOptions.frameVisible=this.widgetProperties.config.gauge.noFrameVisible??!1,this.gaugeOptions.frameDesign=Jg[this.widgetProperties.config.gauge.faceColor??"anthracite"],this.gaugeOptions.foregroundVisible=!1}onResized(e){if(e.contentRect.height<50||e.contentRect.width<50)return;let t=Math.min(e.contentRect.height,e.contentRect.width),i="horizon:"+t;i!==this.lastSizeSignature&&(this.lastSizeSignature=i,this.gaugeOptions.size=t,this.resizeTimer&&window.clearTimeout(this.resizeTimer),this.resizeTimer=window.setTimeout(()=>{this.startWidget(!0),this.resizeTimer=null},120))}ngOnDestroy(){this.destroyDataStreams(),this.gauge&&(this.gauge=null);let e=document.getElementById(this.widgetProperties.uuid+"-canvas");this.canvasService.releaseCanvas(e,{clear:!0,removeFromDom:!0})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-horizon"]],features:[de],decls:4,vars:5,consts:[[3,"configChange","config","id"],[1,"canvas-wrap",3,"onResize"],[2,"z-index","inherit",3,"id"]],template:function(t,i){t&1&&(f(0,"widget-host",0),ve("configChange",function(r){return fe(i.widgetProperties.config,r)||(i.widgetProperties.config=r),r}),R("configChange",function(r){return i.updateConfig(r)}),f(1,"div",1),R("onResize",function(r){return i.onResized(r)}),f(2,"canvas",2),b(3," Browser does not support canvas element. "),w()()()),t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(),sl(i.gaugeOptions.frameVisible===!0?"padding: 10px;":""),C(),F("id",i.widgetProperties.uuid+"-canvas"))},dependencies:[Ce,nt,Nt],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.canvas-wrap[_ngcontent-%COMP%]{position:relative;display:block;width:100%;height:100%;padding:0}.canvas-wrap[_ngcontent-%COMP%] > canvas[_ngcontent-%COMP%]{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}"]})}return a})();var ef=["finePath"],tf=["coarsePath"];function nf(a,n){if(a&1&&(Z(),U(0,"line")),a&2){let e=n.$implicit;ee("x1",e.x1)("y1",e.y1)("x2",e.x2)("y2",e.y2)("stroke-width",e.major?1.5:1)}}function af(a,n){if(a&1&&(Z(),U(0,"line",21)),a&2){let e=n.$implicit;ee("x1",e.x1)("y1",e.y1)("x2",e.x2)("y2",e.y2)("stroke-width",e.major?1.2:.8)}}function of(a,n){if(a&1&&(Z(),f(0,"text"),b(1),w()),a&2){let e=n.$implicit;ee("x",e.x)("y",e.y),C(),et("",e.text,"\xB0")}}function rf(a,n){if(a&1&&(Z(),U(0,"line")),a&2){let e=n.$implicit;ee("x1",e.x1)("y1",e.y1)("x2",e.x2)("y2",e.y2)("stroke-width",e.major?1.5:1)}}function sf(a,n){if(a&1&&(Z(),U(0,"line",21)),a&2){let e=n.$implicit;ee("x1",e.x1)("y1",e.y1)("x2",e.x2)("y2",e.y2)("stroke-width",e.major?1.2:.8)}}function lf(a,n){if(a&1&&(Z(),f(0,"text"),b(1),w()),a&2){let e=n.$implicit;ee("x",e.x)("y",e.y),C(),et("",e.text,"\xB0")}}var yh=(()=>{class a extends Se{ngZone=E(Ze);finePathRef=ie("finePath");coarsePathRef=ie("coarsePath");angleDeg=q(0);absAngle=at(()=>{let e=this.angleDeg();return e==null?null:Math.abs(e)});angleSide=at(()=>{let e=this.angleDeg();if(e==null)return"";let t=e>0?"Stbd":e<0?"Port":"Level";return this.widgetProperties?.config?.gauge.sideLabel?t:""});displayValue=at(()=>{let e=this.absAngle();if(e==null)return"--";let t=this.widgetProperties?.config?.numDecimal??1;return e.toFixed(t)});themeColorValue=q("contrast");ready=q(!1);pointerTransition=at(()=>{let e=this.widgetProperties?.config?.paths?.angle?.sampleTime??1e3;return`transform ${Math.max(100,e*.95)}ms ease-in-out`});fineTicks=q([]);fineInnerTicks=q([]);fineLabels=q([]);coarseTicks=q([]);coarseInnerTicks=q([]);coarseLabels=q([]);makePointerTransform(e){return at(()=>this.computePointerTransform(this.angleDeg(),e))}finePointerTransform=this.makePointerTransform("fine");coarsePointerTransform=this.makePointerTransform("coarse");constructor(){super(),this.defaultConfig={displayName:"Heel",filterSelfPaths:!0,paths:{angle:{description:"Heel / Roll / Other Angle",path:"self.navigation.attitude.roll",source:"default",pathType:"number",isPathConfigurable:!0,convertUnitTo:"deg",sampleTime:1e3,pathRequired:!0}},gauge:{type:"angle",invertAngle:!1,sideLabel:!0},numInt:2,numDecimal:0,color:"contrast",enableTimeout:!1,dataTimeout:5},oe(()=>{let e=this.theme();this.setColors(e)})}ngOnInit(){this.validateConfig(),this.startWidget()}startWidget(){this.unsubscribeDataStream(),this.unsubscribeMetaStream(),this.observeDataStream("angle",e=>{if(!e||!e.data){this.angleDeg.set(null);return}let t=this.widgetProperties.config.gauge.invertAngle?-e.data.value:e.data.value;this.angleDeg.set(t)})}setColors(e){this.themeColorValue.set(he(this.widgetProperties.config.color,e).color)}updateConfig(e){this.widgetProperties.config=e,this.setColors(this.theme()),this.startWidget()}computePointerTransform(e,t){let i=e??0,o=t==="fine"?this.finePathRef()?.nativeElement:this.coarsePathRef()?.nativeElement;if(!o)return t==="fine"?"translate(200px, 20px) rotate(0deg)":"translate(200px, 10px) rotate(0deg)";let r=t==="fine"?{min:-5,max:5}:{min:-40,max:40},l=Math.max(r.min,Math.min(r.max,i)),d=o.getTotalLength(),s=(l-r.min)/(r.max-r.min)*d,c=o.getPointAtLength(s),m=s<10||s>d-10?5:1,v=o.getPointAtLength(Math.max(0,s-m)),y=o.getPointAtLength(Math.min(d,s+m)),S=y.x-v.x,x=y.y-v.y,V=Math.atan2(x,S)*180/Math.PI,z=Math.hypot(S,x)||1,X=-x/z,se=S/z,_e=-10,De=c.x+X*_e,me=c.y+se*_e;return`translate(${De}px, ${me}px) rotate(${V}deg)`}buildScale(e,t,i,o,r){let l=e.getTotalLength(),d=[],p=[],s=[],c=i-t,m=Math.round(c/r),v=Math.round(o/r);for(let y=0;y<=m;y++){let S=t+y*r,x=y/m,V=y===m?l:x*l,z=e.getPointAtLength(V),X=e.getPointAtLength(Math.max(0,V-1)),se=e.getPointAtLength(Math.min(l,V+1)),_e=Math.atan2(se.y-X.y,se.x-X.x)*180/Math.PI,De=y%v===0||Math.abs(S)<1e-9,me=De?8:4,J=De?6:3,xe=this.pointFromAngle(z,_e+90,0),Le=this.pointFromAngle(z,_e+90,me);d.push({x1:xe.x,y1:xe.y,x2:Le.x,y2:Le.y,major:De});let dt=this.pointFromAngle(z,_e-90,0),qe=this.pointFromAngle(z,_e-90,J);if(p.push({x1:dt.x,y1:dt.y,x2:qe.x,y2:qe.y,major:De}),De){let Ye=this.pointFromAngle(z,_e+90,me+8);s.push({x:Ye.x,y:Ye.y,text:`${Math.abs(S)}`,value:S})}}return{ticks:d,innerTicks:p,labels:s}}pointFromAngle(e,t,i){let o=t*Math.PI/180;return{x:e.x+Math.cos(o)*i,y:e.y+Math.sin(o)*i}}ngAfterViewInit(){this.ngZone.runOutsideAngular(()=>{requestAnimationFrame(()=>{let e=this.finePathRef()?.nativeElement,t=this.coarsePathRef()?.nativeElement;if(e){let i=this.buildScale(e,-5,5,1,.5);this.fineTicks.set(i.ticks),this.fineInnerTicks.set(i.innerTicks),this.fineLabels.set(i.labels)}if(t){let i=this.buildScale(t,-40,40,10,5);this.coarseTicks.set(i.ticks),this.coarseInnerTicks.set(i.innerTicks),this.coarseLabels.set(i.labels)}this.angleDeg()==null&&this.angleDeg.set(0),this.ready.set(!0)})})}ngOnDestroy(){this.unsubscribeDataStream(),this.unsubscribeMetaStream()}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["widget-heel-gauge"]],viewQuery:function(t,i){t&1&&(te(i.finePathRef,ef,5),te(i.coarsePathRef,tf,5)),t&2&&we(2)},features:[de],decls:55,vars:20,consts:[["finePath",""],["coarsePath",""],[3,"configChange","config","id"],[1,"container"],["viewBox","0 0 400 105","preserveAspectRatio","xMidYMid meet",1,"flex-element","scale","fine"],["id","fineTubeGradient","x1","0%","y1","0%","x2","0%","y2","100%"],["offset","0%",1,"tube-highlight-color","opacity1"],["offset","45%",1,"tube-highlight-color","opacity2"],["offset","100%",1,"tube-highlight-color","opacity3"],["id","tubeEffect"],["in","SourceAlpha","stdDeviation","1.5","result","blur"],["in","blur","surfaceScale","4","specularConstant",".6","specularExponent","30","lighting-color","currentColor","result","specular"],["x","200","y","-50","z","150"],["x","200","y","150","z","80"],["in","specular","in2","SourceAlpha","operator","in","result","specular"],["in","SourceGraphic","in2","specular","operator","arithmetic","k1","0","k2","1","k3","0.7","k4","0"],["d","M 60,10 A 2400,2400 0 0,0 340,10 A 10,10 0 0,1 340,30 A 2400,2400 0 0,1 60,30 A 10,10 0 0,1 60,10 Z",1,"tube-background"],["d","M 60,11 A 2400,2400 0 0,0 340,11 A 8,8 0 0,1 340,17 A 2400,2400 0 0,1 60,17 A 8,8 0 0,1 60,11 Z",1,"tube-highlight"],["d","M 60,23 A 2400,2400 0 0,0 340,23 A 8,8 0 0,1 340,26 A 2400,2400 0 0,1 60,26 A 8,8 0 0,1 60,23 Z",1,"tube-highlight-secondary"],["d","M 60,30 A 2400,2400 0 0,0 340,30",1,"scale-line"],[1,"tick-marks"],["opacity","0.6"],[1,"scale-values"],["transform","translate(200 20) rotate(0)",1,"pointer"],["rx","6","ry","9"],["x","200","y","93","text-anchor","middle",1,"brand"],["viewBox","0 0 400 115","preserveAspectRatio","xMidYMid meet",1,"flex-element","scale"],["transform","translate(0,15)"],["x","200","y","22","text-anchor","middle",1,"angle"],["dx","-16",1,"side"],["d","M 40,0 A 400,400 0 0,0 360,0 A 10,10 0 0,1 360,20 A 400,400 0 0,1 40,20 A 10,10 0 0,1 40,0 Z",1,"tube-background"],["d","M 40,1 A 400,400 0 0,0 360,1 A 8,8 0 0,1 360,7 A 400,400 0 0,1 40,7 A 8,8 0 0,1 40,1 Z",1,"tube-highlight"],["d","M 40,13 A 400,400 0 0,0 360,13 A 8,8 0 0,1 360,16 A 400,400 0 0,1 40,16 A 8,8 0 0,1 40,13 Z",1,"tube-highlight-secondary"],["d","M 40,20 A 400,400 0 0,0 360,20",1,"scale-line"],["transform","translate(200 10) rotate(0)",1,"pointer"]],template:function(t,i){if(t&1){let o=K();f(0,"widget-host",2),ve("configChange",function(l){return P(o),fe(i.widgetProperties.config,l)||(i.widgetProperties.config=l),O(l)}),R("configChange",function(l){return P(o),O(i.updateConfig(l))}),f(1,"div",3),Z(),f(2,"svg",4)(3,"defs")(4,"linearGradient",5),U(5,"stop",6)(6,"stop",7)(7,"stop",8),w(),f(8,"filter",9),U(9,"feGaussianBlur",10),f(10,"feSpecularLighting",11),U(11,"fePointLight",12)(12,"fePointLight",13),w(),U(13,"feComposite",14)(14,"feComposite",15),w()(),U(15,"path",16)(16,"path",17)(17,"path",18)(18,"path",19,0),f(20,"g",20),mt(21,nf,1,5,":svg:line",null,xt),w(),f(23,"g",20),mt(24,af,1,5,":svg:line",21,xt),w(),f(26,"g",22),mt(27,of,2,3,":svg:text",null,xt),w(),f(29,"g",23),U(30,"ellipse",24),w(),f(31,"text",25),b(32),w()(),f(33,"svg",26)(34,"g",27)(35,"text",28),b(36),f(37,"tspan",29),b(38),w()(),U(39,"path",30)(40,"path",31)(41,"path",32)(42,"path",33,1),f(44,"g",20),mt(45,rf,1,5,":svg:line",null,xt),w(),f(47,"g",20),mt(48,sf,1,5,":svg:line",21,xt),w(),f(50,"g",22),mt(51,lf,2,3,":svg:text",null,xt),w(),f(53,"g",34),U(54,"ellipse",24),w()()()()()}t&2&&(ge("config",i.widgetProperties.config),F("id",i.widgetProperties.uuid),C(21),pt(i.fineTicks()),C(3),pt(i.fineInnerTicks()),C(3),pt(i.fineLabels()),C(2),ye("transition",i.ready()?i.pointerTransition():"none")("transform",i.finePointerTransform()),Jt("ready",i.ready()),C(),ee("fill",i.themeColorValue()),C(2),et(" ",i.widgetProperties.config.displayName," "),C(3),ee("fill",i.themeColorValue()),C(),et(" ",i.displayValue(),"\xB0 "),C(2),Fe(i.angleSide()),C(7),pt(i.coarseTicks()),C(3),pt(i.coarseInnerTicks()),C(3),pt(i.coarseLabels()),C(2),ye("transition",i.ready()?i.pointerTransition():"none")("transform",i.coarsePointerTransform()),Jt("ready",i.ready()),C(),ee("fill",i.themeColorValue()))},dependencies:[Ce],styles:["[_nghost-%COMP%]{display:block;height:100%;width:100%;font-family:Roboto}.container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;height:100%;width:100%;box-sizing:border-box;gap:0px}.brand[_ngcontent-%COMP%]{font-size:25px;font-weight:700;fill:var(--kip-contrast-dim-color)}.angle[_ngcontent-%COMP%]{font-size:50px;font-weight:700}.side[_ngcontent-%COMP%]{font-size:16px}svg.scale[_ngcontent-%COMP%]{width:100%;height:auto}svg.scale[_ngcontent-%COMP%] .tube-background[_ngcontent-%COMP%]{fill:var(--mat-sys-surface-container);filter:url(#tubeEffect)}svg.scale[_ngcontent-%COMP%] .tube-highlight[_ngcontent-%COMP%]{fill:url(#fineTubeGradient);opacity:.15;mix-blend-mode:soft-light;transition:fill .3s ease,opacity .3s ease}svg.scale[_ngcontent-%COMP%] .tube-highlight-secondary[_ngcontent-%COMP%]{fill:url(#fineTubeGradient);opacity:.2;mix-blend-mode:overlay;transition:fill .3s ease,opacity .3s ease}.tube-highlight-color[_ngcontent-%COMP%]{stop-color:var(--kip-contrast-color)}.opacity1[_ngcontent-%COMP%]{stop-opacity:.12}.opacity2[_ngcontent-%COMP%]{stop-opacity:.05}.opacity3[_ngcontent-%COMP%]{stop-opacity:0}svg.scale[_ngcontent-%COMP%] .scale-line[_ngcontent-%COMP%]{stroke:none;fill:none}.tick-marks[_ngcontent-%COMP%]{stroke:var(--kip-contrast-dim-color)}.scale-values[_ngcontent-%COMP%]{fill:var(--kip-contrast-color);text-anchor:middle;dominant-baseline:hanging;font-size:12;font-weight:700}.pointer[_ngcontent-%COMP%] ellipse[_ngcontent-%COMP%]{stroke:#ffffff59;stroke-width:.7;paint-order:stroke fill;filter:drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 1.5px rgba(0,0,0,.55)) drop-shadow(0 -1px 1px rgba(255,255,255,.25));transition:filter .25s,stroke .25s}"]})}return a})();var df=["grid"];function cf(a,n){a&1&&(f(0,"p",8)(1,"strong"),b(2,"Long press/click and hold anywhere"),w(),b(3," to add widgets"),w(),f(4,"mat-icon",9),b(5,"touch_app"),w())}function hf(a,n){if(a&1){let e=K();f(0,"p",8),b(1,"This empty dashboard is ready to be customized."),w(),f(2,"button",10),R("click",function(){P(e);let i=G();return O(i.editDashboard())}),f(3,"mat-icon"),b(4,"lock_open"),w(),b(5," Unlock and Customize "),w(),f(6,"div",11)(7,"button",12),R("click",function(){P(e);let i=G();return O(i.navigateToHelp())}),f(8,"mat-icon"),b(9,"help"),w(),b(10," Get Help "),w()()}}function uf(a,n){if(a&1){let e=K();f(0,"div",6)(1,"button",13),R("click",function(){P(e);let i=G();return O(i.saveLayoutChanges())}),f(2,"mat-icon"),b(3,"done"),w()(),f(4,"button",14),R("click",function(){P(e);let i=G();return O(i.cancelLayoutChanges())}),f(5,"mat-icon"),b(6,"close"),w()()()}}function mf(a,n){if(a&1&&U(0,"dashboard-scroller",7),a&2){let e=G();F("activePage",e.dashboard.activeDashboard())("dashboards",e.dashboard.dashboards())}}var es=(()=>{class a{activatedRoute=E(Ml);_app=E(Ot);_dialog=E(Cn);dashboard=E(ot);_destroyRef=E(li);_uiEvent=E(kn);_dataset=E(Rt);_router=E(mi);isDashboardStatic=St(this.dashboard.isDashboardStatic$);_gridstack=ie.required("grid");_previousIsStaticState=!0;_suppressDrag=!1;gridOptions=q({margin:4,minRow:12,maxRow:12,float:!0,acceptWidgets:!1,resizable:{handles:"all"}});_boundHandleKeyDown=this.handleKeyDown.bind(this);constructor(){Qi.addComponentToSelectorType([fo,Ld,vo,Fd,rh,Qc,Zc,$c,eh,Hc,Yd,zc,nh,ah,ih,th,sh,ch,gh,wo,hh,uh,fh,vh,yh])}ngAfterViewInit(){this.resizeGridColumns(),this._uiEvent.addHotkeyListener(this._boundHandleKeyDown,{ctrlKey:!0,keys:["arrowdown","arrowup"]});try{let e=this._gridstack().grid;e&&typeof e.on=="function"&&(e.on("dragstart",()=>{this._uiEvent.isDragging.set(!0)}),e.on("dragstop",()=>{setTimeout(()=>this._uiEvent.isDragging.set(!1),0)}),e.on("resizestart",()=>{this._uiEvent.isDragging.set(!0)}),e.on("resizestop",()=>{setTimeout(()=>this._uiEvent.isDragging.set(!1),0)}))}catch{}this.dashboard.isDashboardStatic$.pipe(ft(this._destroyRef)).subscribe(e=>{e?(this._gridstack().grid.setStatic(e),e!==this._previousIsStaticState&&(this.saveDashboard(),this._previousIsStaticState=e)):(this._gridstack().grid.setStatic(e),this._previousIsStaticState=e)}),this.dashboard.widgetAction$.pipe(ft(this._destroyRef)).subscribe(e=>{e&&this._gridstack().grid.getGridItems().forEach(t=>{if(t.gridstackNode.id===e.id)switch(e.operation){case"delete":this.deleteWidget(t);break;case"duplicate":this.duplicateWidget(t);break;default:break}})}),this.activatedRoute.params.pipe(ft(this._destroyRef)).subscribe(e=>{let t=e.id,i=null;t!=null&&t!==""&&!isNaN(Number(t))&&(i=Number(t)),this.dashboard.setActiveDashboard(i??this.dashboard.activeDashboard()),this.loadDashboard(this.dashboard.activeDashboard())})}ngOnDestroy(){let e=this._gridstack();e?.grid&&e.grid.destroy(!0),this._uiEvent.removeHotkeyListener(this._boundHandleKeyDown)}handleKeyDown(e,t){e==="arrowdown"?this.previousDashboard(t):e==="arrowup"&&this.nextDashboard(t)}resizeGridColumns(){this._gridstack().grid.cellHeight(window.innerHeight/this._gridstack().grid.getRow())}loadDashboard(e){let t=this.dashboard.dashboards()[e],i=this._gridstack();i?.grid&&setTimeout(()=>{i.grid.batchUpdate(),i.grid.load(t.configuration),i.grid.commit()},0)}saveDashboard(){let e=this._gridstack().grid.save(!1,!1)||null;this.dashboard.updateConfiguration(this.dashboard.activeDashboard(),e)}saveLayoutChanges(){this.dashboard.setStaticDashboard(!0)}cancelLayoutChanges(){this.loadDashboard(this.dashboard.activeDashboard()),this.dashboard.setStaticDashboard(!0)}addNewWidget(e){if(!this.dashboard.isDashboardStatic()&&e.detail!==void 0){let t=e.detail||{},i=t.center?.x??t.x??0,o=t.center?.y??t.y??0,r=this._gridstack().grid.getCellFromPixel({left:i,top:o});this._gridstack().grid.isAreaEmpty(r.x,r.y,1,1)&&(this._gridstack().grid.willItFit({x:r.x,y:r.y,w:2,h:3})?this._dialog.openFrameDialog({title:"Add Widget",component:"select-widget"},!0).subscribe(d=>{if(!d||typeof d!="object")return;let p=ui.create(),s=d,c={x:r.x,y:r.y,w:s.defaultWidth,h:s.defaultHeight,minW:s.minWidth,minH:s.minHeight,id:p,selector:s.selector,input:{widgetProperties:{type:s.selector,uuid:p}}};this._gridstack().grid.addWidget(c)}):this._app.sendSnackbarNotification("Error Adding Widget: Not enough space at the selected location. Please reorganize the dashboard to free up space or choose a larger empty area.",0))}}cancelPointerSequence(){if(!this._suppressDrag){this._suppressDrag=!0;try{this._gridstack().grid.setStatic(!0)}catch{}["pointerup","mouseup","touchend"].forEach(e=>{document.dispatchEvent(new Event(e,{bubbles:!0}))})}}_onPointerRelease(){if(this._suppressDrag&&(this._suppressDrag=!1,!this.dashboard.isDashboardStatic()))try{this._gridstack().grid.setStatic(!1)}catch{}}duplicateWidget(e){let t=ui.create(),i=e.gridstackNode,o={w:i.w,h:i.h,id:t,selector:i.selector,input:{widgetProperties:{type:i.input.widgetProperties.type,uuid:t,config:_n(i.input.widgetProperties.config)}}},r=this._gridstack();r.grid.willItFit(o)?r.grid.addWidget(o):(o.h=2,o.w=2,r.grid.willItFit(o)?r.grid.addWidget(o):this._app.sendSnackbarNotification("Duplication failed: Insufficient space on the dashboard. Please reorganize to free up space.",0))}deleteWidget(e){let t=e.gridstackNode;switch(this._gridstack().grid.removeWidget(e),t.selector){case"widget-numeric-chart":case"widget-windtrends-chart":{(this._dataset.list()?.filter(r=>r.uuid===t.id||r.uuid?.startsWith(`${t.id}-`))||[]).forEach(r=>this._dataset.remove(r.uuid));break}}}nextDashboard(e){e.preventDefault(),this.dashboard.isDashboardStatic()&&this.dashboard.navigateToNextDashboard()}previousDashboard(e){e.preventDefault(),this.dashboard.isDashboardStatic()&&this.dashboard.navigateToPreviousDashboard()}editDashboard(){this.dashboard.toggleStaticDashboard()}navigateToHelp(){this._router.navigate(["/help"])}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["dashboard"]],viewQuery:function(t,i){t&1&&te(i._gridstack,df,5),t&2&&we()},hostBindings:function(t,i){t&1&&R("mouseup",function(){return i._onPointerRelease()},gr)("touchend",function(){return i._onPointerRelease()},gr)},decls:11,vars:3,consts:[["grid",""],["kipGestures","",3,"swipeup","swipedown","press","resize","options"],["empty-content","",1,"dashboard-empty-state"],[1,"empty-state-content"],[1,"empty-state-actions"],[1,"empty-state-icon"],[1,"edit-layout-close-icon"],[3,"activePage","dashboards"],[1,"empty-state-text"],[1,"touch-icon"],["mat-flat-button","",1,"empty-state-button",3,"click"],[1,"empty-state-help"],["mat-button","",1,"empty-state-help-button",3,"click"],["mat-fab","",1,"layout-action-btn",2,"margin-right","10px",3,"click"],["mat-fab","",1,"layout-action-btn",3,"click"]],template:function(t,i){if(t&1){let o=K();f(0,"gridstack",1,0),R("swipeup",function(l){return P(o),O(i.previousDashboard(l))})("swipedown",function(l){return P(o),O(i.nextDashboard(l))})("press",function(l){return P(o),O(i.addNewWidget(l))})("resize",function(){return P(o),O(i.resizeGridColumns())},Xs),f(2,"div",2)(3,"div",3)(4,"div",4)(5,"mat-icon",5),b(6,"dashboard"),w(),Pe(7,cf,6,0)(8,hf,11,0),w()()()(),Pe(9,uf,7,0,"div",6)(10,mf,1,2,"dashboard-scroller",7)}t&2&&(F("options",i.gridOptions()),C(7),Oe(i.dashboard.isDashboardStatic()?8:7),C(2),Oe(i.dashboard.isDashboardStatic()?10:9))},dependencies:[Od,Qi,Id,ut,vt,bt,yt,Qa,bn],styles:["[_nghost-%COMP%]{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;width:100%;overflow:hidden}.grid-stack[_ngcontent-%COMP%]{width:100%}.edit-layout-close-icon[_ngcontent-%COMP%]{position:absolute;bottom:20px;right:20px;cursor:pointer;z-index:100}.layout-action-btn[_ngcontent-%COMP%]{color:var(--mat-sys-on-primary);background-color:var(--mat-sys-primary)}.dashboard-empty-state[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;min-height:80vh;width:100%;padding:2rem;text-align:center}.empty-state-content[_ngcontent-%COMP%]{max-width:500px;color:var(--mat-sys-outline-variant)}.empty-state-icon[_ngcontent-%COMP%]{font-size:4rem;width:4rem;height:4rem;color:var(--mat-sys-outline-variant);margin-bottom:1rem}.empty-state-actions[_ngcontent-%COMP%] .touch-icon[_ngcontent-%COMP%]{font-size:2rem;width:2rem;height:2rem;color:var(--mat-sys-outline-variant);margin-top:.5rem;animation:_ngcontent-%COMP%_bounce 2s infinite}.empty-state-button[_ngcontent-%COMP%]{--mat-button-filled-label-text-color: var(--kip-widget-card-background-color);--mat-button-filled-container-color: var(--mat-sys-outline-variant);--mat-button-filled-hover-state-layer-opacity: .7;--mat-button-filled-state-layer-color: var(--mat-sys-primary-fixed-dim)}.empty-state-help[_ngcontent-%COMP%]{position:fixed;left:50%;bottom:10%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.empty-state-help-button[_ngcontent-%COMP%]{--mat-button-text-label-text-color: var(--mat-sys-outline-variant);--mat-button-text-hover-state-layer-opacity: .7;--mat-button-text-state-layer-color: var(--mat-sys-primary-fixed-dim)}.empty-state-text[_ngcontent-%COMP%]{color:var(--mat-sys-outline-variant);font-style:italic}@keyframes _ngcontent-%COMP%_bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}"]})}return a})();var bh=[{path:"dashboard/:id",component:es},{path:"settings",loadComponent:()=>import("./chunk-N3HCHSSE.js").then(a=>a.SettingsComponent),title:"KIP - Settings"},{path:"options",loadComponent:()=>import("./chunk-5MLB3PYZ.js").then(a=>a.TabsComponent),title:"KIP - Options"},{path:"remote",loadComponent:()=>import("./chunk-66OJ5PZF.js").then(a=>a.RemoteControlComponent),title:"KIP - Remote Control"},{path:"help",loadComponent:()=>import("./chunk-6NRGS3BZ.js").then(a=>a.AppHelpComponent),title:"KIP - Help"},{path:"data",loadComponent:()=>import("./chunk-KPOCVRYH.js").then(a=>a.DataInspectorComponent),title:"KIP - Data Inspector"},{path:"login",loadComponent:()=>import("./chunk-K4BST2XF.js").then(a=>a.WidgetLoginComponent),title:"Login"},{path:"**",component:es,title:"KIP"}];var wh={production:!0};var Mh=Aa(ts());function pf(a,n){if(a&1){let e=K();f(0,"div",1)(1,"button",2),R("click",function(){P(e);let i=G();return O(i.action())}),b(2),w()()}if(a&2){let e=G();C(2),et(" ",e.data.action," ")}}var gf=["label"];function ff(a,n){}var vf=Math.pow(2,31)-1,ya=class{_overlayRef;instance;containerInstance;_afterDismissed=new Xt;_afterOpened=new Xt;_onAction=new Xt;_durationTimeoutId;_dismissedByAction=!1;constructor(n,e){this._overlayRef=e,this.containerInstance=n,n._onExit.subscribe(()=>this._finishDismiss())}dismiss(){this._afterDismissed.closed||this.containerInstance.exit(),clearTimeout(this._durationTimeoutId)}dismissWithAction(){this._onAction.closed||(this._dismissedByAction=!0,this._onAction.next(),this._onAction.complete(),this.dismiss()),clearTimeout(this._durationTimeoutId)}closeWithAction(){this.dismissWithAction()}_dismissAfter(n){this._durationTimeoutId=setTimeout(()=>this.dismiss(),Math.min(n,vf))}_open(){this._afterOpened.closed||(this._afterOpened.next(),this._afterOpened.complete())}_finishDismiss(){this._overlayRef.dispose(),this._onAction.closed||this._onAction.complete(),this._afterDismissed.next({dismissedByAction:this._dismissedByAction}),this._afterDismissed.complete(),this._dismissedByAction=!1}afterDismissed(){return this._afterDismissed}afterOpened(){return this.containerInstance._onEnter}onAction(){return this._onAction}},_h=new mr("MatSnackBarData"),Kn=class{politeness="polite";announcementMessage="";viewContainerRef;duration=0;panelClass;direction;data=null;horizontalPosition="center";verticalPosition="bottom"},yf=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275dir=ci({type:a,selectors:[["","matSnackBarLabel",""]],hostAttrs:[1,"mat-mdc-snack-bar-label","mdc-snackbar__label"]})}return a})(),bf=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275dir=ci({type:a,selectors:[["","matSnackBarActions",""]],hostAttrs:[1,"mat-mdc-snack-bar-actions","mdc-snackbar__actions"]})}return a})(),wf=(()=>{class a{static \u0275fac=function(t){return new(t||a)};static \u0275dir=ci({type:a,selectors:[["","matSnackBarAction",""]],hostAttrs:[1,"mat-mdc-snack-bar-action","mdc-snackbar__action"]})}return a})(),_f=(()=>{class a{snackBarRef=E(ya);data=E(_h);constructor(){}action(){this.snackBarRef.dismissWithAction()}get hasAction(){return!!this.data.action}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["simple-snack-bar"]],hostAttrs:[1,"mat-mdc-simple-snack-bar"],exportAs:["matSnackBar"],decls:3,vars:2,consts:[["matSnackBarLabel",""],["matSnackBarActions",""],["matButton","","matSnackBarAction","",3,"click"]],template:function(t,i){t&1&&(f(0,"div",0),b(1),w(),Pe(2,pf,3,1,"div",1)),t&2&&(C(),et(" ",i.data.message,`
|
|
48
|
+
`),C(),Oe(i.hasAction?2:-1))},dependencies:[yt,yf,bf,wf],styles:[`.mat-mdc-simple-snack-bar{display:flex}
|
|
49
|
+
`],encapsulation:2,changeDetection:0})}return a})(),is="_mat-snack-bar-enter",ns="_mat-snack-bar-exit",Sf=(()=>{class a extends Ul{_ngZone=E(Ze);_elementRef=E(Xe);_changeDetectorRef=E(yn);_platform=E(Rl);_animationsDisabled=la();snackBarConfig=E(Kn);_document=E(mn);_trackedModals=new Set;_enterFallback;_exitFallback;_injector=E(qi);_announceDelay=150;_announceTimeoutId;_destroyed=!1;_portalOutlet;_onAnnounce=new Xt;_onExit=new Xt;_onEnter=new Xt;_animationState="void";_live;_label;_role;_liveElementId=E(Ya).getId("mat-snack-bar-container-live-");constructor(){super();let e=this.snackBarConfig;e.politeness==="assertive"&&!e.announcementMessage?this._live="assertive":e.politeness==="off"?this._live="off":this._live="polite",this._platform.FIREFOX&&(this._live==="polite"&&(this._role="status"),this._live==="assertive"&&(this._role="alert"))}attachComponentPortal(e){this._assertNotAttached();let t=this._portalOutlet.attachComponentPortal(e);return this._afterPortalAttached(),t}attachTemplatePortal(e){this._assertNotAttached();let t=this._portalOutlet.attachTemplatePortal(e);return this._afterPortalAttached(),t}attachDomPortal=e=>{this._assertNotAttached();let t=this._portalOutlet.attachDomPortal(e);return this._afterPortalAttached(),t};onAnimationEnd(e){e===ns?this._completeExit():e===is&&(clearTimeout(this._enterFallback),this._ngZone.run(()=>{this._onEnter.next(),this._onEnter.complete()}))}enter(){this._destroyed||(this._animationState="visible",this._changeDetectorRef.markForCheck(),this._changeDetectorRef.detectChanges(),this._screenReaderAnnounce(),this._animationsDisabled?oa(()=>{this._ngZone.run(()=>queueMicrotask(()=>this.onAnimationEnd(is)))},{injector:this._injector}):(clearTimeout(this._enterFallback),this._enterFallback=setTimeout(()=>{this._elementRef.nativeElement.classList.add("mat-snack-bar-fallback-visible"),this.onAnimationEnd(is)},200)))}exit(){return this._destroyed?Us(void 0):(this._ngZone.run(()=>{this._animationState="hidden",this._changeDetectorRef.markForCheck(),this._elementRef.nativeElement.setAttribute("mat-exit",""),clearTimeout(this._announceTimeoutId),this._animationsDisabled?oa(()=>{this._ngZone.run(()=>queueMicrotask(()=>this.onAnimationEnd(ns)))},{injector:this._injector}):(clearTimeout(this._exitFallback),this._exitFallback=setTimeout(()=>this.onAnimationEnd(ns),200))}),this._onExit)}ngOnDestroy(){this._destroyed=!0,this._clearFromModals(),this._completeExit()}_completeExit(){clearTimeout(this._exitFallback),queueMicrotask(()=>{this._onExit.next(),this._onExit.complete()})}_afterPortalAttached(){let e=this._elementRef.nativeElement,t=this.snackBarConfig.panelClass;t&&(Array.isArray(t)?t.forEach(r=>e.classList.add(r)):e.classList.add(t)),this._exposeToModals();let i=this._label.nativeElement,o="mdc-snackbar__label";i.classList.toggle(o,!i.querySelector(`.${o}`))}_exposeToModals(){let e=this._liveElementId,t=this._document.querySelectorAll('body > .cdk-overlay-container [aria-modal="true"]');for(let i=0;i<t.length;i++){let o=t[i],r=o.getAttribute("aria-owns");this._trackedModals.add(o),r?r.indexOf(e)===-1&&o.setAttribute("aria-owns",r+" "+e):o.setAttribute("aria-owns",e)}}_clearFromModals(){this._trackedModals.forEach(e=>{let t=e.getAttribute("aria-owns");if(t){let i=t.replace(this._liveElementId,"").trim();i.length>0?e.setAttribute("aria-owns",i):e.removeAttribute("aria-owns")}}),this._trackedModals.clear()}_assertNotAttached(){this._portalOutlet.hasAttached()}_screenReaderAnnounce(){this._announceTimeoutId||this._ngZone.runOutsideAngular(()=>{this._announceTimeoutId=setTimeout(()=>{if(this._destroyed)return;let e=this._elementRef.nativeElement,t=e.querySelector("[aria-hidden]"),i=e.querySelector("[aria-live]");if(t&&i){let o=null;this._platform.isBrowser&&document.activeElement instanceof HTMLElement&&t.contains(document.activeElement)&&(o=document.activeElement),t.removeAttribute("aria-hidden"),i.appendChild(t),o?.focus(),this._onAnnounce.next(),this._onAnnounce.complete()}},this._announceDelay)})}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["mat-snack-bar-container"]],viewQuery:function(t,i){if(t&1&&(ki(br,7),ki(gf,7)),t&2){let o;vi(o=yi())&&(i._portalOutlet=o.first),vi(o=yi())&&(i._label=o.first)}},hostAttrs:[1,"mdc-snackbar","mat-mdc-snack-bar-container"],hostVars:6,hostBindings:function(t,i){t&1&&R("animationend",function(r){return i.onAnimationEnd(r.animationName)})("animationcancel",function(r){return i.onAnimationEnd(r.animationName)}),t&2&&Jt("mat-snack-bar-container-enter",i._animationState==="visible")("mat-snack-bar-container-exit",i._animationState==="hidden")("mat-snack-bar-container-animations-enabled",!i._animationsDisabled)},features:[de],decls:6,vars:3,consts:[["label",""],[1,"mdc-snackbar__surface","mat-mdc-snackbar-surface"],[1,"mat-mdc-snack-bar-label"],["aria-hidden","true"],["cdkPortalOutlet",""]],template:function(t,i){t&1&&(f(0,"div",1)(1,"div",2,0)(3,"div",3),Va(4,ff,0,0,"ng-template",4),w(),U(5,"div"),w()()),t&2&&(C(5),ee("aria-live",i._live)("role",i._role)("id",i._liveElementId))},dependencies:[br],styles:[`@keyframes _mat-snack-bar-enter{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _mat-snack-bar-exit{from{opacity:1}to{opacity:0}}.mat-mdc-snack-bar-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:8px}.mat-mdc-snack-bar-handset .mat-mdc-snack-bar-container{width:100vw}.mat-snack-bar-container-animations-enabled{opacity:0}.mat-snack-bar-container-animations-enabled.mat-snack-bar-fallback-visible{opacity:1}.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-enter{animation:_mat-snack-bar-enter 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-exit{animation:_mat-snack-bar-exit 75ms cubic-bezier(0.4, 0, 1, 1) forwards}.mat-mdc-snackbar-surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-left:0;padding-right:8px}[dir=rtl] .mat-mdc-snackbar-surface{padding-right:0;padding-left:8px}.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{min-width:344px;max-width:672px}.mat-mdc-snack-bar-handset .mat-mdc-snackbar-surface{width:100%;min-width:0}@media(forced-colors: active){.mat-mdc-snackbar-surface{outline:solid 1px}}.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{color:var(--mat-snack-bar-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mat-snack-bar-container-shape, var(--mat-sys-corner-extra-small));background-color:var(--mat-snack-bar-container-color, var(--mat-sys-inverse-surface))}.mdc-snackbar__label{width:100%;flex-grow:1;box-sizing:border-box;margin:0;padding:14px 8px 14px 16px}[dir=rtl] .mdc-snackbar__label{padding-left:8px;padding-right:16px}.mat-mdc-snack-bar-container .mdc-snackbar__label{font-family:var(--mat-snack-bar-supporting-text-font, var(--mat-sys-body-medium-font));font-size:var(--mat-snack-bar-supporting-text-size, var(--mat-sys-body-medium-size));font-weight:var(--mat-snack-bar-supporting-text-weight, var(--mat-sys-body-medium-weight));line-height:var(--mat-snack-bar-supporting-text-line-height, var(--mat-sys-body-medium-line-height))}.mat-mdc-snack-bar-actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box}.mat-mdc-snack-bar-handset,.mat-mdc-snack-bar-container,.mat-mdc-snack-bar-label{flex:1 1 auto}.mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled){--mat-button-text-state-layer-color: currentColor;--mat-button-text-ripple-color: currentColor}.mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled).mat-unthemed{color:var(--mat-snack-bar-button-color, var(--mat-sys-inverse-primary))}.mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) .mat-ripple-element{opacity:.1}
|
|
50
|
+
`],encapsulation:2})}return a})();function Cf(){return new Kn}var kf=new mr("mat-snack-bar-default-options",{providedIn:"root",factory:Cf}),Sh=(()=>{class a{_live=E(Ll);_injector=E(qi);_breakpointObserver=E($a);_parentSnackBar=E(a,{optional:!0,skipSelf:!0});_defaultConfig=E(kf);_animationsDisabled=la();_snackBarRefAtThisLevel=null;simpleSnackBarComponent=_f;snackBarContainerComponent=Sf;handsetCssClass="mat-mdc-snack-bar-handset";get _openedSnackBarRef(){let e=this._parentSnackBar;return e?e._openedSnackBarRef:this._snackBarRefAtThisLevel}set _openedSnackBarRef(e){this._parentSnackBar?this._parentSnackBar._openedSnackBarRef=e:this._snackBarRefAtThisLevel=e}constructor(){}openFromComponent(e,t){return this._attach(e,t)}openFromTemplate(e,t){return this._attach(e,t)}open(e,t="",i){let o=Y(Y({},this._defaultConfig),i);return o.data={message:e,action:t},o.announcementMessage===e&&(o.announcementMessage=void 0),this.openFromComponent(this.simpleSnackBarComponent,o)}dismiss(){this._openedSnackBarRef&&this._openedSnackBarRef.dismiss()}ngOnDestroy(){this._snackBarRefAtThisLevel&&this._snackBarRefAtThisLevel.dismiss()}_attachSnackBarContainer(e,t){let i=t&&t.viewContainerRef&&t.viewContainerRef.injector,o=qi.create({parent:i||this._injector,providers:[{provide:Kn,useValue:t}]}),r=new da(this.snackBarContainerComponent,t.viewContainerRef,o),l=e.attach(r);return l.instance.snackBarConfig=t,l.instance}_attach(e,t){let i=Y(Y(Y({},new Kn),this._defaultConfig),t),o=this._createOverlay(i),r=this._attachSnackBarContainer(o,i),l=new ya(r,o);if(e instanceof Zs){let d=new Hl(e,null,{$implicit:i.data,snackBarRef:l});l.instance=r.attachTemplatePortal(d)}else{let d=this._createInjector(i,l),p=new da(e,void 0,d),s=r.attachComponentPortal(p);l.instance=s.instance}return this._breakpointObserver.observe(Ka.HandsetPortrait).pipe(Ys(o.detachments())).subscribe(d=>{o.overlayElement.classList.toggle(this.handsetCssClass,d.matches)}),i.announcementMessage&&r._onAnnounce.subscribe(()=>{this._live.announce(i.announcementMessage,i.politeness)}),this._animateSnackBar(l,i),this._openedSnackBarRef=l,this._openedSnackBarRef}_animateSnackBar(e,t){e.afterDismissed().subscribe(()=>{this._openedSnackBarRef==e&&(this._openedSnackBarRef=null),t.announcementMessage&&this._live.clear()}),t.duration&&t.duration>0&&e.afterOpened().subscribe(()=>e._dismissAfter(t.duration)),this._openedSnackBarRef?(this._openedSnackBarRef.afterDismissed().subscribe(()=>{e.containerInstance.enter()}),this._openedSnackBarRef.dismiss()):e.containerInstance.enter()}_createOverlay(e){let t=new Gl;t.direction=e.direction;let i=ql(this._injector),o=e.direction==="rtl",r=e.horizontalPosition==="left"||e.horizontalPosition==="start"&&!o||e.horizontalPosition==="end"&&o,l=!r&&e.horizontalPosition!=="center";return r?i.left("0"):l?i.right("0"):i.centerHorizontally(),e.verticalPosition==="top"?i.top("0"):i.bottom("0"),t.positionStrategy=i,t.disableAnimations=this._animationsDisabled,jl(this._injector,t)}_createInjector(e,t){let i=e&&e.viewContainerRef&&e.viewContainerRef.injector;return qi.create({parent:i||this._injector,providers:[{provide:ya,useValue:t},{provide:_h,useValue:e.data}]})}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();var Ch=Aa(ts());var xf={1e3:"notification",1001:"alert",1002:"warn",1003:"alarm",1004:"emergency"},Bi=(()=>{class a{settings=E(Pt);data=E(Ei);requests=E(qt);static ALARM_SEVERITIES={normal:{sound:0,visual:0},nominal:{sound:0,visual:0},alert:{sound:1,visual:0},warn:{sound:2,visual:1},alarm:{sound:3,visual:2},emergency:{sound:4,visual:2}};_notificationSettingsSubscription=null;_notificationDataStreamSubscription=null;_notificationMetaStreamSubscription=null;_resetServiceSubscription=null;_notificationConfig;_notificationConfig$=new Ci(bl);_notifications=[];_notifications$=new Ci([]);_alarmsInfo$=new Ci({audioSev:0,visualSev:0,alarmCount:0,isMuted:!1});_players=new Map;_activeAlarmSoundtrack=null;_activeHowlId=null;_isHowlIdMuted=!1;_lastEmittedValue=null;constructor(){this._notificationSettingsSubscription=this.settings.getNotificationServiceConfigAsO().subscribe(e=>{this._notificationConfig=e,this.reset(),this._notificationConfig$.next(e),this._notificationConfig.disableNotifications&&!this._notificationDataStreamSubscription?.closed&&this.stopNotificationStream(),!this._notificationConfig.disableNotifications&&(this._notificationDataStreamSubscription===null||this._notificationDataStreamSubscription?.closed)&&this.startNotificationStream(),this._notificationConfig.sound.disableSound?this.playAlarm(1e3):this.updateNotificationsState()}),this._resetServiceSubscription=this.data.isResetService().subscribe(e=>{e&&this.reset()}),this.getPlayer(1e3)}startNotificationStream(){this._notificationDataStreamSubscription=this.data.getNotificationMsgObservable().subscribe(e=>this.processNotificationDeltaMsg(e)),this._notificationMetaStreamSubscription=this.data.getNotificationMetaObservable().subscribe(e=>this.processNotificationDeltaMeta(e))}stopNotificationStream(){this._notificationDataStreamSubscription?.unsubscribe(),this._notificationMetaStreamSubscription?.unsubscribe(),this.reset()}reset(){this._notificationConfig.disableNotifications&&(this._notifications=[],this._notifications$.next([])),this.updateNotificationsState()}observeNotifications(){return this._notifications$}addValue(e){this._notifications.push({path:e.path,value:e.value}),this.updateNotificationsState(),this._notifications$.next(this._notifications)}updateValue(e){let t=this._notifications.find(i=>i.path==e.path);t?(t.value=Y({},e.value),this.updateNotificationsState(),this._notifications$.next(this._notifications)):console.log("[Notification Service] Update path not found for: "+e.path)}deleteValue(e){let t=this._notifications.find(i=>i.path==e);t?(delete t.value,this.updateNotificationsState(),this._notifications$.next(this._notifications)):console.log("[Notification Service] Notification to delete not found for: "+e)}updateNotificationsState(){let e=0,t=0,i=0;for(let r of this._notifications){if(!r.value||!("method"in r.value)||r.value.method.length===0||r.value.state===ne.Normal&&!this._notificationConfig.devices.showNormalState||r.value.state===ne.Nominal&&!this._notificationConfig.devices.showNominalState)continue;i++;let{aSev:l,vSev:d}=this.getNotificationSeverity(r);e=Math.max(e,l),t=Math.max(t,d)}this._notificationConfig.sound.disableSound||this.playAlarm(1e3+e);let o={audioSev:e,visualSev:t,alarmCount:i,isMuted:this._isHowlIdMuted};Vt(o,this._lastEmittedValue)||(this._alarmsInfo$.next(o),this._lastEmittedValue=o)}processNotificationDeltaMsg(e){if(!e.path.startsWith("notifications.security"))if(e.value===null)this.deleteValue(e.path);else{let t=this._notifications.find(i=>i.path==e.path);t?(!t.value||t.value.state!==e.value.state||t.value.message!==e.value.message||!Vt(t.value.method,e.value.method))&&this.updateValue(e):this.addValue(e)}}processNotificationDeltaMeta(e){let t=this._notifications.find(i=>i.path==e.path);t?t.meta=e.meta:this._notifications.push({path:e.path,meta:e.meta}),this._notifications$.next(this._notifications)}getNotificationSeverity(e){let t=e.value.state,i=a.ALARM_SEVERITIES[t];if(!i)return console.log(`[Notification Service] Unknown Notification State
|
|
51
|
+
`+JSON.stringify(e)),{aSev:0,vSev:0};let o=i.sound,r=i.visual;return(!e.value.method.includes(Sn.Sound)||this._notificationConfig.sound[`mute${t.charAt(0).toUpperCase()+t.slice(1)}`]||this._isHowlIdMuted)&&(o=0),e.value.method.includes(Sn.Visual)||(r=0),{aSev:o,vSev:r}}setSkMethod(e,t){this.requests.putRequest(`${e}.method`,t,ui.create())}setSkState(e,t){this.requests.putRequest(`${e}.state`,t,ui.create())}observerNotificationsInfo(){return this._alarmsInfo$.pipe(Zt(e=>{let t=!1,i=!1;switch(e.visualSev){case 1:t=!0;break;case 2:i=!0;break}return tt(Y({},e),{isWarn:t,isAlarmEmergency:i})}))}getPlayer(e){if(this._players.has(e))return this._players.get(e);let t=xf[e];if(!t)return console.warn("[Notification Service] Unknown track id",e),this.getPlayer(1e3);let i=new Ch.Howl({src:[`assets/${t}.mp3`],autoplay:!1,preload:!0,loop:!0,onloaderror:(o,r)=>{console.log("[Notification Service] load error track:",e,r)},onplayerror:(o,r)=>{console.log("[Notification Service] play locked track:",e,r),i.once("unlock",()=>i.play())}});return this._players.set(e,i),i}mutePlayer(e){if(this._activeAlarmSoundtrack!=null&&this._activeAlarmSoundtrack!==1e3){let t=this._players.get(this._activeAlarmSoundtrack);t&&this._activeHowlId!=null&&t.mute(e,this._activeHowlId)}this._isHowlIdMuted=e,this.updateNotificationsState()}playAlarm(e){if(this._activeAlarmSoundtrack===e)return;if(this._activeAlarmSoundtrack!=null&&this._players.get(this._activeAlarmSoundtrack)?.stop(),e===1e3){this._activeAlarmSoundtrack=1e3,this._activeHowlId=null;return}let t=this.getPlayer(e);this._activeAlarmSoundtrack=e,this._activeHowlId=t.play(),t.mute(this._isHowlIdMuted,this._activeHowlId)}observeNotificationConfiguration(){return this._notificationConfig$.asObservable()}ngOnDestroy(){this._notificationSettingsSubscription?.unsubscribe(),this._resetServiceSubscription?.unsubscribe(),this._notificationDataStreamSubscription?.unsubscribe(),this._notificationMetaStreamSubscription?.unsubscribe(),this._notificationConfig$.complete(),this._notifications$.complete(),this._alarmsInfo$.complete();for(let e of this._players.values())try{e.unload()}catch{}this._players.clear()}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();var Tf=(a,n)=>n.path;function Ef(a,n){a&1&&(f(0,"mat-icon"),b(1,"info"),w())}function Mf(a,n){a&1&&(f(0,"mat-icon"),b(1,"info"),w())}function Df(a,n){a&1&&(f(0,"mat-icon",3),b(1,"report"),w())}function Af(a,n){a&1&&(f(0,"mat-icon",4),b(1,"warning"),w())}function Pf(a,n){a&1&&(f(0,"mat-icon",5),b(1,"error"),w())}function Of(a,n){a&1&&(f(0,"mat-icon",6),b(1,"emergency_home"),w())}function Rf(a,n){if(a&1){let e=K();f(0,"div",2),Pe(1,Ef,2,0,"mat-icon")(2,Mf,2,0,"mat-icon")(3,Df,2,0,"mat-icon",3)(4,Af,2,0,"mat-icon",4)(5,Pf,2,0,"mat-icon",5)(6,Of,2,0,"mat-icon",6),f(7,"div",7),b(8),w(),f(9,"div",8),b(10),hi(11,"slice"),w(),f(12,"div",9),b(13),w(),f(14,"button",10),R("click",function(){let i=P(e).$implicit,o=G();return O(o.silence(i.path))}),f(15,"mat-icon"),b(16,"music_off"),w()(),f(17,"button",11),R("click",function(){let i=P(e).$implicit,o=G();return O(o.clear(i.path))}),f(18,"mat-icon"),b(19,"published_with_changes"),w()()(),U(20,"mat-divider",12)}if(a&2){let e,t=n.$implicit;C(),Oe((e=t.value.state)==="nominal"?1:e==="normal"?2:e==="alert"?3:e==="warn"?4:e==="alarm"?5:e==="emergency"?6:-1),C(7),Fe(t.value.state),C(2),et(" ",fn(11,5,t.path,14)," "),C(3),Fe(t.value.message),C(),F("disabled",!(t.value.method!=null&&t.value.method.includes("sound")))}}function If(a,n){a&1&&(f(0,"mat-list-item",13)(1,"span",15),b(2,"Notifications Disabled"),w(),f(3,"span")(4,"i"),b(5,"*Enable notifications in Settings."),w()()())}function Nf(a,n){a&1&&(f(0,"mat-list-item",14)(1,"i"),b(2,'"No Notification"'),w()())}function Wf(a,n){if(a&1&&Pe(0,If,6,0,"mat-list-item",13)(1,Nf,3,0,"mat-list-item",14),a&2){let e=G();Oe(e.notificationConfig().disableNotifications?0:1)}}function Lf(a,n){if(a&1){let e=K();f(0,"button",17),R("click",function(){P(e);let i=G(2);return O(i.mutePlayer(!i.isMuted))}),f(1,"span",18),b(2,"volume_up"),w(),b(3," Unmute Audio "),w()}}function Vf(a,n){if(a&1){let e=K();f(0,"button",17),R("click",function(){P(e);let i=G(2);return O(i.mutePlayer(!i.isMuted))}),f(1,"span",18),b(2,"volume_off"),w(),b(3," Mute Audio "),w()}}function Bf(a,n){if(a&1&&Pe(0,Lf,4,0,"button",16)(1,Vf,4,0,"button",16),a&2){let e=G();Oe(e.isMuted?0:1)}}var kh=(()=>{class a{_notificationsService=E(Bi);_notifications$=this._notificationsService.observeNotifications();notificationConfig=St(this._notificationsService.observeNotificationConfiguration(),{requireSync:!0});menuNotifications=St(Gs([this._notifications$,this._notificationsService.observeNotificationConfiguration()]).pipe(Zt(([e,t])=>{let i=[];return t.devices.showNormalState||i.push(ne.Normal),t.devices.showNominalState||i.push(ne.Nominal),e.filter(o=>o.value&&o.value.state&&!i.includes(o.value.state)).filter(o=>o.value&&o.value.method&&o.value.method.includes(Sn.Visual))})),{requireSync:!0,equal:Vt});isMuted=!1;mutePlayer(e){this.isMuted=e,this._notificationsService.mutePlayer(e)}silence(e){this._notificationsService.setSkMethod(e,[Sn.Visual])}clear(e){this._notificationsService.setSkState(e,ne.Normal)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["menu-notifications"]],decls:6,vars:2,consts:[[1,"menu-item-container"],[1,"actions-container","actions-bottom-container"],[1,"notification-container"],[1,"icon-alert-color"],[1,"icon-warn-color"],[1,"icon-alarm-color"],[1,"icon-emergency-color"],[1,"notification-title"],[1,"notification-path","scrollable-text"],[1,"notification-text"],["mat-icon-button","",1,"notification-action-btn",3,"click","disabled"],["mat-icon-button","",1,"notification-action-btn",3,"click"],[1,"notification-divider"],["lines","3","disabled","true",2,"text-align","center"],["disabled","true",2,"text-align","center"],["matListItemTitle",""],["mat-flat-button","","matTooltip","Temporally toggle all notification audio. To permanently disable/enable notification audio, use the configuration settings option",1,"action-button"],["mat-flat-button","","matTooltip","Temporally toggle all notification audio. To permanently disable/enable notification audio, use the configuration settings option",1,"action-button",3,"click"],[1,"material-icons"]],template:function(t,i){t&1&&(f(0,"mat-list",0),mt(1,Rf,21,8,null,null,Tf,!1,Wf,2,1),w(),f(4,"div",1),Pe(5,Bf,2,1),w()),t&2&&(C(),pt(i.menuNotifications()),C(4),Oe(i.notificationConfig().disableNotifications?-1:5))},dependencies:[Ja,cd,Za,ed,sd,bt,yt,Fl,Bn,yd,vd,ut,vt,yl],styles:[".notification-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:2px 10px 7px;scroll-behavior:smooth}mat-icon[_ngcontent-%COMP%]{margin-right:10px}.scrollable-text[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scrollable-text[_ngcontent-%COMP%]:hover{overflow:auto;white-space:normal;word-wrap:break-word}.notification-title[_ngcontent-%COMP%]{text-transform:capitalize;font-size:var(--mat-sys-headline-small-size);width:calc(100% - 34px)}.notification-path[_ngcontent-%COMP%]{font-size:var(--mat-sys-body-small-size);word-break:break-all;width:100%}.notification-text[_ngcontent-%COMP%]{font-size:var(--mat-sys-body-small-line-height);font-style:italic;width:100%;overflow:auto;white-space:normal;word-wrap:break-word}.notification-action-btn[_ngcontent-%COMP%]{background-color:var(--mat-sys-surface-container)}.notification-btn-container[_ngcontent-%COMP%]{display:inline-block;width:50%;height:48px;text-align:center}.menu-item-container[_ngcontent-%COMP%]{width:230px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:calc(100% - 48px)}.notification-bottom-container[_ngcontent-%COMP%]{position:absolute;bottom:0;width:100%;background-color:var(--mat-sys-surface-container)}.actions-container[_ngcontent-%COMP%]{display:grid;grid-auto-flow:column}.actions-bottom-container[_ngcontent-%COMP%]{position:absolute;bottom:0;width:100%;height:48px}.action-button[_ngcontent-%COMP%]{border-radius:0;height:48px;border-bottom-right-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large))}.icon-alert-color[_ngcontent-%COMP%]{color:var(--kip-zone-alert-color)}.icon-warn-color[_ngcontent-%COMP%]{color:var(--kip-zone-warn-color)}.icon-alarm-color[_ngcontent-%COMP%]{color:var(--kip-zone-alarm-color)}.icon-emergency-color[_ngcontent-%COMP%]{color:var(--kip-zone-emergency-color)}.alarm-emergency-blink[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_blinking-emergency 1.5s infinite}@keyframes _ngcontent-%COMP%_blinking-emergency{0%{background-color:var(--kip-zone-alarm-color)}50%{background-color:transparent}to{background-color:var(--kip-zone-alarm-color)}}.warn[_ngcontent-%COMP%]{color:var(--kip-zone-warn-color)}.notification-divider[_ngcontent-%COMP%]{padding-top:10px}"],changeDetection:0})}return a})();var zf=["badgeButton"],xh=(()=>{class a{badgeButton=ie.required("badgeButton");_notifications=E(Bi);notificationsInfo=St(this._notifications.observerNotificationsInfo());openNotificationMenu(){let e=new Event("openRightSidenav",{bubbles:!0,cancelable:!0});window.document.dispatchEvent(e)}onKeyDown(e){let t=e.key?.toLowerCase();(t==="enter"||t===" "||t==="spacebar")&&(e.preventDefault(),this.openNotificationMenu())}focus(){try{let e=this.badgeButton&&this.badgeButton(),t=e&&e.nativeElement;t&&typeof t.focus=="function"&&t.focus()}catch{}}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["notification-badge"]],viewQuery:function(t,i){t&1&&te(i.badgeButton,zf,5),t&2&&we()},decls:5,vars:7,consts:[["badgeButton",""],["mat-fab","","role","button","aria-label","Open notifications",1,"layout-action-btn",3,"click","keydown"],["aria-hidden","false","matBadgeSize","large","matBadgePosition","after","matBadgeOverlap","true",1,"icon-alert-color",3,"matBadgeHidden","matBadge"]],template:function(t,i){if(t&1){let o=K();f(0,"div")(1,"button",1,0),R("click",function(){return P(o),O(i.openNotificationMenu())})("keydown",function(l){return P(o),O(i.onKeyDown(l))}),f(3,"mat-icon",2),b(4,"notifications "),w()()()}t&2&&(C(),Jt("warn",i.notificationsInfo().isWarn)("alarm-emergency-blink",i.notificationsInfo().isAlarmEmergency),ee("aria-haspopup",!0),C(2),F("matBadgeHidden",!i.notificationsInfo().alarmCount)("matBadge",i.notificationsInfo().alarmCount))},dependencies:[bt,Qa,ut,vt,Bn,Ud],styles:["[_nghost-%COMP%]{display:block}.layout-action-btn[_ngcontent-%COMP%]{color:var(--mat-sys-on-primary);background-color:var(--mat-sys-primary)}.icon-alert-color[_ngcontent-%COMP%]{--mat-list-list-item-leading-icon-color: var(--kip-zone-alert-color)}.icon-warn-color[_ngcontent-%COMP%]{--mat-list-list-item-leading-icon-color: var(--kip-zone-warn-color)}.icon-alarm-color[_ngcontent-%COMP%]{--mat-list-list-item-leading-icon-color: var(--kip-zone-alarm-color)}.icon-emergency-color[_ngcontent-%COMP%]{--mat-list-list-item-leading-icon-color: var(--kip-zone-emergency-color)}.alarm-emergency-blink[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_blinking-emergency 1.5s infinite}@keyframes _ngcontent-%COMP%_blinking-emergency{0%{background-color:var(--kip-zone-alarm-color)}50%{background-color:var(--mat-sys-primary)}to{background-color:var(--kip-zone-alarm-color)}}.warn[_ngcontent-%COMP%]{color:var(--kip-zone-warn-color)}"]})}return a})();var Th=(()=>{class a{overlayRef=null;overlay=E($l);injector=E(qi);open(){if(this.overlayRef)return;this.overlayRef=this.overlay.create({hasBackdrop:!1,panelClass:"notification-overlay-panel",positionStrategy:this.overlay.position().global().bottom("20px").left("20px"),scrollStrategy:this.overlay.scrollStrategies.reposition()});let e=new da(xh,null,this.injector),t=this.overlayRef.attach(e);try{let i=t&&t.instance;if(i&&typeof i.focus=="function")i.focus();else{let o=this.overlayRef.overlayElement,r=o&&o.querySelector("button[mat-fab], .layout-action-btn");r&&typeof r.focus=="function"&&r.focus()}}catch{}}close(){try{this.overlayRef&&this.overlayRef.dispose()}catch(e){console.warn("[NotificationOverlayService] dispose failed",e)}finally{this.overlayRef=null}}toggle(e){e?this.open():this.close()}isOpen(){return!!this.overlayRef}ngOnDestroy(){try{this.overlayRef&&this.overlayRef.dispose()}catch{}finally{this.overlayRef=null}}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();function Ff(a,n){if(a&1){let e=K();f(0,"button",12),R("click",function(){P(e);let i=G(2);return O(i.onActionItem("toggleFullScreen"))}),f(1,"span",10),b(2,"fullscreen"),w()()}}function Hf(a,n){if(a&1){let e=K();f(0,"button",12),R("click",function(){P(e);let i=G(2);return O(i.onActionItem("toggleFullScreen"))}),f(1,"span",10),b(2,"close_fullscreen"),w()()}}function Uf(a,n){if(a&1&&Pe(0,Ff,3,0,"button",11)(1,Hf,3,0,"button",11),a&2){let e=G();Oe(e.uiEvent.fullscreenStatus()?1:0)}}function Gf(a,n){if(a&1){let e=K();f(0,"button",14),R("click",function(){P(e);let i=G(2);return O(i.onActionItem("nightMode"))}),f(1,"span",10),b(2,"mode_night"),w()()}}function qf(a,n){if(a&1){let e=K();f(0,"button",14),R("click",function(){P(e);let i=G(2);return O(i.onActionItem("nightMode"))}),f(1,"span",10),b(2,"light_mode"),w()()}}function jf(a,n){if(a&1&&Pe(0,Gf,3,0,"button",13)(1,qf,3,0,"button",13),a&2){let e=G();Oe(e.app.isNightMode()?1:0)}}function $f(a,n){if(a&1){let e=K();f(0,"tile-large-icon",15,1),R("click",function(){let i=P(e).$index,o=G();return O(o.navigateToDashboard(i))}),w()}if(a&2){let e=n.$implicit;F("active",e.active)("svgIcon",e.svgIcon)("iconSize",e.iconSize)("label",e.label)}}var Eh=(()=>{class a{actionsSidenav=B.required();_router=E(mi);uiEvent=E(kn);dashboard=E(ot);app=E(Ot);_settings=E(Pt);isAutoNightMode=St(this._settings.getAutoNightModeAsO(),{requireSync:!0});_initialDashboardMatch=(()=>{let t=this._router.parseUrl(this._router.url).root.children.primary,i=t?t.segments.map(o=>o.path):[];return i.length===0||i[0]==="dashboard"})();isDashboardContext=St(this._router.events.pipe(Ia(e=>e instanceof ja),$s(null),Zt(()=>{let t=this._router.parseUrl(this._router.url).root.children.primary,i=t?t.segments.map(o=>o.path):[];return i.length===0||i[0]==="dashboard"}),Na()),{initialValue:this._initialDashboardMatch});menuItems=at(()=>{let e=this.dashboard.dashboards(),t=this.dashboard.activeDashboard();return e.map((i,o)=>({id:Number(i.id),active:o===t,pinned:!1,svgIcon:i.icon||"dashboard-dashboard",iconSize:60,label:i.name||`Dashboard ${o+1}`}))});ngAfterViewInit(){this.uiEvent.addHotkeyListener((e,t)=>this.handleKeyDown(e,t),{ctrlKey:!0,shiftKey:!0,keys:["e","f","n"]})}ngOnDestroy(){this.uiEvent.removeHotkeyListener(this.handleKeyDown.bind(this))}handleKeyDown(e,t){switch(e){case"e":this.onActionItem("layout");break;case"f":this.onActionItem("toggleFullScreen");break;case"n":this.onActionItem("nightMode");break;default:break}}onActionItem(e){switch(this.actionsSidenav().close(),e){case"toggleFullScreen":this.uiEvent.toggleFullScreen();break;case"settings":this._router.navigate(["/settings"]);break;case"layout":this.dashboard.toggleStaticDashboard();break;case"nightMode":this.app.isNightMode.set(!this.app.isNightMode()),this.app.toggleDayNightMode();break;default:break}}navigateToDashboard(e){this.actionsSidenav().close(),this._router.navigate([`dashboard/${e}`])}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["menu-actions"]],inputs:{actionsSidenav:[1,"actionsSidenav"]},decls:14,vars:3,consts:[["tileContainer",""],["tile",""],[1,"actions-container"],[1,"actions-top-container"],["mat-flat-button","","tabindex","0",1,"action-button","home-btn",3,"click"],["height","24px","width","24px","svgIcon","kip","aria-hidden","false",1,"home-icon",2,"height","24px","width","24px"],[1,"menu-item-container"],["tabindex","0",3,"active","svgIcon","iconSize","label"],[1,"actions-bottom-container"],["mat-flat-button","",1,"action-button",2,"width","135px",3,"click","disabled"],[1,"material-icons"],["mat-flat-button","","tabindex","0",1,"action-button"],["mat-flat-button","","tabindex","0",1,"action-button",3,"click"],["mat-flat-button","",1,"action-button"],["mat-flat-button","",1,"action-button",3,"click"],["tabindex","0",3,"click","active","svgIcon","iconSize","label"]],template:function(t,i){if(t&1){let o=K();f(0,"div",2)(1,"div",3),Pe(2,Uf,2,1),Pe(3,jf,2,1),f(4,"button",4),R("click",function(){return P(o),O(i.onActionItem("settings"))}),U(5,"mat-icon",5),w()(),f(6,"div",6,0),mt(8,$f,2,4,"tile-large-icon",7,xt),w(),f(10,"div",8)(11,"button",9),R("click",function(){return P(o),O(i.onActionItem("layout"))}),f(12,"span",10),b(13,"lock_open"),w()()()()}t&2&&(C(2),Oe(i.uiEvent.fullscreenSupported()?2:-1),C(),Oe(i.isAutoNightMode()?-1:3),C(5),pt(i.menuItems()),C(3),F("disabled",!i.isDashboardContext()))},dependencies:[ut,vt,bt,yt,gd],styles:[".actions-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:135px}.actions-top-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.actions-bottom-container[_ngcontent-%COMP%]{height:48px;width:100%}.action-button[_ngcontent-%COMP%]{border-radius:0;height:48px;flex:1 1 48px;min-height:0;overflow:hidden;border:1px solid var(--mat-sidenav-container-background-color, var(--mat-sys-surface))}.home-btn[_ngcontent-%COMP%]{--mat-icon-button-icon-size: 24px;--mat-button-filled-icon-offset: 0px;--mat-button-filled-icon-spacing: 0px;--mat-button-filled-label-text-size: 0px}.home-icon[_ngcontent-%COMP%] .mat-mdc-unelevated-button[_ngcontent-%COMP%] > .mat-icon[_ngcontent-%COMP%]{font-size:0px}.full-size[_ngcontent-%COMP%]{width:135px}.menu-item-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:nowrap;padding:3px 1px;gap:5px;width:135px;overflow-y:auto;scrollbar-width:none;overflow-x:hidden;scroll-behavior:smooth;flex:1 1 auto;min-height:0}"]})}return a})();var Dh=(()=>{class a{_snackBar=E(Sh);_deltaService=E(Ti);_connectionStateMachine=E(wn);_app=E(Ot);_dashboard=E(ot);_notifications=E(Bi);_uiEvent=E(kn);_dialog=E(Cn);appSettingsService=E(Pt);authenticationService=E(Ht);_dataSet=E(Rt);_responsive=E($a);_destroyRef=E(li);_notificationOverlay=E(Th);_router=E(mi);notificationHowl;_upgradeShown=!1;actionsSidenavOpened=$i(!1);notificationsSidenavOpened=$i(!1);notificationsInfo=St(this._notifications.observerNotificationsInfo());isDashboardStatic=St(this._dashboard.isDashboardStatic$);dashboardVisible=q(!1);isPhonePortrait;scheduledOpen=null;OPEN_DELAY_MS=300;_swipeLeftHandler=e=>this.onSwipeLeft(e);_swipeRightHandler=e=>this.onSwipeRight(e);_hotkeyHandler=(e,t)=>this.handleKeyDown(e,t);constructor(){oe(()=>{!this._upgradeShown&&this.appSettingsService.configUpgrade()&&(this._upgradeShown=!0,this._dialog.openFrameDialog({title:"Upgrade Instructions",component:"upgrade-config"},!0).pipe(ft(this._destroyRef)).subscribe())});try{this.dashboardVisible.set(this.isUrlDashboard(this._router.url))}catch{}this._router.events.pipe(Ia(e=>e instanceof ja),ft(this._destroyRef)).subscribe(e=>{try{this.dashboardVisible.set(this.isUrlDashboard(e.urlAfterRedirects||e.url))}catch{}}),oe(()=>{let e=this.dashboardVisible()&&this.isDashboardStatic()&&this.notificationsInfo().alarmCount>0;if(this.notificationsSidenavOpened()){this.scheduledOpen&&(clearTimeout(this.scheduledOpen),this.scheduledOpen=null);try{this._notificationOverlay.close()}catch{}return}if(e){if(this.scheduledOpen)return;this.scheduledOpen=window.setTimeout(()=>{this.scheduledOpen=null;try{this._notificationOverlay.open()}catch{}},this.OPEN_DELAY_MS)}else{this.scheduledOpen&&(clearTimeout(this.scheduledOpen),this.scheduledOpen=null);try{this._notificationOverlay.close()}catch{}}}),oe(()=>{if(this.notificationsSidenavOpened())try{this._notificationOverlay.close()}catch{}}),this.isPhonePortrait=St(this._responsive.observe(Ka.HandsetPortrait)),this._connectionStateMachine.status$.pipe(ft(this._destroyRef)).subscribe(e=>this.displayConnectionsStatusNotification(e)),this._app.getSnackbarAppNotifications().pipe(ft(this._destroyRef)).subscribe(e=>{this._snackBar.open(e.message,e.action,{duration:e.duration,verticalPosition:"top"}),!this.appSettingsService.getNotificationConfig().sound.disableSound&&!e.silent&&(this.notificationHowl||(this.notificationHowl=new Mh.Howl({src:["assets/notification.mp3"],preload:!0,volume:.3})),this.notificationHowl.stop(),this.notificationHowl.play())})}isUrlDashboard(e){if(!e)return!1;let t=e.split("?")[0].replace(/\/+$/,"");return t==="/dashboard"||/^\/dashboard(\/\d+)?$/.test(t)||t==="/"}ngOnInit(){this._uiEvent.addGestureListeners(this._swipeLeftHandler,this._swipeRightHandler)}ngAfterViewInit(){this._uiEvent.addHotkeyListener(this._hotkeyHandler,{ctrlKey:!0,keys:["arrowright","arrowleft"]})}handleKeyDown(e,t){switch(e){case"arrowright":this.onSwipeRight(t);break;case"arrowleft":this.onSwipeLeft(t);break;case"escape":this.backdropClicked();break}}escapeKeyPressed(e){e=e.toLowerCase(),e==="escape"&&this.backdropClicked()}displayConnectionsStatusNotification(e){let t=e.message;switch(e.operation){case 0:this._app.sendSnackbarNotification(t,5e3,!0);break;case 1:case 2:break;case 3:this._app.sendSnackbarNotification(t,3e3,!1,"");break;case 4:this._app.sendSnackbarNotification(t,3e3,!0,"");break;case 5:this._app.sendSnackbarNotification(t,0,!1);break;default:console.error("[AppComponent] Unknown operation code:",e.operation),this._app.sendSnackbarNotification(`Unknown connection status: ${e.state}`,0,!1)}}onSwipeRight(e){this._dashboard.isDashboardStatic()&&!this._uiEvent.isDragging()&&(e.preventDefault(),this.isPhonePortrait().matches?(this.actionsSidenavOpened.set(!1),this.notificationsSidenavOpened.set(!0)):(this.actionsSidenavOpened.set(!1),this.notificationsSidenavOpened.update(t=>!t)))}backdropClicked(){this.notificationsSidenavOpened.update(e=>e?!e:!1),this.actionsSidenavOpened.update(e=>e?!e:!1)}onSwipeLeft(e){this._dashboard.isDashboardStatic()&&!this._uiEvent.isDragging()&&(e.preventDefault(),this.isPhonePortrait().matches?(this.notificationsSidenavOpened.set(!1),this.actionsSidenavOpened.set(!0)):(this.notificationsSidenavOpened.set(!1),this.actionsSidenavOpened.update(t=>!t)))}ngOnDestroy(){this._uiEvent.removeGestureListeners(this._swipeLeftHandler,this._swipeRightHandler),this._uiEvent.removeHotkeyListener(this._hotkeyHandler),this.notificationHowl?.unload(),this.notificationHowl=void 0,this.scheduledOpen&&(clearTimeout(this.scheduledOpen),this.scheduledOpen=null)}static \u0275fac=function(t){return new(t||a)};static \u0275cmp=H({type:a,selectors:[["app-root"]],inputs:{actionsSidenavOpened:[1,"actionsSidenavOpened"],notificationsSidenavOpened:[1,"notificationsSidenavOpened"]},outputs:{actionsSidenavOpened:"actionsSidenavOpenedChange",notificationsSidenavOpened:"notificationsSidenavOpenedChange"},decls:8,vars:3,consts:[["actionsSidenav",""],["kipGestures","",1,"sidenav-container",3,"swipeleft","swiperight","backdropClick"],["mode","over","position","start","autoFocus","true","disableClose","",1,"sidenav-notifications",3,"openedChange","keydown","opened"],["mode","over","position","end","autoFocus","true","disableClose","",1,"sidenav-actions",3,"openedChange","keydown","opened"],[3,"actionsSidenav"],[1,"router-outlet-container"]],template:function(t,i){if(t&1){let o=K();f(0,"mat-sidenav-container",1),R("swipeleft",function(l){return P(o),O(i.onSwipeLeft(l))})("swiperight",function(l){return P(o),O(i.onSwipeRight(l))})("backdropClick",function(){return P(o),O(i.backdropClicked())}),f(1,"mat-sidenav",2),ve("openedChange",function(l){return P(o),fe(i.notificationsSidenavOpened,l)||(i.notificationsSidenavOpened=l),O(l)}),R("keydown",function(l){return P(o),O(i.escapeKeyPressed(l.key))}),U(2,"menu-notifications"),w(),f(3,"mat-sidenav",3,0),ve("openedChange",function(l){return P(o),fe(i.actionsSidenavOpened,l)||(i.actionsSidenavOpened=l),O(l)}),R("keydown",function(l){return P(o),O(i.escapeKeyPressed(l.key))}),U(5,"menu-actions",4),w(),f(6,"mat-sidenav-content"),U(7,"router-outlet",5),w()()}if(t&2){let o=rl(4);C(),ge("opened",i.notificationsSidenavOpened),C(2),ge("opened",i.actionsSidenavOpened),C(2),F("actionsSidenav",o)}},dependencies:[kh,Eh,bt,kd,ut,Ol,Dl,Sd,wd,_d,bd,bn,wr],styles:[".sidenav-container[_ngcontent-%COMP%]{height:100%;width:100%}mat-sidenav-content[_ngcontent-%COMP%]{overflow-y:hidden;overflow-x:hidden}mat-sidenav.sidenav-notifications[_ngcontent-%COMP%]{width:230px;z-index:1200}mat-sidenav.sidenav-actions[_ngcontent-%COMP%]{width:135px;z-index:1200;overflow-x:hidden}"]})}return a})();function Ah(a){return new $e(3e3,!1)}function Yf(){return new $e(3100,!1)}function Kf(){return new $e(3101,!1)}function Qf(a){return new $e(3001,!1)}function Xf(a){return new $e(3003,!1)}function Zf(a){return new $e(3004,!1)}function Oh(a,n){return new $e(3005,!1)}function Rh(){return new $e(3006,!1)}function Ih(){return new $e(3007,!1)}function Nh(a,n){return new $e(3008,!1)}function Wh(a){return new $e(3002,!1)}function Lh(a,n,e,t,i){return new $e(3010,!1)}function Vh(){return new $e(3011,!1)}function Bh(){return new $e(3012,!1)}function zh(){return new $e(3200,!1)}function Fh(){return new $e(3202,!1)}function Hh(){return new $e(3013,!1)}function Uh(a){return new $e(3014,!1)}function Gh(a){return new $e(3015,!1)}function qh(a){return new $e(3016,!1)}function jh(a,n){return new $e(3404,!1)}function Jf(a){return new $e(3502,!1)}function $h(a){return new $e(3503,!1)}function Yh(){return new $e(3300,!1)}function Kh(a){return new $e(3504,!1)}function Qh(a){return new $e(3301,!1)}function Xh(a,n){return new $e(3302,!1)}function Zh(a){return new $e(3303,!1)}function Jh(a,n){return new $e(3400,!1)}function eu(a){return new $e(3401,!1)}function tu(a){return new $e(3402,!1)}function iu(a,n){return new $e(3505,!1)}function Si(a){switch(a.length){case 0:return new gi;case 1:return a[0];default:return new Xi(a)}}function ss(a,n,e=new Map,t=new Map){let i=[],o=[],r=-1,l=null;if(n.forEach(d=>{let p=d.get("offset"),s=p==r,c=s&&l||new Map;d.forEach((m,v)=>{let y=v,S=m;if(v!=="offset")switch(y=a.normalizePropertyName(y,i),S){case Vn:S=e.get(v);break;case Gt:S=t.get(v);break;default:S=a.normalizeStyleValue(v,y,S,i);break}c.set(y,S)}),s||o.push(c),l=c,r=p}),i.length)throw Jf(i);return o}function No(a,n,e,t){switch(n){case"start":a.onStart(()=>t(e&&as(e,"start",a)));break;case"done":a.onDone(()=>t(e&&as(e,"done",a)));break;case"destroy":a.onDestroy(()=>t(e&&as(e,"destroy",a)));break}}function as(a,n,e){let t=e.totalTime,i=!!e.disabled,o=Wo(a.element,a.triggerName,a.fromState,a.toState,n||a.phaseName,t??a.totalTime,i),r=a._data;return r!=null&&(o._data=r),o}function Wo(a,n,e,t,i="",o=0,r){return{element:a,triggerName:n,fromState:e,toState:t,phaseName:i,totalTime:o,disabled:!!r}}function Wt(a,n,e){let t=a.get(n);return t||a.set(n,t=e),t}function ls(a){let n=a.indexOf(":"),e=a.substring(1,n),t=a.slice(n+1);return[e,t]}var e0=typeof document>"u"?null:document.documentElement;function Lo(a){let n=a.parentNode||a.host||null;return n===e0?null:n}function t0(a){return a.substring(1,6)=="ebkit"}var rn=null,Ph=!1;function nu(a){rn||(rn=i0()||{},Ph=rn.style?"WebkitAppearance"in rn.style:!1);let n=!0;return rn.style&&!t0(a)&&(n=a in rn.style,!n&&Ph&&(n="Webkit"+a.charAt(0).toUpperCase()+a.slice(1)in rn.style)),n}function i0(){return typeof document<"u"?document.body:null}function ds(a,n){for(;n;){if(n===a)return!0;n=Lo(n)}return!1}function cs(a,n,e){if(e)return Array.from(a.querySelectorAll(n));let t=a.querySelector(n);return t?[t]:[]}var n0=1e3,hs="{{",a0="}}",us="ng-enter",Vo="ng-leave",ba="ng-trigger",wa=".ng-trigger",ms="ng-animating",Bo=".ng-animating";function fi(a){if(typeof a=="number")return a;let n=a.match(/^(-?[\.\d]+)(m?s)/);return!n||n.length<2?0:os(parseFloat(n[1]),n[2])}function os(a,n){switch(n){case"s":return a*n0;default:return a}}function _a(a,n,e){return a.hasOwnProperty("duration")?a:r0(a,n,e)}var o0=/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i;function r0(a,n,e){let t,i=0,o="";if(typeof a=="string"){let r=a.match(o0);if(r===null)return n.push(Ah(a)),{duration:0,delay:0,easing:""};t=os(parseFloat(r[1]),r[2]);let l=r[3];l!=null&&(i=os(parseFloat(l),r[4]));let d=r[5];d&&(o=d)}else t=a;if(!e){let r=!1,l=n.length;t<0&&(n.push(Yf()),r=!0),i<0&&(n.push(Kf()),r=!0),r&&n.splice(l,0,Ah(a))}return{duration:t,delay:i,easing:o}}function au(a){return a.length?a[0]instanceof Map?a:a.map(n=>new Map(Object.entries(n))):[]}function ii(a,n,e){n.forEach((t,i)=>{let o=zo(i);e&&!e.has(i)&&e.set(i,a.style[o]),a.style[o]=t})}function zi(a,n){n.forEach((e,t)=>{let i=zo(t);a.style[i]=""})}function Qn(a){return Array.isArray(a)?a.length==1?a[0]:Rd(a):a}function ou(a,n,e){let t=n.params||{},i=ps(a);i.length&&i.forEach(o=>{t.hasOwnProperty(o)||e.push(Qf(o))})}var rs=new RegExp(`${hs}\\s*(.+?)\\s*${a0}`,"g");function ps(a){let n=[];if(typeof a=="string"){let e;for(;e=rs.exec(a);)n.push(e[1]);rs.lastIndex=0}return n}function Xn(a,n,e){let t=`${a}`,i=t.replace(rs,(o,r)=>{let l=n[r];return l==null&&(e.push(Xf(r)),l=""),l.toString()});return i==t?a:i}var s0=/-+([a-z0-9])/g;function zo(a){return a.replace(s0,(...n)=>n[1].toUpperCase())}function ru(a,n){return a===0||n===0}function su(a,n,e){if(e.size&&n.length){let t=n[0],i=[];if(e.forEach((o,r)=>{t.has(r)||i.push(r),t.set(r,o)}),i.length)for(let o=1;o<n.length;o++){let r=n[o];i.forEach(l=>r.set(l,Fo(a,l)))}}return n}function Lt(a,n,e){switch(n.type){case Re.Trigger:return a.visitTrigger(n,e);case Re.State:return a.visitState(n,e);case Re.Transition:return a.visitTransition(n,e);case Re.Sequence:return a.visitSequence(n,e);case Re.Group:return a.visitGroup(n,e);case Re.Animate:return a.visitAnimate(n,e);case Re.Keyframes:return a.visitKeyframes(n,e);case Re.Style:return a.visitStyle(n,e);case Re.Reference:return a.visitReference(n,e);case Re.AnimateChild:return a.visitAnimateChild(n,e);case Re.AnimateRef:return a.visitAnimateRef(n,e);case Re.Query:return a.visitQuery(n,e);case Re.Stagger:return a.visitStagger(n,e);default:throw Zf(n.type)}}function Fo(a,n){return window.getComputedStyle(a)[n]}var Ps=(()=>{class a{validateStyleProperty(e){return nu(e)}containsElement(e,t){return ds(e,t)}getParentElement(e){return Lo(e)}query(e,t,i){return cs(e,t,i)}computeStyle(e,t,i){return i||""}animate(e,t,i,o,r,l=[],d){return new gi(i,o)}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac})}return a})(),ln=class{static NOOP=new Ps},dn=class{};var l0=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]),jo=class extends dn{normalizePropertyName(n,e){return zo(n)}normalizeStyleValue(n,e,t,i){let o="",r=t.toString().trim();if(l0.has(e)&&t!==0&&t!=="0")if(typeof t=="number")o="px";else{let l=t.match(/^[+-]?[\d\.]+([a-z]*)$/);l&&l[1].length==0&&i.push(Oh(n,t))}return r+o}};var $o="*";function d0(a,n){let e=[];return typeof a=="string"?a.split(/\s*,\s*/).forEach(t=>c0(t,e,n)):e.push(a),e}function c0(a,n,e){if(a[0]==":"){let d=h0(a,e);if(typeof d=="function"){n.push(d);return}a=d}let t=a.match(/^(\*|[-\w]+)\s*(<?[=-]>)\s*(\*|[-\w]+)$/);if(t==null||t.length<4)return e.push(Gh(a)),n;let i=t[1],o=t[2],r=t[3];n.push(lu(i,r));let l=i==$o&&r==$o;o[0]=="<"&&!l&&n.push(lu(r,i))}function h0(a,n){switch(a){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(e,t)=>parseFloat(t)>parseFloat(e);case":decrement":return(e,t)=>parseFloat(t)<parseFloat(e);default:return n.push(qh(a)),"* => *"}}var Ho=new Set(["true","1"]),Uo=new Set(["false","0"]);function lu(a,n){let e=Ho.has(a)||Uo.has(a),t=Ho.has(n)||Uo.has(n);return(i,o)=>{let r=a==$o||a==i,l=n==$o||n==o;return!r&&e&&typeof i=="boolean"&&(r=i?Ho.has(a):Uo.has(a)),!l&&t&&typeof o=="boolean"&&(l=o?Ho.has(n):Uo.has(n)),r&&l}}var yu=":self",u0=new RegExp(`s*${yu}s*,?`,"g");function bu(a,n,e,t){return new ws(a).build(n,e,t)}var du="",ws=class{_driver;constructor(n){this._driver=n}build(n,e,t){let i=new _s(e);return this._resetContextStyleTimingState(i),Lt(this,Qn(n),i)}_resetContextStyleTimingState(n){n.currentQuerySelector=du,n.collectedStyles=new Map,n.collectedStyles.set(du,new Map),n.currentTime=0}visitTrigger(n,e){let t=e.queryCount=0,i=e.depCount=0,o=[],r=[];return n.name.charAt(0)=="@"&&e.errors.push(Rh()),n.definitions.forEach(l=>{if(this._resetContextStyleTimingState(e),l.type==Re.State){let d=l,p=d.name;p.toString().split(/\s*,\s*/).forEach(s=>{d.name=s,o.push(this.visitState(d,e))}),d.name=p}else if(l.type==Re.Transition){let d=this.visitTransition(l,e);t+=d.queryCount,i+=d.depCount,r.push(d)}else e.errors.push(Ih())}),{type:Re.Trigger,name:n.name,states:o,transitions:r,queryCount:t,depCount:i,options:null}}visitState(n,e){let t=this.visitStyle(n.styles,e),i=n.options&&n.options.params||null;if(t.containsDynamicStyles){let o=new Set,r=i||{};t.styles.forEach(l=>{l instanceof Map&&l.forEach(d=>{ps(d).forEach(p=>{r.hasOwnProperty(p)||o.add(p)})})}),o.size&&e.errors.push(Nh(n.name,[...o.values()]))}return{type:Re.State,name:n.name,style:t,options:i?{params:i}:null}}visitTransition(n,e){e.queryCount=0,e.depCount=0;let t=Lt(this,Qn(n.animation),e),i=d0(n.expr,e.errors);return{type:Re.Transition,matchers:i,animation:t,queryCount:e.queryCount,depCount:e.depCount,options:sn(n.options)}}visitSequence(n,e){return{type:Re.Sequence,steps:n.steps.map(t=>Lt(this,t,e)),options:sn(n.options)}}visitGroup(n,e){let t=e.currentTime,i=0,o=n.steps.map(r=>{e.currentTime=t;let l=Lt(this,r,e);return i=Math.max(i,e.currentTime),l});return e.currentTime=i,{type:Re.Group,steps:o,options:sn(n.options)}}visitAnimate(n,e){let t=f0(n.timings,e.errors);e.currentAnimateTimings=t;let i,o=n.styles?n.styles:bi({});if(o.type==Re.Keyframes)i=this.visitKeyframes(o,e);else{let r=n.styles,l=!1;if(!r){l=!0;let p={};t.easing&&(p.easing=t.easing),r=bi(p)}e.currentTime+=t.duration+t.delay;let d=this.visitStyle(r,e);d.isEmptyStep=l,i=d}return e.currentAnimateTimings=null,{type:Re.Animate,timings:t,style:i,options:null}}visitStyle(n,e){let t=this._makeStyleAst(n,e);return this._validateStyleAst(t,e),t}_makeStyleAst(n,e){let t=[],i=Array.isArray(n.styles)?n.styles:[n.styles];for(let l of i)typeof l=="string"?l===Gt?t.push(l):e.errors.push(Wh(l)):t.push(new Map(Object.entries(l)));let o=!1,r=null;return t.forEach(l=>{if(l instanceof Map&&(l.has("easing")&&(r=l.get("easing"),l.delete("easing")),!o)){for(let d of l.values())if(d.toString().indexOf(hs)>=0){o=!0;break}}}),{type:Re.Style,styles:t,easing:r,offset:n.offset,containsDynamicStyles:o,options:null}}_validateStyleAst(n,e){let t=e.currentAnimateTimings,i=e.currentTime,o=e.currentTime;t&&o>0&&(o-=t.duration+t.delay),n.styles.forEach(r=>{typeof r!="string"&&r.forEach((l,d)=>{let p=e.collectedStyles.get(e.currentQuerySelector),s=p.get(d),c=!0;s&&(o!=i&&o>=s.startTime&&i<=s.endTime&&(e.errors.push(Lh(d,s.startTime,s.endTime,o,i)),c=!1),o=s.startTime),c&&p.set(d,{startTime:o,endTime:i}),e.options&&ou(l,e.options,e.errors)})})}visitKeyframes(n,e){let t={type:Re.Keyframes,styles:[],options:null};if(!e.currentAnimateTimings)return e.errors.push(Vh()),t;let i=1,o=0,r=[],l=!1,d=!1,p=0,s=n.steps.map(V=>{let z=this._makeStyleAst(V,e),X=z.offset!=null?z.offset:g0(z.styles),se=0;return X!=null&&(o++,se=z.offset=X),d=d||se<0||se>1,l=l||se<p,p=se,r.push(se),z});d&&e.errors.push(Bh()),l&&e.errors.push(zh());let c=n.steps.length,m=0;o>0&&o<c?e.errors.push(Fh()):o==0&&(m=i/(c-1));let v=c-1,y=e.currentTime,S=e.currentAnimateTimings,x=S.duration;return s.forEach((V,z)=>{let X=m>0?z==v?1:m*z:r[z],se=X*x;e.currentTime=y+S.delay+se,S.duration=se,this._validateStyleAst(V,e),V.offset=X,t.styles.push(V)}),t}visitReference(n,e){return{type:Re.Reference,animation:Lt(this,Qn(n.animation),e),options:sn(n.options)}}visitAnimateChild(n,e){return e.depCount++,{type:Re.AnimateChild,options:sn(n.options)}}visitAnimateRef(n,e){return{type:Re.AnimateRef,animation:this.visitReference(n.animation,e),options:sn(n.options)}}visitQuery(n,e){let t=e.currentQuerySelector,i=n.options||{};e.queryCount++,e.currentQuery=n;let[o,r]=m0(n.selector);e.currentQuerySelector=t.length?t+" "+o:o,Wt(e.collectedStyles,e.currentQuerySelector,new Map);let l=Lt(this,Qn(n.animation),e);return e.currentQuery=null,e.currentQuerySelector=t,{type:Re.Query,selector:o,limit:i.limit||0,optional:!!i.optional,includeSelf:r,animation:l,originalSelector:n.selector,options:sn(n.options)}}visitStagger(n,e){e.currentQuery||e.errors.push(Hh());let t=n.timings==="full"?{duration:0,delay:0,easing:"full"}:_a(n.timings,e.errors,!0);return{type:Re.Stagger,animation:Lt(this,Qn(n.animation),e),timings:t,options:null}}};function m0(a){let n=!!a.split(/\s*,\s*/).find(e=>e==yu);return n&&(a=a.replace(u0,"")),a=a.replace(/@\*/g,wa).replace(/@\w+/g,e=>wa+"-"+e.slice(1)).replace(/:animating/g,Bo),[a,n]}function p0(a){return a?Y({},a):null}var _s=class{errors;queryCount=0;depCount=0;currentTransition=null;currentQuery=null;currentQuerySelector=null;currentAnimateTimings=null;currentTime=0;collectedStyles=new Map;options=null;unsupportedCSSPropertiesFound=new Set;constructor(n){this.errors=n}};function g0(a){if(typeof a=="string")return null;let n=null;if(Array.isArray(a))a.forEach(e=>{if(e instanceof Map&&e.has("offset")){let t=e;n=parseFloat(t.get("offset")),t.delete("offset")}});else if(a instanceof Map&&a.has("offset")){let e=a;n=parseFloat(e.get("offset")),e.delete("offset")}return n}function f0(a,n){if(a.hasOwnProperty("duration"))return a;if(typeof a=="number"){let o=_a(a,n).duration;return gs(o,0,"")}let e=a;if(e.split(/\s+/).some(o=>o.charAt(0)=="{"&&o.charAt(1)=="{")){let o=gs(0,0,"");return o.dynamic=!0,o.strValue=e,o}let i=_a(e,n);return gs(i.duration,i.delay,i.easing)}function sn(a){return a?(a=Y({},a),a.params&&(a.params=p0(a.params))):a={},a}function gs(a,n,e){return{duration:a,delay:n,easing:e}}function Os(a,n,e,t,i,o,r=null,l=!1){return{type:1,element:a,keyframes:n,preStyleProps:e,postStyleProps:t,duration:i,delay:o,totalTime:i+o,easing:r,subTimeline:l}}var Ca=class{_map=new Map;get(n){return this._map.get(n)||[]}append(n,e){let t=this._map.get(n);t||this._map.set(n,t=[]),t.push(...e)}has(n){return this._map.has(n)}clear(){this._map.clear()}},v0=1,y0=":enter",b0=new RegExp(y0,"g"),w0=":leave",_0=new RegExp(w0,"g");function wu(a,n,e,t,i,o=new Map,r=new Map,l,d,p=[]){return new Ss().buildKeyframes(a,n,e,t,i,o,r,l,d,p)}var Ss=class{buildKeyframes(n,e,t,i,o,r,l,d,p,s=[]){p=p||new Ca;let c=new Cs(n,e,p,i,o,s,[]);c.options=d;let m=d.delay?fi(d.delay):0;c.currentTimeline.delayNextStep(m),c.currentTimeline.setStyles([r],null,c.errors,d),Lt(this,t,c);let v=c.timelines.filter(y=>y.containsAnimation());if(v.length&&l.size){let y;for(let S=v.length-1;S>=0;S--){let x=v[S];if(x.element===e){y=x;break}}y&&!y.allowOnlyTimelineStyles()&&y.setStyles([l],null,c.errors,d)}return v.length?v.map(y=>y.buildKeyframes()):[Os(e,[],[],[],0,m,"",!1)]}visitTrigger(n,e){}visitState(n,e){}visitTransition(n,e){}visitAnimateChild(n,e){let t=e.subInstructions.get(e.element);if(t){let i=e.createSubContext(n.options),o=e.currentTimeline.currentTime,r=this._visitSubInstructions(t,i,i.options);o!=r&&e.transformIntoNewTimeline(r)}e.previousNode=n}visitAnimateRef(n,e){let t=e.createSubContext(n.options);t.transformIntoNewTimeline(),this._applyAnimationRefDelays([n.options,n.animation.options],e,t),this.visitReference(n.animation,t),e.transformIntoNewTimeline(t.currentTimeline.currentTime),e.previousNode=n}_applyAnimationRefDelays(n,e,t){for(let i of n){let o=i?.delay;if(o){let r=typeof o=="number"?o:fi(Xn(o,i?.params??{},e.errors));t.delayNextStep(r)}}}_visitSubInstructions(n,e,t){let o=e.currentTimeline.currentTime,r=t.duration!=null?fi(t.duration):null,l=t.delay!=null?fi(t.delay):null;return r!==0&&n.forEach(d=>{let p=e.appendInstructionToTimeline(d,r,l);o=Math.max(o,p.duration+p.delay)}),o}visitReference(n,e){e.updateOptions(n.options,!0),Lt(this,n.animation,e),e.previousNode=n}visitSequence(n,e){let t=e.subContextCount,i=e,o=n.options;if(o&&(o.params||o.delay)&&(i=e.createSubContext(o),i.transformIntoNewTimeline(),o.delay!=null)){i.previousNode.type==Re.Style&&(i.currentTimeline.snapshotCurrentStyles(),i.previousNode=Yo);let r=fi(o.delay);i.delayNextStep(r)}n.steps.length&&(n.steps.forEach(r=>Lt(this,r,i)),i.currentTimeline.applyStylesToKeyframe(),i.subContextCount>t&&i.transformIntoNewTimeline()),e.previousNode=n}visitGroup(n,e){let t=[],i=e.currentTimeline.currentTime,o=n.options&&n.options.delay?fi(n.options.delay):0;n.steps.forEach(r=>{let l=e.createSubContext(n.options);o&&l.delayNextStep(o),Lt(this,r,l),i=Math.max(i,l.currentTimeline.currentTime),t.push(l.currentTimeline)}),t.forEach(r=>e.currentTimeline.mergeTimelineCollectedStyles(r)),e.transformIntoNewTimeline(i),e.previousNode=n}_visitTiming(n,e){if(n.dynamic){let t=n.strValue,i=e.params?Xn(t,e.params,e.errors):t;return _a(i,e.errors)}else return{duration:n.duration,delay:n.delay,easing:n.easing}}visitAnimate(n,e){let t=e.currentAnimateTimings=this._visitTiming(n.timings,e),i=e.currentTimeline;t.delay&&(e.incrementTime(t.delay),i.snapshotCurrentStyles());let o=n.style;o.type==Re.Keyframes?this.visitKeyframes(o,e):(e.incrementTime(t.duration),this.visitStyle(o,e),i.applyStylesToKeyframe()),e.currentAnimateTimings=null,e.previousNode=n}visitStyle(n,e){let t=e.currentTimeline,i=e.currentAnimateTimings;!i&&t.hasCurrentStyleProperties()&&t.forwardFrame();let o=i&&i.easing||n.easing;n.isEmptyStep?t.applyEmptyStep(o):t.setStyles(n.styles,o,e.errors,e.options),e.previousNode=n}visitKeyframes(n,e){let t=e.currentAnimateTimings,i=e.currentTimeline.duration,o=t.duration,l=e.createSubContext().currentTimeline;l.easing=t.easing,n.styles.forEach(d=>{let p=d.offset||0;l.forwardTime(p*o),l.setStyles(d.styles,d.easing,e.errors,e.options),l.applyStylesToKeyframe()}),e.currentTimeline.mergeTimelineCollectedStyles(l),e.transformIntoNewTimeline(i+o),e.previousNode=n}visitQuery(n,e){let t=e.currentTimeline.currentTime,i=n.options||{},o=i.delay?fi(i.delay):0;o&&(e.previousNode.type===Re.Style||t==0&&e.currentTimeline.hasCurrentStyleProperties())&&(e.currentTimeline.snapshotCurrentStyles(),e.previousNode=Yo);let r=t,l=e.invokeQuery(n.selector,n.originalSelector,n.limit,n.includeSelf,!!i.optional,e.errors);e.currentQueryTotal=l.length;let d=null;l.forEach((p,s)=>{e.currentQueryIndex=s;let c=e.createSubContext(n.options,p);o&&c.delayNextStep(o),p===e.element&&(d=c.currentTimeline),Lt(this,n.animation,c),c.currentTimeline.applyStylesToKeyframe();let m=c.currentTimeline.currentTime;r=Math.max(r,m)}),e.currentQueryIndex=0,e.currentQueryTotal=0,e.transformIntoNewTimeline(r),d&&(e.currentTimeline.mergeTimelineCollectedStyles(d),e.currentTimeline.snapshotCurrentStyles()),e.previousNode=n}visitStagger(n,e){let t=e.parentContext,i=e.currentTimeline,o=n.timings,r=Math.abs(o.duration),l=r*(e.currentQueryTotal-1),d=r*e.currentQueryIndex;switch(o.duration<0?"reverse":o.easing){case"reverse":d=l-d;break;case"full":d=t.currentStaggerTime;break}let s=e.currentTimeline;d&&s.delayNextStep(d);let c=s.currentTime;Lt(this,n.animation,e),e.previousNode=n,t.currentStaggerTime=i.currentTime-c+(i.startTime-t.currentTimeline.startTime)}},Yo={},Cs=class a{_driver;element;subInstructions;_enterClassName;_leaveClassName;errors;timelines;parentContext=null;currentTimeline;currentAnimateTimings=null;previousNode=Yo;subContextCount=0;options={};currentQueryIndex=0;currentQueryTotal=0;currentStaggerTime=0;constructor(n,e,t,i,o,r,l,d){this._driver=n,this.element=e,this.subInstructions=t,this._enterClassName=i,this._leaveClassName=o,this.errors=r,this.timelines=l,this.currentTimeline=d||new Ko(this._driver,e,0),l.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(n,e){if(!n)return;let t=n,i=this.options;t.duration!=null&&(i.duration=fi(t.duration)),t.delay!=null&&(i.delay=fi(t.delay));let o=t.params;if(o){let r=i.params;r||(r=this.options.params={}),Object.keys(o).forEach(l=>{(!e||!r.hasOwnProperty(l))&&(r[l]=Xn(o[l],r,this.errors))})}}_copyOptions(){let n={};if(this.options){let e=this.options.params;if(e){let t=n.params={};Object.keys(e).forEach(i=>{t[i]=e[i]})}}return n}createSubContext(n=null,e,t){let i=e||this.element,o=new a(this._driver,i,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(i,t||0));return o.previousNode=this.previousNode,o.currentAnimateTimings=this.currentAnimateTimings,o.options=this._copyOptions(),o.updateOptions(n),o.currentQueryIndex=this.currentQueryIndex,o.currentQueryTotal=this.currentQueryTotal,o.parentContext=this,this.subContextCount++,o}transformIntoNewTimeline(n){return this.previousNode=Yo,this.currentTimeline=this.currentTimeline.fork(this.element,n),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(n,e,t){let i={duration:e??n.duration,delay:this.currentTimeline.currentTime+(t??0)+n.delay,easing:""},o=new ks(this._driver,n.element,n.keyframes,n.preStyleProps,n.postStyleProps,i,n.stretchStartingKeyframe);return this.timelines.push(o),i}incrementTime(n){this.currentTimeline.forwardTime(this.currentTimeline.duration+n)}delayNextStep(n){n>0&&this.currentTimeline.delayNextStep(n)}invokeQuery(n,e,t,i,o,r){let l=[];if(i&&l.push(this.element),n.length>0){n=n.replace(b0,"."+this._enterClassName),n=n.replace(_0,"."+this._leaveClassName);let d=t!=1,p=this._driver.query(this.element,n,d);t!==0&&(p=t<0?p.slice(p.length+t,p.length):p.slice(0,t)),l.push(...p)}return!o&&l.length==0&&r.push(Uh(e)),l}},Ko=class a{_driver;element;startTime;_elementTimelineStylesLookup;duration=0;easing=null;_previousKeyframe=new Map;_currentKeyframe=new Map;_keyframes=new Map;_styleSummary=new Map;_localTimelineStyles=new Map;_globalTimelineStyles;_pendingStyles=new Map;_backFill=new Map;_currentEmptyStepKeyframe=null;constructor(n,e,t,i){this._driver=n,this.element=e,this.startTime=t,this._elementTimelineStylesLookup=i,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(e),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(e,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(n){let e=this._keyframes.size===1&&this._pendingStyles.size;this.duration||e?(this.forwardTime(this.currentTime+n),e&&this.snapshotCurrentStyles()):this.startTime+=n}fork(n,e){return this.applyStylesToKeyframe(),new a(this._driver,n,e||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=v0,this._loadKeyframe()}forwardTime(n){this.applyStylesToKeyframe(),this.duration=n,this._loadKeyframe()}_updateStyle(n,e){this._localTimelineStyles.set(n,e),this._globalTimelineStyles.set(n,e),this._styleSummary.set(n,{time:this.currentTime,value:e})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(n){n&&this._previousKeyframe.set("easing",n);for(let[e,t]of this._globalTimelineStyles)this._backFill.set(e,t||Gt),this._currentKeyframe.set(e,Gt);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(n,e,t,i){e&&this._previousKeyframe.set("easing",e);let o=i&&i.params||{},r=S0(n,this._globalTimelineStyles);for(let[l,d]of r){let p=Xn(d,o,t);this._pendingStyles.set(l,p),this._localTimelineStyles.has(l)||this._backFill.set(l,this._globalTimelineStyles.get(l)??Gt),this._updateStyle(l,p)}}applyStylesToKeyframe(){this._pendingStyles.size!=0&&(this._pendingStyles.forEach((n,e)=>{this._currentKeyframe.set(e,n)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((n,e)=>{this._currentKeyframe.has(e)||this._currentKeyframe.set(e,n)}))}snapshotCurrentStyles(){for(let[n,e]of this._localTimelineStyles)this._pendingStyles.set(n,e),this._updateStyle(n,e)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){let n=[];for(let e in this._currentKeyframe)n.push(e);return n}mergeTimelineCollectedStyles(n){n._styleSummary.forEach((e,t)=>{let i=this._styleSummary.get(t);(!i||e.time>i.time)&&this._updateStyle(t,e.value)})}buildKeyframes(){this.applyStylesToKeyframe();let n=new Set,e=new Set,t=this._keyframes.size===1&&this.duration===0,i=[];this._keyframes.forEach((l,d)=>{let p=new Map([...this._backFill,...l]);p.forEach((s,c)=>{s===Vn?n.add(c):s===Gt&&e.add(c)}),t||p.set("offset",d/this.duration),i.push(p)});let o=[...n.values()],r=[...e.values()];if(t){let l=i[0],d=new Map(l);l.set("offset",0),d.set("offset",1),i=[l,d]}return Os(this.element,i,o,r,this.duration,this.startTime,this.easing,!1)}},ks=class extends Ko{keyframes;preStyleProps;postStyleProps;_stretchStartingKeyframe;timings;constructor(n,e,t,i,o,r,l=!1){super(n,e,r.delay),this.keyframes=t,this.preStyleProps=i,this.postStyleProps=o,this._stretchStartingKeyframe=l,this.timings={duration:r.duration,delay:r.delay,easing:r.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let n=this.keyframes,{delay:e,duration:t,easing:i}=this.timings;if(this._stretchStartingKeyframe&&e){let o=[],r=t+e,l=e/r,d=new Map(n[0]);d.set("offset",0),o.push(d);let p=new Map(n[0]);p.set("offset",cu(l)),o.push(p);let s=n.length-1;for(let c=1;c<=s;c++){let m=new Map(n[c]),v=m.get("offset"),y=e+v*t;m.set("offset",cu(y/r)),o.push(m)}t=r,e=0,i="",n=o}return Os(this.element,n,this.preStyleProps,this.postStyleProps,t,e,i,!0)}};function cu(a,n=3){let e=Math.pow(10,n-1);return Math.round(a*e)/e}function S0(a,n){let e=new Map,t;return a.forEach(i=>{if(i==="*"){t??=n.keys();for(let o of t)e.set(o,Gt)}else for(let[o,r]of i)e.set(o,r)}),e}function hu(a,n,e,t,i,o,r,l,d,p,s,c,m){return{type:0,element:a,triggerName:n,isRemovalTransition:i,fromState:e,fromStyles:o,toState:t,toStyles:r,timelines:l,queriedElements:d,preStyleProps:p,postStyleProps:s,totalTime:c,errors:m}}var fs={},Qo=class{_triggerName;ast;_stateStyles;constructor(n,e,t){this._triggerName=n,this.ast=e,this._stateStyles=t}match(n,e,t,i){return C0(this.ast.matchers,n,e,t,i)}buildStyles(n,e,t){let i=this._stateStyles.get("*");return n!==void 0&&(i=this._stateStyles.get(n?.toString())||i),i?i.buildStyles(e,t):new Map}build(n,e,t,i,o,r,l,d,p,s){let c=[],m=this.ast.options&&this.ast.options.params||fs,v=l&&l.params||fs,y=this.buildStyles(t,v,c),S=d&&d.params||fs,x=this.buildStyles(i,S,c),V=new Set,z=new Map,X=new Map,se=i==="void",_e={params:_u(S,m),delay:this.ast.options?.delay},De=s?[]:wu(n,e,this.ast.animation,o,r,y,x,_e,p,c),me=0;return De.forEach(J=>{me=Math.max(J.duration+J.delay,me)}),c.length?hu(e,this._triggerName,t,i,se,y,x,[],[],z,X,me,c):(De.forEach(J=>{let xe=J.element,Le=Wt(z,xe,new Set);J.preStyleProps.forEach(qe=>Le.add(qe));let dt=Wt(X,xe,new Set);J.postStyleProps.forEach(qe=>dt.add(qe)),xe!==e&&V.add(xe)}),hu(e,this._triggerName,t,i,se,y,x,De,[...V.values()],z,X,me))}};function C0(a,n,e,t,i){return a.some(o=>o(n,e,t,i))}function _u(a,n){let e=Y({},n);return Object.entries(a).forEach(([t,i])=>{i!=null&&(e[t]=i)}),e}var xs=class{styles;defaultParams;normalizer;constructor(n,e,t){this.styles=n,this.defaultParams=e,this.normalizer=t}buildStyles(n,e){let t=new Map,i=_u(n,this.defaultParams);return this.styles.styles.forEach(o=>{typeof o!="string"&&o.forEach((r,l)=>{r&&(r=Xn(r,i,e));let d=this.normalizer.normalizePropertyName(l,e);r=this.normalizer.normalizeStyleValue(l,d,r,e),t.set(l,r)})}),t}};function k0(a,n,e){return new Ts(a,n,e)}var Ts=class{name;ast;_normalizer;transitionFactories=[];fallbackTransition;states=new Map;constructor(n,e,t){this.name=n,this.ast=e,this._normalizer=t,e.states.forEach(i=>{let o=i.options&&i.options.params||{};this.states.set(i.name,new xs(i.style,o,t))}),uu(this.states,"true","1"),uu(this.states,"false","0"),e.transitions.forEach(i=>{this.transitionFactories.push(new Qo(n,i,this.states))}),this.fallbackTransition=x0(n,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(n,e,t,i){return this.transitionFactories.find(r=>r.match(n,e,t,i))||null}matchStyles(n,e,t){return this.fallbackTransition.buildStyles(n,e,t)}};function x0(a,n,e){let t=[(r,l)=>!0],i={type:Re.Sequence,steps:[],options:null},o={type:Re.Transition,animation:i,matchers:t,options:null,queryCount:0,depCount:0};return new Qo(a,o,n)}function uu(a,n,e){a.has(n)?a.has(e)||a.set(e,a.get(n)):a.has(e)&&a.set(n,a.get(e))}var T0=new Ca,Es=class{bodyNode;_driver;_normalizer;_animations=new Map;_playersById=new Map;players=[];constructor(n,e,t){this.bodyNode=n,this._driver=e,this._normalizer=t}register(n,e){let t=[],i=[],o=bu(this._driver,e,t,i);if(t.length)throw $h(t);this._animations.set(n,o)}_buildPlayer(n,e,t){let i=n.element,o=ss(this._normalizer,n.keyframes,e,t);return this._driver.animate(i,o,n.duration,n.delay,n.easing,[],!0)}create(n,e,t={}){let i=[],o=this._animations.get(n),r,l=new Map;if(o?(r=wu(this._driver,e,o,us,Vo,new Map,new Map,t,T0,i),r.forEach(s=>{let c=Wt(l,s.element,new Map);s.postStyleProps.forEach(m=>c.set(m,null))})):(i.push(Yh()),r=[]),i.length)throw Kh(i);l.forEach((s,c)=>{s.forEach((m,v)=>{s.set(v,this._driver.computeStyle(c,v,Gt))})});let d=r.map(s=>{let c=l.get(s.element);return this._buildPlayer(s,new Map,c)}),p=Si(d);return this._playersById.set(n,p),p.onDestroy(()=>this.destroy(n)),this.players.push(p),p}destroy(n){let e=this._getPlayer(n);e.destroy(),this._playersById.delete(n);let t=this.players.indexOf(e);t>=0&&this.players.splice(t,1)}_getPlayer(n){let e=this._playersById.get(n);if(!e)throw Qh(n);return e}listen(n,e,t,i){let o=Wo(e,"","","");return No(this._getPlayer(n),t,o,i),()=>{}}command(n,e,t,i){if(t=="register"){this.register(n,i[0]);return}if(t=="create"){let r=i[0]||{};this.create(n,e,r);return}let o=this._getPlayer(n);switch(t){case"play":o.play();break;case"pause":o.pause();break;case"reset":o.reset();break;case"restart":o.restart();break;case"finish":o.finish();break;case"init":o.init();break;case"setPosition":o.setPosition(parseFloat(i[0]));break;case"destroy":this.destroy(n);break}}},mu="ng-animate-queued",E0=".ng-animate-queued",vs="ng-animate-disabled",M0=".ng-animate-disabled",D0="ng-star-inserted",A0=".ng-star-inserted",P0=[],Su={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},O0={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},ni="__ng_removed",ka=class{namespaceId;value;options;get params(){return this.options.params}constructor(n,e=""){this.namespaceId=e;let t=n&&n.hasOwnProperty("value"),i=t?n.value:n;if(this.value=I0(i),t){let o=n,{value:r}=o,l=Fs(o,["value"]);this.options=l}else this.options={};this.options.params||(this.options.params={})}absorbOptions(n){let e=n.params;if(e){let t=this.options.params;Object.keys(e).forEach(i=>{t[i]==null&&(t[i]=e[i])})}}},Sa="void",ys=new ka(Sa),Ms=class{id;hostElement;_engine;players=[];_triggers=new Map;_queue=[];_elementListeners=new Map;_hostClassName;constructor(n,e,t){this.id=n,this.hostElement=e,this._engine=t,this._hostClassName="ng-tns-"+n,$t(e,this._hostClassName)}listen(n,e,t,i){if(!this._triggers.has(e))throw Xh(t,e);if(t==null||t.length==0)throw Zh(e);if(!N0(t))throw Jh(t,e);let o=Wt(this._elementListeners,n,[]),r={name:e,phase:t,callback:i};o.push(r);let l=Wt(this._engine.statesByElement,n,new Map);return l.has(e)||($t(n,ba),$t(n,ba+"-"+e),l.set(e,ys)),()=>{this._engine.afterFlush(()=>{let d=o.indexOf(r);d>=0&&o.splice(d,1),this._triggers.has(e)||l.delete(e)})}}register(n,e){return this._triggers.has(n)?!1:(this._triggers.set(n,e),!0)}_getTrigger(n){let e=this._triggers.get(n);if(!e)throw eu(n);return e}trigger(n,e,t,i=!0){let o=this._getTrigger(e),r=new xa(this.id,e,n),l=this._engine.statesByElement.get(n);l||($t(n,ba),$t(n,ba+"-"+e),this._engine.statesByElement.set(n,l=new Map));let d=l.get(e),p=new ka(t,this.id);if(!(t&&t.hasOwnProperty("value"))&&d&&p.absorbOptions(d.options),l.set(e,p),d||(d=ys),!(p.value===Sa)&&d.value===p.value){if(!V0(d.params,p.params)){let S=[],x=o.matchStyles(d.value,d.params,S),V=o.matchStyles(p.value,p.params,S);S.length?this._engine.reportError(S):this._engine.afterFlush(()=>{zi(n,x),ii(n,V)})}return}let m=Wt(this._engine.playersByElement,n,[]);m.forEach(S=>{S.namespaceId==this.id&&S.triggerName==e&&S.queued&&S.destroy()});let v=o.matchTransition(d.value,p.value,n,p.params),y=!1;if(!v){if(!i)return;v=o.fallbackTransition,y=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:n,triggerName:e,transition:v,fromState:d,toState:p,player:r,isFallbackTransition:y}),y||($t(n,mu),r.onStart(()=>{Zn(n,mu)})),r.onDone(()=>{let S=this.players.indexOf(r);S>=0&&this.players.splice(S,1);let x=this._engine.playersByElement.get(n);if(x){let V=x.indexOf(r);V>=0&&x.splice(V,1)}}),this.players.push(r),m.push(r),r}deregister(n){this._triggers.delete(n),this._engine.statesByElement.forEach(e=>e.delete(n)),this._elementListeners.forEach((e,t)=>{this._elementListeners.set(t,e.filter(i=>i.name!=n))})}clearElementCache(n){this._engine.statesByElement.delete(n),this._elementListeners.delete(n);let e=this._engine.playersByElement.get(n);e&&(e.forEach(t=>t.destroy()),this._engine.playersByElement.delete(n))}_signalRemovalForInnerTriggers(n,e){let t=this._engine.driver.query(n,wa,!0);t.forEach(i=>{if(i[ni])return;let o=this._engine.fetchNamespacesByElement(i);o.size?o.forEach(r=>r.triggerLeaveAnimation(i,e,!1,!0)):this.clearElementCache(i)}),this._engine.afterFlushAnimationsDone(()=>t.forEach(i=>this.clearElementCache(i)))}triggerLeaveAnimation(n,e,t,i){let o=this._engine.statesByElement.get(n),r=new Map;if(o){let l=[];if(o.forEach((d,p)=>{if(r.set(p,d.value),this._triggers.has(p)){let s=this.trigger(n,p,Sa,i);s&&l.push(s)}}),l.length)return this._engine.markElementAsRemoved(this.id,n,!0,e,r),t&&Si(l).onDone(()=>this._engine.processLeaveNode(n)),!0}return!1}prepareLeaveAnimationListeners(n){let e=this._elementListeners.get(n),t=this._engine.statesByElement.get(n);if(e&&t){let i=new Set;e.forEach(o=>{let r=o.name;if(i.has(r))return;i.add(r);let d=this._triggers.get(r).fallbackTransition,p=t.get(r)||ys,s=new ka(Sa),c=new xa(this.id,r,n);this._engine.totalQueuedPlayers++,this._queue.push({element:n,triggerName:r,transition:d,fromState:p,toState:s,player:c,isFallbackTransition:!0})})}}removeNode(n,e){let t=this._engine;if(n.childElementCount&&this._signalRemovalForInnerTriggers(n,e),this.triggerLeaveAnimation(n,e,!0))return;let i=!1;if(t.totalAnimations){let o=t.players.length?t.playersByQueriedElement.get(n):[];if(o&&o.length)i=!0;else{let r=n;for(;r=r.parentNode;)if(t.statesByElement.get(r)){i=!0;break}}}if(this.prepareLeaveAnimationListeners(n),i)t.markElementAsRemoved(this.id,n,!1,e);else{let o=n[ni];(!o||o===Su)&&(t.afterFlush(()=>this.clearElementCache(n)),t.destroyInnerAnimations(n),t._onRemovalComplete(n,e))}}insertNode(n,e){$t(n,this._hostClassName)}drainQueuedTransitions(n){let e=[];return this._queue.forEach(t=>{let i=t.player;if(i.destroyed)return;let o=t.element,r=this._elementListeners.get(o);r&&r.forEach(l=>{if(l.name==t.triggerName){let d=Wo(o,t.triggerName,t.fromState.value,t.toState.value);d._data=n,No(t.player,l.phase,d,l.callback)}}),i.markedForDestroy?this._engine.afterFlush(()=>{i.destroy()}):e.push(t)}),this._queue=[],e.sort((t,i)=>{let o=t.transition.ast.depCount,r=i.transition.ast.depCount;return o==0||r==0?o-r:this._engine.driver.containsElement(t.element,i.element)?1:-1})}destroy(n){this.players.forEach(e=>e.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,n)}},Ds=class{bodyNode;driver;_normalizer;players=[];newHostElements=new Map;playersByElement=new Map;playersByQueriedElement=new Map;statesByElement=new Map;disabledNodes=new Set;totalAnimations=0;totalQueuedPlayers=0;_namespaceLookup={};_namespaceList=[];_flushFns=[];_whenQuietFns=[];namespacesByHostElement=new Map;collectedEnterElements=[];collectedLeaveElements=[];onRemovalComplete=(n,e)=>{};_onRemovalComplete(n,e){this.onRemovalComplete(n,e)}constructor(n,e,t){this.bodyNode=n,this.driver=e,this._normalizer=t}get queuedPlayers(){let n=[];return this._namespaceList.forEach(e=>{e.players.forEach(t=>{t.queued&&n.push(t)})}),n}createNamespace(n,e){let t=new Ms(n,e,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,e)?this._balanceNamespaceList(t,e):(this.newHostElements.set(e,t),this.collectEnterElement(e)),this._namespaceLookup[n]=t}_balanceNamespaceList(n,e){let t=this._namespaceList,i=this.namespacesByHostElement;if(t.length-1>=0){let r=!1,l=this.driver.getParentElement(e);for(;l;){let d=i.get(l);if(d){let p=t.indexOf(d);t.splice(p+1,0,n),r=!0;break}l=this.driver.getParentElement(l)}r||t.unshift(n)}else t.push(n);return i.set(e,n),n}register(n,e){let t=this._namespaceLookup[n];return t||(t=this.createNamespace(n,e)),t}registerTrigger(n,e,t){let i=this._namespaceLookup[n];i&&i.register(e,t)&&this.totalAnimations++}destroy(n,e){n&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{let t=this._fetchNamespace(n);this.namespacesByHostElement.delete(t.hostElement);let i=this._namespaceList.indexOf(t);i>=0&&this._namespaceList.splice(i,1),t.destroy(e),delete this._namespaceLookup[n]}))}_fetchNamespace(n){return this._namespaceLookup[n]}fetchNamespacesByElement(n){let e=new Set,t=this.statesByElement.get(n);if(t){for(let i of t.values())if(i.namespaceId){let o=this._fetchNamespace(i.namespaceId);o&&e.add(o)}}return e}trigger(n,e,t,i){if(Go(e)){let o=this._fetchNamespace(n);if(o)return o.trigger(e,t,i),!0}return!1}insertNode(n,e,t,i){if(!Go(e))return;let o=e[ni];if(o&&o.setForRemoval){o.setForRemoval=!1,o.setForMove=!0;let r=this.collectedLeaveElements.indexOf(e);r>=0&&this.collectedLeaveElements.splice(r,1)}if(n){let r=this._fetchNamespace(n);r&&r.insertNode(e,t)}i&&this.collectEnterElement(e)}collectEnterElement(n){this.collectedEnterElements.push(n)}markElementAsDisabled(n,e){e?this.disabledNodes.has(n)||(this.disabledNodes.add(n),$t(n,vs)):this.disabledNodes.has(n)&&(this.disabledNodes.delete(n),Zn(n,vs))}removeNode(n,e,t){if(Go(e)){let i=n?this._fetchNamespace(n):null;i?i.removeNode(e,t):this.markElementAsRemoved(n,e,!1,t);let o=this.namespacesByHostElement.get(e);o&&o.id!==n&&o.removeNode(e,t)}else this._onRemovalComplete(e,t)}markElementAsRemoved(n,e,t,i,o){this.collectedLeaveElements.push(e),e[ni]={namespaceId:n,setForRemoval:i,hasAnimation:t,removedBeforeQueried:!1,previousTriggersValues:o}}listen(n,e,t,i,o){return Go(e)?this._fetchNamespace(n).listen(e,t,i,o):()=>{}}_buildInstruction(n,e,t,i,o){return n.transition.build(this.driver,n.element,n.fromState.value,n.toState.value,t,i,n.fromState.options,n.toState.options,e,o)}destroyInnerAnimations(n){let e=this.driver.query(n,wa,!0);e.forEach(t=>this.destroyActiveAnimationsForElement(t)),this.playersByQueriedElement.size!=0&&(e=this.driver.query(n,Bo,!0),e.forEach(t=>this.finishActiveQueriedAnimationOnElement(t)))}destroyActiveAnimationsForElement(n){let e=this.playersByElement.get(n);e&&e.forEach(t=>{t.queued?t.markedForDestroy=!0:t.destroy()})}finishActiveQueriedAnimationOnElement(n){let e=this.playersByQueriedElement.get(n);e&&e.forEach(t=>t.finish())}whenRenderingDone(){return new Promise(n=>{if(this.players.length)return Si(this.players).onDone(()=>n());n()})}processLeaveNode(n){let e=n[ni];if(e&&e.setForRemoval){if(n[ni]=Su,e.namespaceId){this.destroyInnerAnimations(n);let t=this._fetchNamespace(e.namespaceId);t&&t.clearElementCache(n)}this._onRemovalComplete(n,e.setForRemoval)}n.classList?.contains(vs)&&this.markElementAsDisabled(n,!1),this.driver.query(n,M0,!0).forEach(t=>{this.markElementAsDisabled(t,!1)})}flush(n=-1){let e=[];if(this.newHostElements.size&&(this.newHostElements.forEach((t,i)=>this._balanceNamespaceList(t,i)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let t=0;t<this.collectedEnterElements.length;t++){let i=this.collectedEnterElements[t];$t(i,D0)}if(this._namespaceList.length&&(this.totalQueuedPlayers||this.collectedLeaveElements.length)){let t=[];try{e=this._flushAnimations(t,n)}finally{for(let i=0;i<t.length;i++)t[i]()}}else for(let t=0;t<this.collectedLeaveElements.length;t++){let i=this.collectedLeaveElements[t];this.processLeaveNode(i)}if(this.totalQueuedPlayers=0,this.collectedEnterElements.length=0,this.collectedLeaveElements.length=0,this._flushFns.forEach(t=>t()),this._flushFns=[],this._whenQuietFns.length){let t=this._whenQuietFns;this._whenQuietFns=[],e.length?Si(e).onDone(()=>{t.forEach(i=>i())}):t.forEach(i=>i())}}reportError(n){throw tu(n)}_flushAnimations(n,e){let t=new Ca,i=[],o=new Map,r=[],l=new Map,d=new Map,p=new Map,s=new Set;this.disabledNodes.forEach(ae=>{s.add(ae);let ue=this.driver.query(ae,E0,!0);for(let be=0;be<ue.length;be++)s.add(ue[be])});let c=this.bodyNode,m=Array.from(this.statesByElement.keys()),v=fu(m,this.collectedEnterElements),y=new Map,S=0;v.forEach((ae,ue)=>{let be=us+S++;y.set(ue,be),ae.forEach(Ve=>$t(Ve,be))});let x=[],V=new Set,z=new Set;for(let ae=0;ae<this.collectedLeaveElements.length;ae++){let ue=this.collectedLeaveElements[ae],be=ue[ni];be&&be.setForRemoval&&(x.push(ue),V.add(ue),be.hasAnimation?this.driver.query(ue,A0,!0).forEach(Ve=>V.add(Ve)):z.add(ue))}let X=new Map,se=fu(m,Array.from(V));se.forEach((ae,ue)=>{let be=Vo+S++;X.set(ue,be),ae.forEach(Ve=>$t(Ve,be))}),n.push(()=>{v.forEach((ae,ue)=>{let be=y.get(ue);ae.forEach(Ve=>Zn(Ve,be))}),se.forEach((ae,ue)=>{let be=X.get(ue);ae.forEach(Ve=>Zn(Ve,be))}),x.forEach(ae=>{this.processLeaveNode(ae)})});let _e=[],De=[];for(let ae=this._namespaceList.length-1;ae>=0;ae--)this._namespaceList[ae].drainQueuedTransitions(e).forEach(be=>{let Ve=be.player,ht=be.element;if(_e.push(Ve),this.collectedEnterElements.length){let gt=ht[ni];if(gt&>.setForMove){if(gt.previousTriggersValues&>.previousTriggersValues.has(be.triggerName)){let oi=gt.previousTriggersValues.get(be.triggerName),Mt=this.statesByElement.get(be.element);if(Mt&&Mt.has(be.triggerName)){let Fi=Mt.get(be.triggerName);Fi.value=oi,Mt.set(be.triggerName,Fi)}}Ve.destroy();return}}let zt=!c||!this.driver.containsElement(c,ht),_t=X.get(ht),Yt=y.get(ht),rt=this._buildInstruction(be,t,Yt,_t,zt);if(rt.errors&&rt.errors.length){De.push(rt);return}if(zt){Ve.onStart(()=>zi(ht,rt.fromStyles)),Ve.onDestroy(()=>ii(ht,rt.toStyles)),i.push(Ve);return}if(be.isFallbackTransition){Ve.onStart(()=>zi(ht,rt.fromStyles)),Ve.onDestroy(()=>ii(ht,rt.toStyles)),i.push(Ve);return}let Ta=[];rt.timelines.forEach(gt=>{gt.stretchStartingKeyframe=!0,this.disabledNodes.has(gt.element)||Ta.push(gt)}),rt.timelines=Ta,t.append(ht,rt.timelines);let tr={instruction:rt,player:Ve,element:ht};r.push(tr),rt.queriedElements.forEach(gt=>Wt(l,gt,[]).push(Ve)),rt.preStyleProps.forEach((gt,oi)=>{if(gt.size){let Mt=d.get(oi);Mt||d.set(oi,Mt=new Set),gt.forEach((Fi,ea)=>Mt.add(ea))}}),rt.postStyleProps.forEach((gt,oi)=>{let Mt=p.get(oi);Mt||p.set(oi,Mt=new Set),gt.forEach((Fi,ea)=>Mt.add(ea))})});if(De.length){let ae=[];De.forEach(ue=>{ae.push(iu(ue.triggerName,ue.errors))}),_e.forEach(ue=>ue.destroy()),this.reportError(ae)}let me=new Map,J=new Map;r.forEach(ae=>{let ue=ae.element;t.has(ue)&&(J.set(ue,ue),this._beforeAnimationBuild(ae.player.namespaceId,ae.instruction,me))}),i.forEach(ae=>{let ue=ae.element;this._getPreviousPlayers(ue,!1,ae.namespaceId,ae.triggerName,null).forEach(Ve=>{Wt(me,ue,[]).push(Ve),Ve.destroy()})});let xe=x.filter(ae=>vu(ae,d,p)),Le=new Map;gu(Le,this.driver,z,p,Gt).forEach(ae=>{vu(ae,d,p)&&xe.push(ae)});let qe=new Map;v.forEach((ae,ue)=>{gu(qe,this.driver,new Set(ae),d,Vn)}),xe.forEach(ae=>{let ue=Le.get(ae),be=qe.get(ae);Le.set(ae,new Map([...ue?.entries()??[],...be?.entries()??[]]))});let Ye=[],ct=[],ai={};r.forEach(ae=>{let{element:ue,player:be,instruction:Ve}=ae;if(t.has(ue)){if(s.has(ue)){be.onDestroy(()=>ii(ue,Ve.toStyles)),be.disabled=!0,be.overrideTotalTime(Ve.totalTime),i.push(be);return}let ht=ai;if(J.size>1){let _t=ue,Yt=[];for(;_t=_t.parentNode;){let rt=J.get(_t);if(rt){ht=rt;break}Yt.push(_t)}Yt.forEach(rt=>J.set(rt,ht))}let zt=this._buildAnimation(be.namespaceId,Ve,me,o,qe,Le);if(be.setRealPlayer(zt),ht===ai)Ye.push(be);else{let _t=this.playersByElement.get(ht);_t&&_t.length&&(be.parentPlayer=Si(_t)),i.push(be)}}else zi(ue,Ve.fromStyles),be.onDestroy(()=>ii(ue,Ve.toStyles)),ct.push(be),s.has(ue)&&i.push(be)}),ct.forEach(ae=>{let ue=o.get(ae.element);if(ue&&ue.length){let be=Si(ue);ae.setRealPlayer(be)}}),i.forEach(ae=>{ae.parentPlayer?ae.syncPlayerEvents(ae.parentPlayer):ae.destroy()});for(let ae=0;ae<x.length;ae++){let ue=x[ae],be=ue[ni];if(Zn(ue,Vo),be&&be.hasAnimation)continue;let Ve=[];if(l.size){let zt=l.get(ue);zt&&zt.length&&Ve.push(...zt);let _t=this.driver.query(ue,Bo,!0);for(let Yt=0;Yt<_t.length;Yt++){let rt=l.get(_t[Yt]);rt&&rt.length&&Ve.push(...rt)}}let ht=Ve.filter(zt=>!zt.destroyed);ht.length?W0(this,ue,ht):this.processLeaveNode(ue)}return x.length=0,Ye.forEach(ae=>{this.players.push(ae),ae.onDone(()=>{ae.destroy();let ue=this.players.indexOf(ae);this.players.splice(ue,1)}),ae.play()}),Ye}afterFlush(n){this._flushFns.push(n)}afterFlushAnimationsDone(n){this._whenQuietFns.push(n)}_getPreviousPlayers(n,e,t,i,o){let r=[];if(e){let l=this.playersByQueriedElement.get(n);l&&(r=l)}else{let l=this.playersByElement.get(n);if(l){let d=!o||o==Sa;l.forEach(p=>{p.queued||!d&&p.triggerName!=i||r.push(p)})}}return(t||i)&&(r=r.filter(l=>!(t&&t!=l.namespaceId||i&&i!=l.triggerName))),r}_beforeAnimationBuild(n,e,t){let i=e.triggerName,o=e.element,r=e.isRemovalTransition?void 0:n,l=e.isRemovalTransition?void 0:i;for(let d of e.timelines){let p=d.element,s=p!==o,c=Wt(t,p,[]);this._getPreviousPlayers(p,s,r,l,e.toState).forEach(v=>{let y=v.getRealPlayer();y.beforeDestroy&&y.beforeDestroy(),v.destroy(),c.push(v)})}zi(o,e.fromStyles)}_buildAnimation(n,e,t,i,o,r){let l=e.triggerName,d=e.element,p=[],s=new Set,c=new Set,m=e.timelines.map(y=>{let S=y.element;s.add(S);let x=S[ni];if(x&&x.removedBeforeQueried)return new gi(y.duration,y.delay);let V=S!==d,z=L0((t.get(S)||P0).map(me=>me.getRealPlayer())).filter(me=>{let J=me;return J.element?J.element===S:!1}),X=o.get(S),se=r.get(S),_e=ss(this._normalizer,y.keyframes,X,se),De=this._buildPlayer(y,_e,z);if(y.subTimeline&&i&&c.add(S),V){let me=new xa(n,l,S);me.setRealPlayer(De),p.push(me)}return De});p.forEach(y=>{Wt(this.playersByQueriedElement,y.element,[]).push(y),y.onDone(()=>R0(this.playersByQueriedElement,y.element,y))}),s.forEach(y=>$t(y,ms));let v=Si(m);return v.onDestroy(()=>{s.forEach(y=>Zn(y,ms)),ii(d,e.toStyles)}),c.forEach(y=>{Wt(i,y,[]).push(v)}),v}_buildPlayer(n,e,t){return e.length>0?this.driver.animate(n.element,e,n.duration,n.delay,n.easing,t):new gi(n.duration,n.delay)}},xa=class{namespaceId;triggerName;element;_player=new gi;_containsRealPlayer=!1;_queuedCallbacks=new Map;destroyed=!1;parentPlayer=null;markedForDestroy=!1;disabled=!1;queued=!0;totalTime=0;constructor(n,e,t){this.namespaceId=n,this.triggerName=e,this.element=t}setRealPlayer(n){this._containsRealPlayer||(this._player=n,this._queuedCallbacks.forEach((e,t)=>{e.forEach(i=>No(n,t,void 0,i))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(n.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(n){this.totalTime=n}syncPlayerEvents(n){let e=this._player;e.triggerCallback&&n.onStart(()=>e.triggerCallback("start")),n.onDone(()=>this.finish()),n.onDestroy(()=>this.destroy())}_queueEvent(n,e){Wt(this._queuedCallbacks,n,[]).push(e)}onDone(n){this.queued&&this._queueEvent("done",n),this._player.onDone(n)}onStart(n){this.queued&&this._queueEvent("start",n),this._player.onStart(n)}onDestroy(n){this.queued&&this._queueEvent("destroy",n),this._player.onDestroy(n)}init(){this._player.init()}hasStarted(){return this.queued?!1:this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(n){this.queued||this._player.setPosition(n)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(n){let e=this._player;e.triggerCallback&&e.triggerCallback(n)}};function R0(a,n,e){let t=a.get(n);if(t){if(t.length){let i=t.indexOf(e);t.splice(i,1)}t.length==0&&a.delete(n)}return t}function I0(a){return a??null}function Go(a){return a&&a.nodeType===1}function N0(a){return a=="start"||a=="done"}function pu(a,n){let e=a.style.display;return a.style.display=n??"none",e}function gu(a,n,e,t,i){let o=[];e.forEach(d=>o.push(pu(d)));let r=[];t.forEach((d,p)=>{let s=new Map;d.forEach(c=>{let m=n.computeStyle(p,c,i);s.set(c,m),(!m||m.length==0)&&(p[ni]=O0,r.push(p))}),a.set(p,s)});let l=0;return e.forEach(d=>pu(d,o[l++])),r}function fu(a,n){let e=new Map;if(a.forEach(l=>e.set(l,[])),n.length==0)return e;let t=1,i=new Set(n),o=new Map;function r(l){if(!l)return t;let d=o.get(l);if(d)return d;let p=l.parentNode;return e.has(p)?d=p:i.has(p)?d=t:d=r(p),o.set(l,d),d}return n.forEach(l=>{let d=r(l);d!==t&&e.get(d).push(l)}),e}function $t(a,n){a.classList?.add(n)}function Zn(a,n){a.classList?.remove(n)}function W0(a,n,e){Si(e).onDone(()=>a.processLeaveNode(n))}function L0(a){let n=[];return Cu(a,n),n}function Cu(a,n){for(let e=0;e<a.length;e++){let t=a[e];t instanceof Xi?Cu(t.players,n):n.push(t)}}function V0(a,n){let e=Object.keys(a),t=Object.keys(n);if(e.length!=t.length)return!1;for(let i=0;i<e.length;i++){let o=e[i];if(!n.hasOwnProperty(o)||a[o]!==n[o])return!1}return!0}function vu(a,n,e){let t=e.get(a);if(!t)return!1;let i=n.get(a);return i?t.forEach(o=>i.add(o)):n.set(a,t),e.delete(a),!0}var Jn=class{_driver;_normalizer;_transitionEngine;_timelineEngine;_triggerCache={};onRemovalComplete=(n,e)=>{};constructor(n,e,t){this._driver=e,this._normalizer=t,this._transitionEngine=new Ds(n.body,e,t),this._timelineEngine=new Es(n.body,e,t),this._transitionEngine.onRemovalComplete=(i,o)=>this.onRemovalComplete(i,o)}registerTrigger(n,e,t,i,o){let r=n+"-"+i,l=this._triggerCache[r];if(!l){let d=[],p=[],s=bu(this._driver,o,d,p);if(d.length)throw jh(i,d);l=k0(i,s,this._normalizer),this._triggerCache[r]=l}this._transitionEngine.registerTrigger(e,i,l)}register(n,e){this._transitionEngine.register(n,e)}destroy(n,e){this._transitionEngine.destroy(n,e)}onInsert(n,e,t,i){this._transitionEngine.insertNode(n,e,t,i)}onRemove(n,e,t){this._transitionEngine.removeNode(n,e,t)}disableAnimations(n,e){this._transitionEngine.markElementAsDisabled(n,e)}process(n,e,t,i){if(t.charAt(0)=="@"){let[o,r]=ls(t),l=i;this._timelineEngine.command(o,e,r,l)}else this._transitionEngine.trigger(n,e,t,i)}listen(n,e,t,i,o){if(t.charAt(0)=="@"){let[r,l]=ls(t);return this._timelineEngine.listen(r,e,l,o)}return this._transitionEngine.listen(n,e,t,i,o)}flush(n=-1){this._transitionEngine.flush(n)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(n){this._transitionEngine.afterFlushAnimationsDone(n)}};function B0(a,n){let e=null,t=null;return Array.isArray(n)&&n.length?(e=bs(n[0]),n.length>1&&(t=bs(n[n.length-1]))):n instanceof Map&&(e=bs(n)),e||t?new z0(a,e,t):null}var z0=(()=>{class a{_element;_startStyles;_endStyles;static initialStylesByElement=new WeakMap;_state=0;_initialStyles;constructor(e,t,i){this._element=e,this._startStyles=t,this._endStyles=i;let o=a.initialStylesByElement.get(e);o||a.initialStylesByElement.set(e,o=new Map),this._initialStyles=o}start(){this._state<1&&(this._startStyles&&ii(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(ii(this._element,this._initialStyles),this._endStyles&&(ii(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(a.initialStylesByElement.delete(this._element),this._startStyles&&(zi(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(zi(this._element,this._endStyles),this._endStyles=null),ii(this._element,this._initialStyles),this._state=3)}}return a})();function bs(a){let n=null;return a.forEach((e,t)=>{F0(t)&&(n=n||new Map,n.set(t,e))}),n}function F0(a){return a==="display"||a==="position"}var Xo=class{element;keyframes;options;_specialStyles;_onDoneFns=[];_onStartFns=[];_onDestroyFns=[];_duration;_delay;_initialized=!1;_finished=!1;_started=!1;_destroyed=!1;_finalKeyframe;_originalOnDoneFns=[];_originalOnStartFns=[];domPlayer;time=0;parentPlayer=null;currentSnapshot=new Map;constructor(n,e,t,i){this.element=n,this.keyframes=e,this.options=t,this._specialStyles=i,this._duration=t.duration,this._delay=t.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(n=>n()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;let n=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,n,this.options),this._finalKeyframe=n.length?n[n.length-1]:new Map;let e=()=>this._onFinish();this.domPlayer.addEventListener("finish",e),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",e)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(n){let e=[];return n.forEach(t=>{e.push(Object.fromEntries(t))}),e}_triggerWebAnimation(n,e,t){return n.animate(this._convertKeyframesToObject(e),t)}onStart(n){this._originalOnStartFns.push(n),this._onStartFns.push(n)}onDone(n){this._originalOnDoneFns.push(n),this._onDoneFns.push(n)}onDestroy(n){this._onDestroyFns.push(n)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(n=>n()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(n=>n()),this._onDestroyFns=[])}setPosition(n){this.domPlayer===void 0&&this.init(),this.domPlayer.currentTime=n*this.time}getPosition(){return+(this.domPlayer.currentTime??0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){let n=new Map;this.hasStarted()&&this._finalKeyframe.forEach((t,i)=>{i!=="offset"&&n.set(i,this._finished?t:Fo(this.element,i))}),this.currentSnapshot=n}triggerCallback(n){let e=n==="start"?this._onStartFns:this._onDoneFns;e.forEach(t=>t()),e.length=0}},Zo=class{validateStyleProperty(n){return!0}validateAnimatableStyleProperty(n){return!0}containsElement(n,e){return ds(n,e)}getParentElement(n){return Lo(n)}query(n,e,t){return cs(n,e,t)}computeStyle(n,e,t){return Fo(n,e)}animate(n,e,t,i,o,r=[]){let l=i==0?"both":"forwards",d={duration:t,delay:i,fill:l};o&&(d.easing=o);let p=new Map,s=r.filter(v=>v instanceof Xo);ru(t,i)&&s.forEach(v=>{v.currentSnapshot.forEach((y,S)=>p.set(S,y))});let c=au(e).map(v=>new Map(v));c=su(n,c,p);let m=B0(n,c);return new Xo(n,c,d,m)}};var qo="@",ku="@.disabled",Jo=class{namespaceId;delegate;engine;_onDestroy;\u0275type=0;constructor(n,e,t,i){this.namespaceId=n,this.delegate=e,this.engine=t,this._onDestroy=i}get data(){return this.delegate.data}destroyNode(n){this.delegate.destroyNode?.(n)}destroy(){this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),this._onDestroy?.()}createElement(n,e){return this.delegate.createElement(n,e)}createComment(n){return this.delegate.createComment(n)}createText(n){return this.delegate.createText(n)}appendChild(n,e){this.delegate.appendChild(n,e),this.engine.onInsert(this.namespaceId,e,n,!1)}insertBefore(n,e,t,i=!0){this.delegate.insertBefore(n,e,t),this.engine.onInsert(this.namespaceId,e,n,i)}removeChild(n,e,t){this.parentNode(e)&&this.engine.onRemove(this.namespaceId,e,this.delegate)}selectRootElement(n,e){return this.delegate.selectRootElement(n,e)}parentNode(n){return this.delegate.parentNode(n)}nextSibling(n){return this.delegate.nextSibling(n)}setAttribute(n,e,t,i){this.delegate.setAttribute(n,e,t,i)}removeAttribute(n,e,t){this.delegate.removeAttribute(n,e,t)}addClass(n,e){this.delegate.addClass(n,e)}removeClass(n,e){this.delegate.removeClass(n,e)}setStyle(n,e,t,i){this.delegate.setStyle(n,e,t,i)}removeStyle(n,e,t){this.delegate.removeStyle(n,e,t)}setProperty(n,e,t){e.charAt(0)==qo&&e==ku?this.disableAnimations(n,!!t):this.delegate.setProperty(n,e,t)}setValue(n,e){this.delegate.setValue(n,e)}listen(n,e,t,i){return this.delegate.listen(n,e,t,i)}disableAnimations(n,e){this.engine.disableAnimations(n,e)}},As=class extends Jo{factory;constructor(n,e,t,i,o){super(e,t,i,o),this.factory=n,this.namespaceId=e}setProperty(n,e,t){e.charAt(0)==qo?e.charAt(1)=="."&&e==ku?(t=t===void 0?!0:!!t,this.disableAnimations(n,t)):this.engine.process(this.namespaceId,n,e.slice(1),t):this.delegate.setProperty(n,e,t)}listen(n,e,t,i){if(e.charAt(0)==qo){let o=H0(n),r=e.slice(1),l="";return r.charAt(0)!=qo&&([r,l]=U0(r)),this.engine.listen(this.namespaceId,o,r,l,d=>{let p=d._data||-1;this.factory.scheduleListenerCallback(p,t,d)})}return this.delegate.listen(n,e,t,i)}};function H0(a){switch(a){case"body":return document.body;case"document":return document;case"window":return window;default:return a}}function U0(a){let n=a.indexOf("."),e=a.substring(0,n),t=a.slice(n+1);return[e,t]}var er=class{delegate;engine;_zone;_currentId=0;_microtaskId=1;_animationCallbacksBuffer=[];_rendererCache=new Map;_cdRecurDepth=0;constructor(n,e,t){this.delegate=n,this.engine=e,this._zone=t,e.onRemovalComplete=(i,o)=>{o?.removeChild(null,i)}}createRenderer(n,e){let i=this.delegate.createRenderer(n,e);if(!n||!e?.data?.animation){let p=this._rendererCache,s=p.get(i);if(!s){let c=()=>p.delete(i);s=new Jo("",i,this.engine,c),p.set(i,s)}return s}let o=e.id,r=e.id+"-"+this._currentId;this._currentId++,this.engine.register(r,n);let l=p=>{Array.isArray(p)?p.forEach(l):this.engine.registerTrigger(o,r,n,p.name,p)};return e.data.animation.forEach(l),new As(this,r,i,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(n,e,t){if(n>=0&&n<this._microtaskId){this._zone.run(()=>e(t));return}let i=this._animationCallbacksBuffer;i.length==0&&queueMicrotask(()=>{this._zone.run(()=>{i.forEach(o=>{let[r,l]=o;r(l)}),this._animationCallbacksBuffer=[]})}),i.push([e,t])}end(){this._cdRecurDepth--,this._cdRecurDepth==0&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}componentReplaced(n){this.engine.flush(),this.delegate.componentReplaced?.(n)}};var q0=(()=>{class a extends Jn{constructor(e,t,i){super(e,t,i)}ngOnDestroy(){this.flush()}static \u0275fac=function(t){return new(t||a)(un(mn),un(ln),un(dn))};static \u0275prov=lt({token:a,factory:a.\u0275fac})}return a})();function j0(){return new jo}function $0(a,n,e){return new er(a,n,e)}var xu=[{provide:dn,useFactory:j0},{provide:Jn,useClass:q0},{provide:Js,useFactory:$0,deps:[xl,Jn,Ze]}],gM=[{provide:ln,useClass:Ps},{provide:pr,useValue:"NoopAnimations"},...xu],Y0=[{provide:ln,useFactory:()=>new Zo},{provide:pr,useFactory:()=>"BrowserAnimations"},...xu];function Tu(){return tl("NgEagerAnimations"),[...Y0]}var Eu=11,Mu="connectionConfig",Du=(()=>{class a{config;isLoggedIn=null;loggedInSubscription=null;connection=E(Ua);auth=E(Ht);connectionStateMachine=E(wn);router=E(mi);delta=E(Ti);data=E(Ei);storage=E(Ga);constructor(){this.loggedInSubscription=this.auth.isLoggedIn$.subscribe(e=>{this.isLoggedIn=e})}initNetworkServices(){return Gi(this,null,function*(){this.loadLocalStorageConfig(),this.preloadFonts();try{this.config?.signalKUrl!==void 0&&this.config.signalKUrl!==null&&(yield this.connection.initializeConnection({url:this.config.signalKUrl,new:!1},this.config.proxyEnabled,this.config.signalKSubscribeAll)),!this.isLoggedIn&&this.config?.signalKUrl&&this.config?.useSharedConfig&&this.config?.loginName&&this.config?.loginPassword&&(yield this.login()),this.isLoggedIn&&this.config?.useSharedConfig&&(this.storage.activeConfigFileVersion=Eu,this.storage.sharedConfigName=this.config.sharedConfigName,yield this.storage.getConfig("user",this.config.sharedConfigName,Eu,!0)),!this.isLoggedIn&&this.config?.signalKUrl&&this.config?.useSharedConfig&&this.router.navigate(["/login"])}catch(e){return e.status===0?console.warn("[AppInit Network Service] Initialization failed. Network error. Redirecting to settings page."):e.status===401?console.warn("[AppInit Network Service] Initialization failed. Unauthorized access. Redirecting to login page."):console.warn("[AppInit Network Service] Initialization failed. Error: ",JSON.stringify(e)),Promise.reject("[AppInit Network Service] Startup completed with connection issue.")}finally{console.log("[AppInit Network Service] Initialization completed"),this.connectionStateMachine.enableWebSocketMode(),this.connectionStateMachine.isHTTPConnected()&&(console.log("[AppInit Network Service] Starting WebSocket connection after initialization"),this.connectionStateMachine.startWebSocketConnection())}})}login(){return Gi(this,null,function*(){if(!this.isLoggedIn&&this.config.useSharedConfig&&this.config.loginName&&this.config.loginPassword)try{yield this.auth.login({usr:this.config.loginName,pwd:this.config.loginPassword})}catch(e){throw e.status===0?this.router.navigate(["/settings"]):e.status===401&&this.router.navigate(["/login"]),e}})}setLocalStorageConfig(){localStorage.setItem(Mu,JSON.stringify(this.config))}loadLocalStorageConfig(){this.config=JSON.parse(localStorage.getItem(Mu)),this.config?this.config.signalKUrl||(this.config.signalKUrl=window.location.origin,this.setLocalStorageConfig(),console.log(`[AppInit Network Service] Config found with no server URL. Setting Auto-Discovery URL: ${this.config.signalKUrl}`)):(this.config=wl,this.config.signalKUrl=window.location.origin,console.log(`[AppInit Network Service] Connection Configuration not found. Creating configuration using Auto-Discovery URL: ${this.config.signalKUrl}`),this.setLocalStorageConfig()),this.config.configVersion==9&&(this.config.configVersion=10,this.setLocalStorageConfig(),console.log("[AppInit Network Service] Upgrading Connection version from 9 to 10")),this.config.configVersion==10&&(this.config.configVersion=11,this.setLocalStorageConfig(),console.log("[AppInit Network Service] Upgrading Connection version from 10 to 11"))}preloadFonts(){let e=[{family:"Roboto",src:"url(./assets/google-fonts/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)",options:{weight:"300",style:"normal"}},{family:"Roboto",src:"url(./assets/google-fonts/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)",options:{weight:"300",style:"normal"}},{family:"Roboto",src:"url(./assets/google-fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)",options:{weight:"400",style:"normal"}},{family:"Roboto",src:"url(./assets/google-fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)",options:{weight:"400",style:"normal"}},{family:"Roboto",src:"url(./assets/google-fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)",options:{weight:"500",style:"normal"}},{family:"Roboto",src:"url(./assets/google-fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)",options:{weight:"500",style:"normal"}}];for(let{family:t,src:i,options:o}of e){let r=new FontFace(t,i,o);r.load().then(()=>document.fonts.add(r)).catch(l=>console.log(`[AppInit Network Service] Error loading fonts: ${l}`))}}ngOnDestroy(){this.loggedInSubscription?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac})}return a})();var Au=(()=>{class a{auth=E(Ht);authToken=null;authTokenSubscription=null;constructor(){this.authTokenSubscription=this.auth.authToken$.subscribe(e=>{this.authToken=e})}intercept(e,t){let i=e.clone();return this.authToken&&(i=e.clone({headers:e.headers.set("authorization","JWT "+this.authToken.token)})),t.handle(i)}ngOnDestroy(){this.authTokenSubscription?.unsubscribe()}static \u0275fac=function(t){return new(t||a)};static \u0275prov=lt({token:a,factory:a.\u0275fac})}return a})();var Pu=(()=>{class a extends Xa{_createContainer(){let e=document.createElement("div");e.classList.add("cdk-overlay-container"),(document.getElementById("app-filter-wrapper")||document.querySelector("app-root")||document.body).appendChild(e),this._containerElement=e}static \u0275fac=(()=>{let e;return function(i){return(e||(e=Qs(a)))(i||a)}})();static \u0275prov=lt({token:a,factory:a.\u0275fac})}return a})();wh.production&&void 0;Tl(Dh,{providers:[Ks(El),{provide:Sl,useClass:Au,multi:!0},{provide:Yl,useValue:{hasBackdrop:!0,disableClose:!1,autoFocus:"first-tabbable",delayFocusTrap:!0,backdropClass:"dialogBackdrop"}},{provide:Jl,useValue:{appearance:"outline",floatLabel:"always",subscriptSizing:"dynamic"}},{provide:fd,useValue:{showDelay:1500,hideDelay:0}},Ht,Ei,Ua,Ti,wn,Rt,ot,pi,Pt,Bi,Oo,Ga,Cd(),Cl(kl()),Al(bh,Pl()),Tu(),{provide:Xa,useClass:Pu},al(()=>new Du().initNetworkServices().then(()=>{}).catch(()=>{}))]});
|