https://www.pocasiaradar.cz/trend-items-tooltip.component-Q7U5ZKZM.js

1import{a as I,b as k,d as w}from"./chunk-6HTEYJYI.js";import{a as v}from"./chunk-55JFKD3A.js";import"./chunk-XWE7H3HT.js";import{c as _}from"./chunk-GCCEWEET.js";import{a as D,b as P}from"./chunk-PAM3RPUJ.js";import"./chunk-VJGCODMT.js";import{Hb as m,Mc as l,Nc as x,Ob as f,Oc as M,Qa as c,cc as u,dc as h,dd as C,ec as g,ed as T,fc as b,gc as a,hc as s,ic as y,ma as d,md as p,tb as n}from"./chunk-HBQGYQK3.js";import"./chunk-PCOOZPAX.js";function S(o,e){if(o&1&&y(0,"wo-forecast-weather-details-item",2),o&2){let O=e.$implicit;b("useWhiteIcons",!0)("details",O)}}var j=(()=>{let e=class e extends v{constructor(){super(...arguments),this.translate=d(D),this.uiDate=p(()=>this.data().date.toLocaleString(_.TIME_SIMPLE)),this.details=p(()=>{let t=this.data();return[w({withPrefix:!0,translate:this.translate,airTemperature:t.airTemperature}),t.precipitation!=null?k({translate:this.translate,prec:t.precipitation,title:`${this.translate.instant("precipitation_probability")}:`,forceShow:!0,inlineTitle:!0}):null].filter(i=>i!=null)})}};e.\u0275fac=(()=>{let t;return function(i){return(t||(t=c(e)))(i||e)}})(),e.\u0275cmp=m({type:e,selectors:[["wo-trend-items-tooltip"]],features:[f],decls:7,vars:4,consts:[[1,"headline"],[1,"symbol-description"],[3,"useWhiteIcons","details"]],template:function(r,i){if(r&1&&(a(0,"p",0),l(1),s(),a(2,"p",1),l(3),C(4,"translate"),s(),h(5,S,1,2,"wo-forecast-weather-details-item",2,u)),r&2){let F=i.data();n(),x(i.uiDate()),n(2),M(" ",T(4,2,F.symbol),`
2`),n(2),g(i.details())}},dependencies:[I,P],styles:["[_nghost-%COMP%]{position:absolute;left:0;top:0;z-index:9999;pointer-events:none;background:#00537fe6;color:#fff;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;line-height:1.3;border-bottom-right-radius:20px}.style-light[_nghost-%COMP%], .style-dark[_nghost-%COMP%]{border-radius:0;padding:8px;border:1px solid}.style-light[_nghost-%COMP%]{background:#f3f7fb;border-color:#00537f;color:#00537f}.style-dark[_nghost-%COMP%]{background:#10658e;color:#fff;border-color:#fff}[_nghost-%COMP%]   .headline[_ngcontent-%COMP%]{font-size:16px;font-weight:500}[_nghost-%COMP%]{display:flex;flex-direction:column;gap:8px}p[_ngcontent-%COMP%]{margin:0}"]});let o=e;return o})();export{j as TrendItemsTooltipComponent};