@mxtommy/kip/public/chunk-SHJMXSDM.js

An advanced and versatile marine instrumentation package to display Signal K data.

import{b as w}from"./chunk-W6MCE3GH.js";import{Db as u,Eb as s,Fb as p,Gb as d,Gc as t,Pb as b,Rb as y,Te as x,Ue as O,Wa as i,ac as f,bc as _,ce as h,dc as m,ec as M,fc as C,gb as g,he as k,vb as v,xb as r,yb as l}from"./chunk-LEY6MANN.js";function T(n,I){if(n&1&&(s(0,"p"),M(1),p()),n&2){let o=y();m(`large-icon-tile-label${o.compact()?" compact":""}`),i(),C(o.label())}}function D(n,I){n&1&&d(0,"div",3)}var R=(()=>{class n{svgIcon=t.required();iconSize=t.required();label=t.required();iconOnly=t(!1);compact=t(!1);active=t(!1);onKeyboardActivate(o){o instanceof KeyboardEvent,o.preventDefault(),o.currentTarget?.click()}static \u0275fac=function(a){return new(a||n)};static \u0275cmp=g({type:n,selectors:[["tile-large-icon"]],inputs:{svgIcon:[1,"svgIcon"],iconSize:[1,"iconSize"],label:[1,"label"],iconOnly:[1,"iconOnly"],compact:[1,"compact"],active:[1,"active"]},decls:4,vars:13,consts:[["matRipple","","tabindex","0","role","button",3,"keydown.enter","keydown.space"],["aria-hidden","false",3,"svgIcon"],[3,"class"],[1,"active-accent-bar"]],template:function(a,e){a&1&&(s(0,"div",0),b("keydown.enter",function(c){return e.onKeyboardActivate(c)})("keydown.space",function(c){return e.onKeyboardActivate(c)}),d(1,"mat-icon",1),r(2,T,2,3,"p",2),r(3,D,1,0,"div",3),p()),a&2&&(m(`${e.compact()?"icon-container-compact":"icon-container"}`),_("active-container-accent",e.active()),v("aria-pressed",e.active())("aria-label",e.iconOnly()?e.label():null),i(),f("width",e.iconSize(),"px")("height",e.iconSize(),"px"),u("svgIcon",e.svgIcon()),i(),l(e.iconOnly()?-1:2),i(),l(e.active()?3:-1))},dependencies:[O,x,w,k,h],styles:["[_nghost-%COMP%]{display:block;width:100%}.icon-container[_ngcontent-%COMP%]{display:block;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:10px 5px 15px;border-radius:7px;background-color:var(--mat-sys-surface-container);border-color:.2s ease;border:2px solid transparent}.icon-container[_ngcontent-%COMP%]:hover{border:2px solid var(--mat-sys-outline-variant);cursor:pointer}.icon-container[_ngcontent-%COMP%]:focus-visible{background-color:var(--mat-sys-surface-container-high);outline:-webkit-focus-ring-color auto 0px}.icon-container-compact[_ngcontent-%COMP%]{display:block;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;padding:5px;border-radius:7px;border:1px solid var(--mat-sys-outline-variant)}.icon-container-compact[_ngcontent-%COMP%]:hover{background-color:var(--mat-sys-inverse-on-surface);border:1px solid var(--mat-sys-primary);cursor:pointer}.icon-container-compact[_ngcontent-%COMP%]:focus-visible{background-color:var(--mat-sys-surface-bright);outline:-webkit-focus-ring-color auto 0px}.large-icon-tile-label[_ngcontent-%COMP%]{color:var(--mat-sys-outline);font-size:1.1em;margin:0}.compact[_ngcontent-%COMP%]{font-size:12px;margin:0}.active-container-accent[_ngcontent-%COMP%]{border:1px solid var(--mat-sys-tertiary);pointer-events:none;background-color:var(--mat-sys-on-tertiary)}.active-container-accent[_ngcontent-%COMP%]   .large-icon-tile-label[_ngcontent-%COMP%]{font-weight:700}.active-accent-bar[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;right:0;width:7px;background:var(--mat-sys-tertiary);box-shadow:0 0 10px 0 var(--mat-sys-tertiary)}"]})}return n})();export{R as a};