npm - @norwegian/core-components - Versions diffs - 6.48.2 → 6.50.0 - Mend

@norwegian/core-components 6.48.2 → 6.50.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.

Files changed (309) hide show

package/esm2022/lib/components/weather-icon/weather-icon.component.mjs CHANGED Viewed

@@ -40,11 +40,11 @@ export class WeatherIconComponent extends NasComponentBase {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WeatherIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: WeatherIconComponent, selector: "nas-weather-icon", inputs: { weather: "weather", temperature: "temperature", temperatureText: "temperatureText", small: "small", medium: "medium", light: "light" }, usesInheritance: true, ngImport: i0, template: "<figure [nasClass]=\"mainClass()\">\n   <svg viewBox=\"0 0 170 150\" [nasClass]=\"getClass('svg')\">\n      <g [nasClass]=\"getClass('group', showModifier('rain'))\" >\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M93,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S93,115.2,93,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M104,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S104,97.2,104,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,97.2,81,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M47,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S47,115.2,47,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,97.2,58,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M70,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S70,115.2,70,118z\"></path>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"></path>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('snow'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M68.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L60,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M91.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L83,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M114.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L106,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M57.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L49,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M80.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L72,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M103.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L95,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud', showModifier('light'))\"\n            d=\"M152,73.5c0-12.4-10.1-22.5-22.5-22.5c-1.5,0-3.1,0.2-4.5,0.5c0-0.2,0-0.3,0-0.5c0-17.4-14.1-31.5-31.5-31.5 c-1.7,0-3.4,0.1-5,0.4C86.7,11.9,79.5,6,71,6c-7.8,0-14.5,5-17,12c-0.3,0-0.7,0-1,0c-14.9,0-27,12.1-27,27c0,3.5,0.7,6.9,1.9,9.9 C16.4,58.1,8,68.5,8,81h142.7C151.5,78.7,152,76.1,152,73.5z\"/>\n         <path [nasClass]=\"getClass('cloud')\"\n            d=\"M155.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C34,53.3,23,64.5,23,78.2 c0,0.9,0.1,1.9,0.2,2.8H155.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('thunder'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,115.2,81,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M92,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S92,97.2,92,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M69,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S69,97.2,69,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M35,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S35,115.2,35,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M46,100c0,2.8,2.2,5,5,5s5-2.2,5-5s-5-9-5-9S46,97.2,46,100z\" />\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,115.2,58,118z\"/>\n            <polygon [nasClass]=\"getClass('thunder')\" points=\"115.8,88 106.6,113.7 118.8,112.4 110.7,142 133.8,106 123.4,106 136.1,88\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloud-and-sun'))\">\n        <g  [nasClass]=\"getClass('sun', 'cloudy')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M133.2,0v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V0H133.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M138.8,68V56.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V68H138.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M110,12l8,7.9c1.1,1.1,2.8,1.1,4.1,0c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L110,12z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M162,55.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L162,55.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M102,36.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H102V36.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M170,31.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H170V31.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M114,59.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L114,59.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M158,7.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L158,7.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"136\" cy=\"33.9\" rx=\"14.2\" ry=\"14.1\" />\n        </g>\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M146.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4C125.3,26.1,112.2,13,96,13 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C25,53.3,14,64.5,14,78.2 c0,0.9,0.1,1.9,0.2,2.8H146.9z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\" d=\"M136.8,81c0.1-0.7,0.2-1.5,0.2-2.3c0-7.5-6.1-13.7-13.7-13.7c-1.4,0-2.7,0.2-3.9,0.6 c-1.8-7.5-8.5-13.1-16.6-13.1c-7.8,0-14.4,5.3-16.4,12.5c0,0,0,0-0.1,0c-8.5,0-15.4,6.9-15.4,15.4c0,0.2,0,0.4,0,0.6H136.8z\"\n        />\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('sun'))\">\n        <g [nasClass]=\"getClass('sun')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M82.2,33v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V33H82.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M87.8,101V89.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V101H87.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M59,45l8,7.9C68,54,69.8,54,71,53c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L59,45z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M111,88.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L111,88.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M51,69.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H51V69.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M119,64.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H119V64.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M63,92.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L63,92.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M107,40.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L107,40.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"85\" cy=\"66.9\" rx=\"14.2\" ry=\"14.1\"/>\n        </g>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloudy'))\">\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\"\n          d=\"M118.8,56.8c0.1-1.1,0.2-2.2,0.2-3.3c0-12.9-9.6-23.6-22-25.3C96.8,20.4,90.4,14,82.5,14 c-6.6,0-12.2,4.4-13.9,10.5c-3.3-1.6-7.1-2.5-11.1-2.5C43.4,22,32,33.4,32,47.5c0,1.3,0.1,2.5,0.3,3.7C20.3,52.6,11,61.6,11,72.5 c0,3,0.7,5.9,2,8.5h127C139.7,69.4,130.8,59.7,118.8,56.8z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M157.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C36,53.3,25,64.5,25,78.2 c0,0.9,0.1,1.9,0.2,2.8H157.9z\"\n        />\n      </g>\n   </svg>\n   <figcaption *ngIf=\"showTemperature\" [nasClass]=\"getClass('details')\">\n   {{temperatureText}}:\n   <strong [nasClass]=\"getClass('temperature')\">{{temperature}}\u00B0</strong>\n   </figcaption>\n</figure>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-weather-icon{display:inline-flex;align-items:flex-start;text-align:left}.nas-weather-icon__svg{width:120px}.nas-weather-icon__details{padding-top:12px;padding-left:9px}.nas-weather-icon__temperature{display:block}.nas-weather-icon__fill{fill:#003251}.nas-weather-icon__sun{opacity:0;transition:all .5s cubic-bezier(0,0,.1,1);transform:translate(75px,60px) scale(.1)}.nas-weather-icon__sun--cloudy{transform:translate(90px,48px) scale(.1)}.nas-weather-icon__cloud{fill:#d8d8d8;transform:translate(-165px);transition:all .5s cubic-bezier(0,0,.1,1)}.nas-weather-icon__cloud--light{fill:#fff;transform:translate(165px)}.nas-weather-icon__drop{opacity:0;transform:translateY(-50px);transition:transform .5s cubic-bezier(0,0,.1,1),opacity .2s ease-out;fill:#003251;transition-delay:.27s}.nas-weather-icon__drop:nth-child(1){transition-delay:30ms}.nas-weather-icon__drop:nth-child(2){transition-delay:60ms}.nas-weather-icon__drop:nth-child(3){transition-delay:90ms}.nas-weather-icon__drop:nth-child(4){transition-delay:.12s}.nas-weather-icon__drop:nth-child(5){transition-delay:.15s}.nas-weather-icon__drop:nth-child(6){transition-delay:.18s}.nas-weather-icon__drop:nth-child(7){transition-delay:.21s}.nas-weather-icon__drop:nth-child(8){transition-delay:.24s}.nas-weather-icon__thunder{opacity:0;fill:#003251;transform:translate(100px,80px) scale(.1);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.nas-weather-icon__group--show .nas-weather-icon__sun{transform:none;opacity:1}.nas-weather-icon__group--show .nas-weather-icon__sun--cloudy{transition-delay:.25s}.nas-weather-icon__group--show .nas-weather-icon__cloud{transform:none}.nas-weather-icon__group--show .nas-weather-icon__drop{opacity:1;transform:none}.nas-weather-icon__group--show .nas-weather-icon__thunder{opacity:1;transform:none;transition-delay:.25s}.nas-weather-icon--small .nas-weather-icon__svg{width:60px}.nas-weather-icon--small .nas-weather-icon__details{padding-top:0;align-self:center}.nas-weather-icon--medium .nas-weather-icon__svg{width:80px}.nas-weather-icon--medium .nas-weather-icon__details{padding-top:0;align-self:flex-start}.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:32px;line-height:38px}}.nas-weather-icon--light .nas-weather-icon__fill,.nas-weather-icon--light .nas-weather-icon__thunder,.nas-weather-icon--light .nas-weather-icon__drop{fill:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: WeatherIconComponent, selector: "nas-weather-icon", inputs: { weather: "weather", temperature: "temperature", temperatureText: "temperatureText", small: "small", medium: "medium", light: "light" }, usesInheritance: true, ngImport: i0, template: "<figure [nasClass]=\"mainClass()\">\n   <svg viewBox=\"0 0 170 150\" [nasClass]=\"getClass('svg')\">\n      <g [nasClass]=\"getClass('group', showModifier('rain'))\" >\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M93,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S93,115.2,93,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M104,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S104,97.2,104,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,97.2,81,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M47,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S47,115.2,47,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,97.2,58,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M70,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S70,115.2,70,118z\"></path>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"></path>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('snow'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M68.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L60,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M91.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L83,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M114.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L106,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M57.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L49,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M80.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L72,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M103.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L95,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud', showModifier('light'))\"\n            d=\"M152,73.5c0-12.4-10.1-22.5-22.5-22.5c-1.5,0-3.1,0.2-4.5,0.5c0-0.2,0-0.3,0-0.5c0-17.4-14.1-31.5-31.5-31.5 c-1.7,0-3.4,0.1-5,0.4C86.7,11.9,79.5,6,71,6c-7.8,0-14.5,5-17,12c-0.3,0-0.7,0-1,0c-14.9,0-27,12.1-27,27c0,3.5,0.7,6.9,1.9,9.9 C16.4,58.1,8,68.5,8,81h142.7C151.5,78.7,152,76.1,152,73.5z\"/>\n         <path [nasClass]=\"getClass('cloud')\"\n            d=\"M155.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C34,53.3,23,64.5,23,78.2 c0,0.9,0.1,1.9,0.2,2.8H155.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('thunder'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,115.2,81,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M92,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S92,97.2,92,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M69,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S69,97.2,69,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M35,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S35,115.2,35,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M46,100c0,2.8,2.2,5,5,5s5-2.2,5-5s-5-9-5-9S46,97.2,46,100z\" />\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,115.2,58,118z\"/>\n            <polygon [nasClass]=\"getClass('thunder')\" points=\"115.8,88 106.6,113.7 118.8,112.4 110.7,142 133.8,106 123.4,106 136.1,88\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloud-and-sun'))\">\n        <g  [nasClass]=\"getClass('sun', 'cloudy')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M133.2,0v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V0H133.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M138.8,68V56.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V68H138.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M110,12l8,7.9c1.1,1.1,2.8,1.1,4.1,0c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L110,12z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M162,55.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L162,55.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M102,36.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H102V36.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M170,31.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H170V31.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M114,59.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L114,59.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M158,7.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L158,7.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"136\" cy=\"33.9\" rx=\"14.2\" ry=\"14.1\" />\n        </g>\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M146.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4C125.3,26.1,112.2,13,96,13 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C25,53.3,14,64.5,14,78.2 c0,0.9,0.1,1.9,0.2,2.8H146.9z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\" d=\"M136.8,81c0.1-0.7,0.2-1.5,0.2-2.3c0-7.5-6.1-13.7-13.7-13.7c-1.4,0-2.7,0.2-3.9,0.6 c-1.8-7.5-8.5-13.1-16.6-13.1c-7.8,0-14.4,5.3-16.4,12.5c0,0,0,0-0.1,0c-8.5,0-15.4,6.9-15.4,15.4c0,0.2,0,0.4,0,0.6H136.8z\"\n        />\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('sun'))\">\n        <g [nasClass]=\"getClass('sun')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M82.2,33v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V33H82.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M87.8,101V89.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V101H87.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M59,45l8,7.9C68,54,69.8,54,71,53c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L59,45z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M111,88.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L111,88.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M51,69.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H51V69.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M119,64.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H119V64.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M63,92.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L63,92.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M107,40.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L107,40.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"85\" cy=\"66.9\" rx=\"14.2\" ry=\"14.1\"/>\n        </g>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloudy'))\">\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\"\n          d=\"M118.8,56.8c0.1-1.1,0.2-2.2,0.2-3.3c0-12.9-9.6-23.6-22-25.3C96.8,20.4,90.4,14,82.5,14 c-6.6,0-12.2,4.4-13.9,10.5c-3.3-1.6-7.1-2.5-11.1-2.5C43.4,22,32,33.4,32,47.5c0,1.3,0.1,2.5,0.3,3.7C20.3,52.6,11,61.6,11,72.5 c0,3,0.7,5.9,2,8.5h127C139.7,69.4,130.8,59.7,118.8,56.8z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M157.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C36,53.3,25,64.5,25,78.2 c0,0.9,0.1,1.9,0.2,2.8H157.9z\"\n        />\n      </g>\n   </svg>\n   <figcaption *ngIf=\"showTemperature\" [nasClass]=\"getClass('details')\">\n   {{temperatureText}}:\n   <strong [nasClass]=\"getClass('temperature')\">{{temperature}}\u00B0</strong>\n   </figcaption>\n</figure>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-weather-icon{display:inline-flex;align-items:flex-start;text-align:left}.nas-weather-icon__svg{width:120px}.nas-weather-icon__details{padding-top:12px;padding-left:9px}.nas-weather-icon__temperature{display:block}.nas-weather-icon__fill{fill:#15273f}.nas-weather-icon__sun{opacity:0;transition:all .5s cubic-bezier(0,0,.1,1);transform:translate(75px,60px) scale(.1)}.nas-weather-icon__sun--cloudy{transform:translate(90px,48px) scale(.1)}.nas-weather-icon__cloud{fill:#d8d8d8;transform:translate(-165px);transition:all .5s cubic-bezier(0,0,.1,1)}.nas-weather-icon__cloud--light{fill:#fff;transform:translate(165px)}.nas-weather-icon__drop{opacity:0;transform:translateY(-50px);transition:transform .5s cubic-bezier(0,0,.1,1),opacity .2s ease-out;fill:#15273f;transition-delay:.27s}.nas-weather-icon__drop:nth-child(1){transition-delay:30ms}.nas-weather-icon__drop:nth-child(2){transition-delay:60ms}.nas-weather-icon__drop:nth-child(3){transition-delay:90ms}.nas-weather-icon__drop:nth-child(4){transition-delay:.12s}.nas-weather-icon__drop:nth-child(5){transition-delay:.15s}.nas-weather-icon__drop:nth-child(6){transition-delay:.18s}.nas-weather-icon__drop:nth-child(7){transition-delay:.21s}.nas-weather-icon__drop:nth-child(8){transition-delay:.24s}.nas-weather-icon__thunder{opacity:0;fill:#15273f;transform:translate(100px,80px) scale(.1);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.nas-weather-icon__group--show .nas-weather-icon__sun{transform:none;opacity:1}.nas-weather-icon__group--show .nas-weather-icon__sun--cloudy{transition-delay:.25s}.nas-weather-icon__group--show .nas-weather-icon__cloud{transform:none}.nas-weather-icon__group--show .nas-weather-icon__drop{opacity:1;transform:none}.nas-weather-icon__group--show .nas-weather-icon__thunder{opacity:1;transform:none;transition-delay:.25s}.nas-weather-icon--small .nas-weather-icon__svg{width:60px}.nas-weather-icon--small .nas-weather-icon__details{padding-top:0;align-self:center}.nas-weather-icon--medium .nas-weather-icon__svg{width:80px}.nas-weather-icon--medium .nas-weather-icon__details{padding-top:0;align-self:flex-start}.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:32px;line-height:38px}}.nas-weather-icon--light .nas-weather-icon__fill,.nas-weather-icon--light .nas-weather-icon__thunder,.nas-weather-icon--light .nas-weather-icon__drop{fill:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WeatherIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-weather-icon', encapsulation: ViewEncapsulation.None, template: "<figure [nasClass]=\"mainClass()\">\n   <svg viewBox=\"0 0 170 150\" [nasClass]=\"getClass('svg')\">\n      <g [nasClass]=\"getClass('group', showModifier('rain'))\" >\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M93,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S93,115.2,93,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M104,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S104,97.2,104,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,97.2,81,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M47,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S47,115.2,47,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,97.2,58,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M70,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S70,115.2,70,118z\"></path>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"></path>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('snow'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M68.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L60,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M91.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L83,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M114.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L106,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M57.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L49,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M80.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L72,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M103.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L95,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud', showModifier('light'))\"\n            d=\"M152,73.5c0-12.4-10.1-22.5-22.5-22.5c-1.5,0-3.1,0.2-4.5,0.5c0-0.2,0-0.3,0-0.5c0-17.4-14.1-31.5-31.5-31.5 c-1.7,0-3.4,0.1-5,0.4C86.7,11.9,79.5,6,71,6c-7.8,0-14.5,5-17,12c-0.3,0-0.7,0-1,0c-14.9,0-27,12.1-27,27c0,3.5,0.7,6.9,1.9,9.9 C16.4,58.1,8,68.5,8,81h142.7C151.5,78.7,152,76.1,152,73.5z\"/>\n         <path [nasClass]=\"getClass('cloud')\"\n            d=\"M155.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C34,53.3,23,64.5,23,78.2 c0,0.9,0.1,1.9,0.2,2.8H155.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('thunder'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,115.2,81,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M92,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S92,97.2,92,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M69,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S69,97.2,69,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M35,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S35,115.2,35,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M46,100c0,2.8,2.2,5,5,5s5-2.2,5-5s-5-9-5-9S46,97.2,46,100z\" />\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,115.2,58,118z\"/>\n            <polygon [nasClass]=\"getClass('thunder')\" points=\"115.8,88 106.6,113.7 118.8,112.4 110.7,142 133.8,106 123.4,106 136.1,88\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloud-and-sun'))\">\n        <g  [nasClass]=\"getClass('sun', 'cloudy')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M133.2,0v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V0H133.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M138.8,68V56.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V68H138.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M110,12l8,7.9c1.1,1.1,2.8,1.1,4.1,0c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L110,12z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M162,55.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L162,55.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M102,36.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H102V36.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M170,31.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H170V31.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M114,59.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L114,59.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M158,7.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L158,7.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"136\" cy=\"33.9\" rx=\"14.2\" ry=\"14.1\" />\n        </g>\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M146.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4C125.3,26.1,112.2,13,96,13 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C25,53.3,14,64.5,14,78.2 c0,0.9,0.1,1.9,0.2,2.8H146.9z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\" d=\"M136.8,81c0.1-0.7,0.2-1.5,0.2-2.3c0-7.5-6.1-13.7-13.7-13.7c-1.4,0-2.7,0.2-3.9,0.6 c-1.8-7.5-8.5-13.1-16.6-13.1c-7.8,0-14.4,5.3-16.4,12.5c0,0,0,0-0.1,0c-8.5,0-15.4,6.9-15.4,15.4c0,0.2,0,0.4,0,0.6H136.8z\"\n        />\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('sun'))\">\n        <g [nasClass]=\"getClass('sun')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M82.2,33v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V33H82.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M87.8,101V89.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V101H87.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M59,45l8,7.9C68,54,69.8,54,71,53c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L59,45z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M111,88.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L111,88.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M51,69.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H51V69.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M119,64.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H119V64.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M63,92.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L63,92.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M107,40.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L107,40.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"85\" cy=\"66.9\" rx=\"14.2\" ry=\"14.1\"/>\n        </g>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloudy'))\">\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\"\n          d=\"M118.8,56.8c0.1-1.1,0.2-2.2,0.2-3.3c0-12.9-9.6-23.6-22-25.3C96.8,20.4,90.4,14,82.5,14 c-6.6,0-12.2,4.4-13.9,10.5c-3.3-1.6-7.1-2.5-11.1-2.5C43.4,22,32,33.4,32,47.5c0,1.3,0.1,2.5,0.3,3.7C20.3,52.6,11,61.6,11,72.5 c0,3,0.7,5.9,2,8.5h127C139.7,69.4,130.8,59.7,118.8,56.8z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M157.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C36,53.3,25,64.5,25,78.2 c0,0.9,0.1,1.9,0.2,2.8H157.9z\"\n        />\n      </g>\n   </svg>\n   <figcaption *ngIf=\"showTemperature\" [nasClass]=\"getClass('details')\">\n   {{temperatureText}}:\n   <strong [nasClass]=\"getClass('temperature')\">{{temperature}}\u00B0</strong>\n   </figcaption>\n</figure>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-weather-icon{display:inline-flex;align-items:flex-start;text-align:left}.nas-weather-icon__svg{width:120px}.nas-weather-icon__details{padding-top:12px;padding-left:9px}.nas-weather-icon__temperature{display:block}.nas-weather-icon__fill{fill:#003251}.nas-weather-icon__sun{opacity:0;transition:all .5s cubic-bezier(0,0,.1,1);transform:translate(75px,60px) scale(.1)}.nas-weather-icon__sun--cloudy{transform:translate(90px,48px) scale(.1)}.nas-weather-icon__cloud{fill:#d8d8d8;transform:translate(-165px);transition:all .5s cubic-bezier(0,0,.1,1)}.nas-weather-icon__cloud--light{fill:#fff;transform:translate(165px)}.nas-weather-icon__drop{opacity:0;transform:translateY(-50px);transition:transform .5s cubic-bezier(0,0,.1,1),opacity .2s ease-out;fill:#003251;transition-delay:.27s}.nas-weather-icon__drop:nth-child(1){transition-delay:30ms}.nas-weather-icon__drop:nth-child(2){transition-delay:60ms}.nas-weather-icon__drop:nth-child(3){transition-delay:90ms}.nas-weather-icon__drop:nth-child(4){transition-delay:.12s}.nas-weather-icon__drop:nth-child(5){transition-delay:.15s}.nas-weather-icon__drop:nth-child(6){transition-delay:.18s}.nas-weather-icon__drop:nth-child(7){transition-delay:.21s}.nas-weather-icon__drop:nth-child(8){transition-delay:.24s}.nas-weather-icon__thunder{opacity:0;fill:#003251;transform:translate(100px,80px) scale(.1);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.nas-weather-icon__group--show .nas-weather-icon__sun{transform:none;opacity:1}.nas-weather-icon__group--show .nas-weather-icon__sun--cloudy{transition-delay:.25s}.nas-weather-icon__group--show .nas-weather-icon__cloud{transform:none}.nas-weather-icon__group--show .nas-weather-icon__drop{opacity:1;transform:none}.nas-weather-icon__group--show .nas-weather-icon__thunder{opacity:1;transform:none;transition-delay:.25s}.nas-weather-icon--small .nas-weather-icon__svg{width:60px}.nas-weather-icon--small .nas-weather-icon__details{padding-top:0;align-self:center}.nas-weather-icon--medium .nas-weather-icon__svg{width:80px}.nas-weather-icon--medium .nas-weather-icon__details{padding-top:0;align-self:flex-start}.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:32px;line-height:38px}}.nas-weather-icon--light .nas-weather-icon__fill,.nas-weather-icon--light .nas-weather-icon__thunder,.nas-weather-icon--light .nas-weather-icon__drop{fill:#fff}\n"] }]
+            args: [{ selector: 'nas-weather-icon', encapsulation: ViewEncapsulation.None, template: "<figure [nasClass]=\"mainClass()\">\n   <svg viewBox=\"0 0 170 150\" [nasClass]=\"getClass('svg')\">\n      <g [nasClass]=\"getClass('group', showModifier('rain'))\" >\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M93,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S93,115.2,93,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M104,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S104,97.2,104,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,97.2,81,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M47,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S47,115.2,47,118z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,97.2,58,100z\"></path>\n            <path [nasClass]=\"getClass('drop')\" d=\"M70,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S70,115.2,70,118z\"></path>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"></path>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('snow'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M68.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L60,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M91.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L83,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M114.3,96.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L106,99l1.1-3.4 l3.7,1.2V93h3.5V96.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M57.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L49,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M80.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L72,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M103.3,114.8l3.7-1.2l1.1,3.4l-3.7,1.3l2.3,3.1l-2.9,2.1l-2.2-3.2l-2.2,3.2l-2.9-2.1l2.3-3.1L95,117l1.1-3.4 l3.7,1.2V111h3.5V114.8z\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud', showModifier('light'))\"\n            d=\"M152,73.5c0-12.4-10.1-22.5-22.5-22.5c-1.5,0-3.1,0.2-4.5,0.5c0-0.2,0-0.3,0-0.5c0-17.4-14.1-31.5-31.5-31.5 c-1.7,0-3.4,0.1-5,0.4C86.7,11.9,79.5,6,71,6c-7.8,0-14.5,5-17,12c-0.3,0-0.7,0-1,0c-14.9,0-27,12.1-27,27c0,3.5,0.7,6.9,1.9,9.9 C16.4,58.1,8,68.5,8,81h142.7C151.5,78.7,152,76.1,152,73.5z\"/>\n         <path [nasClass]=\"getClass('cloud')\"\n            d=\"M155.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C34,53.3,23,64.5,23,78.2 c0,0.9,0.1,1.9,0.2,2.8H155.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('thunder'))\">\n         <g>\n            <path [nasClass]=\"getClass('drop')\" d=\"M81,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S81,115.2,81,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M92,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S92,97.2,92,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M69,100c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S69,97.2,69,100z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M35,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S35,115.2,35,118z\"/>\n            <path [nasClass]=\"getClass('drop')\" d=\"M46,100c0,2.8,2.2,5,5,5s5-2.2,5-5s-5-9-5-9S46,97.2,46,100z\" />\n            <path [nasClass]=\"getClass('drop')\" d=\"M58,118c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5s-5-9-5-9S58,115.2,58,118z\"/>\n            <polygon [nasClass]=\"getClass('thunder')\" points=\"115.8,88 106.6,113.7 118.8,112.4 110.7,142 133.8,106 123.4,106 136.1,88\"/>\n         </g>\n         <path [nasClass]=\"getClass('cloud')\" d=\"M150.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C29,53.3,18,64.5,18,78.2 c0,0.9,0.1,1.9,0.2,2.8H150.9z\"/>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloud-and-sun'))\">\n        <g  [nasClass]=\"getClass('sun', 'cloudy')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M133.2,0v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V0H133.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M138.8,68V56.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V68H138.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M110,12l8,7.9c1.1,1.1,2.8,1.1,4.1,0c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L110,12z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M162,55.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L162,55.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M102,36.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H102V36.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M170,31.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H170V31.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M114,59.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L114,59.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M158,7.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L158,7.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"136\" cy=\"33.9\" rx=\"14.2\" ry=\"14.1\" />\n        </g>\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M146.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4C125.3,26.1,112.2,13,96,13 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C25,53.3,14,64.5,14,78.2 c0,0.9,0.1,1.9,0.2,2.8H146.9z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\" d=\"M136.8,81c0.1-0.7,0.2-1.5,0.2-2.3c0-7.5-6.1-13.7-13.7-13.7c-1.4,0-2.7,0.2-3.9,0.6 c-1.8-7.5-8.5-13.1-16.6-13.1c-7.8,0-14.4,5.3-16.4,12.5c0,0,0,0-0.1,0c-8.5,0-15.4,6.9-15.4,15.4c0,0.2,0,0.4,0,0.6H136.8z\"\n        />\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('sun'))\">\n        <g [nasClass]=\"getClass('sun')\">\n          <path [nasClass]=\"getClass('fill')\" d=\"M82.2,33v11.3c0,1.6,1.2,2.8,2.8,2.8c1.6,0,2.8-1.2,2.8-2.8V33H82.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M87.8,101V89.7c0-1.6-1.2-2.8-2.8-2.8c-1.6,0-2.8,1.2-2.8,2.8V101H87.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M59,45l8,7.9C68,54,69.8,54,71,53c1.1-1.1,1.1-2.8,0-4.1l-8-7.9L59,45z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M111,88.8l-8-7.9c-1.1-1.1-2.8-1.1-4.1,0c-1.1,1.1-1.1,2.8,0,4.1l8,7.9L111,88.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M51,69.8h11.3c1.6,0,2.8-1.2,2.8-2.8c0-1.6-1.2-2.8-2.8-2.8H51V69.8z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M119,64.2h-11.3c-1.6,0-2.8,1.2-2.8,2.8c0,1.6,1.2,2.8,2.8,2.8H119V64.2z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M63,92.9l8-7.9c1.1-1.1,1.1-2.8,0-4.1c-1.1-1.1-2.8-1.1-4.1,0l-8,7.9L63,92.9z\" />\n          <path [nasClass]=\"getClass('fill')\" d=\"M107,40.9l-8,7.9c-1.1,1.1-1.1,2.8,0,4.1c1.1,1.1,2.8,1.1,4.1,0l8-7.9L107,40.9z\" />\n          <ellipse [nasClass]=\"getClass('fill')\" cx=\"85\" cy=\"66.9\" rx=\"14.2\" ry=\"14.1\"/>\n        </g>\n      </g>\n      <g [nasClass]=\"getClass('group', showModifier('cloudy'))\">\n        <path\n          [nasClass]=\"getClass('cloud', 'light')\"\n          d=\"M118.8,56.8c0.1-1.1,0.2-2.2,0.2-3.3c0-12.9-9.6-23.6-22-25.3C96.8,20.4,90.4,14,82.5,14 c-6.6,0-12.2,4.4-13.9,10.5c-3.3-1.6-7.1-2.5-11.1-2.5C43.4,22,32,33.4,32,47.5c0,1.3,0.1,2.5,0.3,3.7C20.3,52.6,11,61.6,11,72.5 c0,3,0.7,5.9,2,8.5h127C139.7,69.4,130.8,59.7,118.8,56.8z\"\n        />\n        <path\n          [nasClass]=\"getClass('cloud')\"\n          d=\"M157.9,81c2-3.6,3.1-7.7,3.1-12.1c0-13.7-11-24.9-24.7-25.1c0-0.5,0-0.9,0-1.4c0-16.2-13.1-29.3-29.3-29.3 c-12.5,0-23.1,7.8-27.4,18.7c-3-1.8-6.6-2.9-10.4-2.9c-11.1,0-20,9-20,20c0,1.4,0.2,2.8,0.5,4.2C36,53.3,25,64.5,25,78.2 c0,0.9,0.1,1.9,0.2,2.8H157.9z\"\n        />\n      </g>\n   </svg>\n   <figcaption *ngIf=\"showTemperature\" [nasClass]=\"getClass('details')\">\n   {{temperatureText}}:\n   <strong [nasClass]=\"getClass('temperature')\">{{temperature}}\u00B0</strong>\n   </figcaption>\n</figure>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-weather-icon{display:inline-flex;align-items:flex-start;text-align:left}.nas-weather-icon__svg{width:120px}.nas-weather-icon__details{padding-top:12px;padding-left:9px}.nas-weather-icon__temperature{display:block}.nas-weather-icon__fill{fill:#15273f}.nas-weather-icon__sun{opacity:0;transition:all .5s cubic-bezier(0,0,.1,1);transform:translate(75px,60px) scale(.1)}.nas-weather-icon__sun--cloudy{transform:translate(90px,48px) scale(.1)}.nas-weather-icon__cloud{fill:#d8d8d8;transform:translate(-165px);transition:all .5s cubic-bezier(0,0,.1,1)}.nas-weather-icon__cloud--light{fill:#fff;transform:translate(165px)}.nas-weather-icon__drop{opacity:0;transform:translateY(-50px);transition:transform .5s cubic-bezier(0,0,.1,1),opacity .2s ease-out;fill:#15273f;transition-delay:.27s}.nas-weather-icon__drop:nth-child(1){transition-delay:30ms}.nas-weather-icon__drop:nth-child(2){transition-delay:60ms}.nas-weather-icon__drop:nth-child(3){transition-delay:90ms}.nas-weather-icon__drop:nth-child(4){transition-delay:.12s}.nas-weather-icon__drop:nth-child(5){transition-delay:.15s}.nas-weather-icon__drop:nth-child(6){transition-delay:.18s}.nas-weather-icon__drop:nth-child(7){transition-delay:.21s}.nas-weather-icon__drop:nth-child(8){transition-delay:.24s}.nas-weather-icon__thunder{opacity:0;fill:#15273f;transform:translate(100px,80px) scale(.1);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.nas-weather-icon__group--show .nas-weather-icon__sun{transform:none;opacity:1}.nas-weather-icon__group--show .nas-weather-icon__sun--cloudy{transition-delay:.25s}.nas-weather-icon__group--show .nas-weather-icon__cloud{transform:none}.nas-weather-icon__group--show .nas-weather-icon__drop{opacity:1;transform:none}.nas-weather-icon__group--show .nas-weather-icon__thunder{opacity:1;transform:none;transition-delay:.25s}.nas-weather-icon--small .nas-weather-icon__svg{width:60px}.nas-weather-icon--small .nas-weather-icon__details{padding-top:0;align-self:center}.nas-weather-icon--medium .nas-weather-icon__svg{width:80px}.nas-weather-icon--medium .nas-weather-icon__details{padding-top:0;align-self:flex-start}.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-weather-icon--medium .nas-weather-icon__temperature{font-size:32px;line-height:38px}}.nas-weather-icon--light .nas-weather-icon__fill,.nas-weather-icon--light .nas-weather-icon__thunder,.nas-weather-icon--light .nas-weather-icon__drop{fill:#fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { weather: [{
                 type: Input
             }], temperature: [{