UNPKG

x-weather

Version:

A collection of web components implementing portions of the OpenWeatherMap API.

2 lines (1 loc) 2.57 kB
import{convertTemperature as e}from"./utilities.js";import"./types.js";import{_ as t}from"./_rollupPluginBabelHelpers-5bd7183e.js";import{L as r,c as a,h as i}from"./lit-element-ae08ccac.js";import"./XDateTime.js";import"./XWeatherItem.js";import"./XWeatherItemTemperature.js";import{c as s}from"./connect-mixin-144a42a2.js";import"./redux-a2f99696.js";import{store as n}from"./configureStore.js";import"./initialState.js";import"./utilities2.js";import"./current.js";import"./forecast.js";import"./preferences.js";import"./index2.js";import"./root.js";import"./middleware.js";function m(){var e=t(['\n <x-weather-item iconalt="','" iconsrc="','">\n <x-date-time datetimefmt="LLL dd (EEE)" slot="x-date-time" timestamp="','"></x-date-time>\n <x-weather-item-temperature\n minscale="','"\n mintemp="','"\n maxscale="','"\n maxtemp="','"\n slot="x-weather-item-temperature"\n ></x-weather-item-temperature>\n </x-weather-item>\n ']);return m=function(){return e},e}function o(){var e=t(["\n ","\n "]);return o=function(){return e},e}function c(){var e=t(["\n :host {\n display: var(--x-forecast-display, grid);\n\n grid-template-columns: var(\n --x-forecast-date-container-grid-template-columns,\n repeat(auto-fill, minmax(12rem, 1fr))\n );\n }\n\n x-date-time {\n text-decoration: underline;\n }\n\n x-weather-item {\n margin-bottom: 0.5rem;\n }\n "]);return c=function(){return e},e}var p=class extends(s(n)(r)){static get styles(){return a(c())}static get properties(){return{days:{type:Number,reflect:!0},forecastweather:{type:Object,reflect:!1},primaryscale:{type:String,reflect:!0}}}getIcon(e){var t=e[0].icon;return"".concat(t.slice(0,2),"d")}stateChanged(e){var{weather:t}=e;this.forecastweather=t.forecast,this.primaryscale=this.primaryscale||t.preferences.primaryScaleCurrent}setTemp(t,r){var a="f"===r?e(t,"cToF"):t;return String(a).slice(0,4)}render(){return i(o(),Object.keys(this.forecastweather).map(e=>{var t=this.forecastweather[e];return t.weather&&e<this.days?i(m(),t.weather[0].description,this.getIcon(t.weather),t.dt,this.primaryscale.toUpperCase(),this.setTemp(t.temp.min,this.primaryscale),this.primaryscale.toUpperCase(),this.setTemp(t.temp.max,this.primaryscale)):""}))}};customElements.get("x-forecast")||customElements.define("x-forecast",p);export default p;export{p as XForecast};