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

@norwegian/core-components 6.49.0 → 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 (294) hide show

package/esm2022/lib/components/spinner/spinner.component.mjs CHANGED Viewed

@@ -103,11 +103,11 @@ export class SpinnerComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\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: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\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: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
                 type: Input
             }], refreshText: [{
@@ -127,4 +127,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], cssClass: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFdkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7O0FBRzlDOzs7RUFHRTtBQU9GLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxnQkFBZ0I7SUErQ3BEOzs7Ozs7TUFNRTtJQUNGLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsTUFBZTtRQUN4QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7Ozs7OztNQU1FO0lBQ0YsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7WUFDakMsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBZ0NELFlBQW9CLFFBQW1CO1FBQ3JDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQURILGFBQVEsR0FBUixRQUFRLENBQVc7UUE5QnZDOzs7Ozs7OztVQVFFO1FBQ08sbUJBQWMsR0FBRyxJQUFJLENBQUM7SUF1Qi9CLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVPLFVBQVUsQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUU3QixJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQ3hCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtvQkFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO2lCQUMxRDtZQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUVSLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUN2QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztnQkFDOUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsQ0FBQzthQUNwQztTQUNGO2FBQU07WUFDTCxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ2xDLFlBQVksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUVyQyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztZQUU3QixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLENBQUMsQ0FBQzthQUM3RDtTQUNGO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7U0FDdkMsQ0FBQztJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsT0FBZ0IsRUFBRSxTQUFlO1FBQzFDLE1BQU0sT0FBTyxHQUFHLElBQUksS0FBSyxFQUFjLENBQUM7UUFFeEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVCLE9BQU8sT0FBTyxDQUFDO1NBQ2hCO1FBRUQsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO1FBRWhELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OEdBL0tVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHNSQ2Y3QixrWkFVQTs7MkZES2EsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTtnR0FnQjVCLElBQUk7c0JBQVosS0FBSztnQkFTRyxXQUFXO3NCQUFuQixLQUFLO2dCQVdHLEtBQUs7c0JBQWIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBVUYsTUFBTTtzQkFEVCxLQUFLO2dCQWlCRixPQUFPO3NCQURWLEtBQUs7Z0JBb0JHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBU0csT0FBTztzQkFBZixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgUmVuZGVyZXIyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmFzQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL2NsYXNzLm1vZGVsJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBTcGlubmVyIENvbXBvbmVudCB8IExheW91dFxuKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1zcGlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSBlbmFibGVWYWx1ZTogYm9vbGVhbjtcbiAgcHJpdmF0ZSBsb2FkaW5nVGltZW91dDogYW55O1xuICBwcml2YXRlIHJlZnJlc2hMaW5rVGltb3V0OiBhbnk7XG4gIHB1YmxpYyBzaG93UmVmcmVzaExpbms6IGJvb2xlYW47XG4gIHByaXZhdGUgcmVmcmVzaFNlY29uZFZhbHVlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQW4gaW5mb3JtYXRpb24gbWVzc2FnZSB0aGF0IGlzIGRpc3BsYXllZCBvbiB0aGUgc3Bpbm5lci5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1zcGlubmVyIFt0ZXh0XT1cInRleHRcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQW4gaW5mb3JtYXRpb24gbWVzc2FnZSB0aGF0IGlzIGRpc3BsYXllZCBvbiB0aGUgcmVmcmVzaCBsaW5rLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW3JlZnJlc2hUZXh0XT1cInRleHRcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKSByZWZyZXNoVGV4dDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgc21hbGwgc3R5bGluZy5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1zZWxlY3Qgc21hbGw+PC9uYXMtc2VsZWN0PlxuICAgKiBvclxuICAgKiA8bmFzLXNlbGVjdCBbc21hbGxdPVwidHJ1ZVwiPjwvbmFzLXNlbGVjdD5cbiAgKi9cbiAgQElucHV0KCkgc21hbGw/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgb3ZlcmxheSBzdHlsaW5nLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNlbGVjdCBvdmVybGF5PjwvbmFzLXNlbGVjdD5cbiAgICogb3JcbiAgICogPG5hcy1zZWxlY3QgW292ZXJsYXldPVwidHJ1ZVwiPjwvbmFzLXNlbGVjdD5cbiAgKi9cbiAgQElucHV0KCkgb3ZlcmxheT86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogRW5hYmxlcyB0aGUgc3Bpbm5lciBhZnRlciA1MDBtcy4gSWYgZmFsc2UgYWdhaW4gd2l0aGluIDUwMG1zLCB0aGUgc3Bpbm5lciB3aWxsIG5vdCBiZSBkaXNwbGF5ZWQgYXQgYWxsLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW2VuYWJsZV09XCJlbmFibGVcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKVxuICBnZXQgZW5hYmxlKCkge1xuICAgIHJldHVybiB0aGlzLmVuYWJsZVZhbHVlO1xuICB9XG4gIHNldCBlbmFibGUoZW5hYmxlOiBib29sZWFuKSB7XG4gICAgdGhpcy5lbmFibGVWYWx1ZSA9IGVuYWJsZTtcbiAgICB0aGlzLnNldEVuYWJsZWQodGhpcy5lbmFibGVWYWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvbnBcbiAgICogU2V0cyB0aGUgbnVtYmVyIG9mIHNlY29uZHMgdG8gd2FpdCBiZWZvcmUgc2hvd2luZyB0aGUgcmVmcmVzaCBsaW5rLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW3JlZnJlc2hdPVwiMTBcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKVxuICBnZXQgcmVmcmVzaCgpIHtcbiAgICByZXR1cm4gdGhpcy5yZWZyZXNoU2Vjb25kVmFsdWU7XG4gIH1cbiAgc2V0IHJlZnJlc2godmFsdWU6IG51bWJlcikge1xuICAgIGlmICh2YWx1ZSA9PT0gMCB8fCB2YWx1ZSA9PT0gbnVsbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnJlZnJlc2hTZWNvbmRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQmxvY2sgcGFnZSBzY3JvbGxpbmcuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtc2VsZWN0IGJsb2NrU2Nyb2xsaW5nPjwvbmFzLXNlbGVjdD5cbiAgICogb3JcbiAgICogPG5hcy1zZWxlY3QgW2Jsb2NrU2Nyb2xsaW5nXT1cInRydWVcIj48L25hcy1zZWxlY3Q+XG4gICovXG4gIEBJbnB1dCgpIGJsb2NrU2Nyb2xsaW5nID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIE5ldyByb3VuZCBzcGlubmVyIGRlc2lnbiBcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1zcGlubmVyIHJvdW5kZWQ+PC9uYXMtc3Bpbm5lcj5cbiAgKi9cbiAgQElucHV0KCkgcm91bmRlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gKiBAcHJvcGVydHkgSW5wdXRcbiAqIEBkZXNjcmlwdGlvblxuICogQWRkcyBjdXN0b20gQ1NTIGNsYXNzIHRvIHRoZSBzcGlubmVyLiBTcGlubmVyIHdpbGwgc2V0dCBhZGRpdGlvbmFsIGN1c3RvbSBzdHlsaW5nLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8bmFzLXNwaW5uZXIgW2Nzc0NsYXNzXT1cIidteS1jdXN0b20tY2xhc3MnXCI+IDwvbmFzLXNwaW5uZXI+XG4gKi9cbiAgQElucHV0KCkgY3NzQ2xhc3M/OiBDbGFzc01vZGVsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKCduYXMtc3Bpbm5lcicpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRFbmFibGVkKHRoaXMuZW5hYmxlVmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFbmFibGVkKGVuYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNob3dSZWZyZXNoTGluayA9IGZhbHNlO1xuXG4gICAgaWYgKGVuYWJsZWQpIHtcbiAgICAgIHRoaXMubG9hZGluZ1RpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5lbmFibGVWYWx1ZSA9IHRydWU7XG4gICAgICAgIGlmICh0aGlzLmJsb2NrU2Nyb2xsaW5nKSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhkb2N1bWVudC5ib2R5LCAnYmxvY2stc2Nyb2xsaW5nJyk7XG4gICAgICAgIH1cbiAgICAgIH0sIDUwMCk7XG5cbiAgICAgIGlmICh0aGlzLnJlZnJlc2ggPiAwICYmIHRoaXMucmVmcmVzaFRleHQgIT0gbnVsbCkge1xuICAgICAgICB0aGlzLnJlZnJlc2hMaW5rVGltb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5zaG93UmVmcmVzaExpbmsgPSB0cnVlO1xuICAgICAgICB9LCB0aGlzLnJlZnJlc2hTZWNvbmRWYWx1ZSAqIDEwMDApO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5sb2FkaW5nVGltZW91dCk7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5yZWZyZXNoTGlua1RpbW91dCk7XG5cbiAgICAgIHRoaXMuZW5hYmxlVmFsdWUgPSBmYWxzZTtcbiAgICAgIHRoaXMuc2hvd1JlZnJlc2hMaW5rID0gZmFsc2U7XG5cbiAgICAgIGlmICh0aGlzLmJsb2NrU2Nyb2xsaW5nKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoZG9jdW1lbnQuYm9keSwgJ2Jsb2NrLXNjcm9sbGluZycpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHJlZnJlc2hQYWdlKCkge1xuICAgIHdpbmRvdy5sb2NhdGlvbi5yZWxvYWQoKTtcbiAgfVxuXG4gIGdldCBtb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc21hbGwpICYmICdzbWFsbCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnJvdW5kZWQpICYmICdyb3VuZGVkJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMub3ZlcmxheSkgJiYgJ292ZXJsYXknXG4gICAgXTtcbiAgfVxuXG4gIGdldENsYXNzZXMoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzPzogYW55KTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBuZXcgQXJyYXk8Q2xhc3NNb2RlbD4oKTtcblxuICAgIGlmICh0aGlzLmNzc0NsYXNzKSB7XG4gICAgICBjbGFzc2VzLnB1c2godGhpcy5jc3NDbGFzcyk7XG4gICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBjbGFzc2VzLnB1c2godGhpcy5nZXRDbGFzcyhlbGVtZW50LCBtb2RpZmllcnMpKTtcblxuICAgIGlmICh0aGlzLmNzc0NsYXNzKSB7XG4gICAgICBjbGFzc2VzLnB1c2godGhpcy5jc3NDbGFzcyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cbn1cbiIsIjxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJycsIG1vZGlmaWVycylcIiAqbmdJZj1cImVuYWJsZVwiPlxuICA8c3BhbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2JveCcpXCI+XG4gICAgPHNwYW4gW25hc0NsYXNzXT1cImdldENsYXNzKCdib3JkZXInKVwiPjwvc3Bhbj5cbiAgPC9zcGFuPlxuICA8ZGl2ICpuZ0lmPVwidGV4dFwiIFtuYXNDbGFzc109XCJnZXRDbGFzcygndGV4dCcpXCI+XG4gICAgPGRpdj57e3RleHR9fTwvZGl2PlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdyZWZyZXNoJylcIiAqbmdJZj1cInNob3dSZWZyZXNoTGlua1wiIChjbGljayk9XCJyZWZyZXNoUGFnZSgpXCI+IDxhPiB7e3JlZnJlc2hUZXh0fX0gPC9hPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFdkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7O0FBRzlDOzs7RUFHRTtBQU9GLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxnQkFBZ0I7SUErQ3BEOzs7Ozs7TUFNRTtJQUNGLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsTUFBZTtRQUN4QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7Ozs7OztNQU1FO0lBQ0YsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7WUFDakMsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBZ0NELFlBQW9CLFFBQW1CO1FBQ3JDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQURILGFBQVEsR0FBUixRQUFRLENBQVc7UUE5QnZDOzs7Ozs7OztVQVFFO1FBQ08sbUJBQWMsR0FBRyxJQUFJLENBQUM7SUF1Qi9CLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVPLFVBQVUsQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUU3QixJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQ3hCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtvQkFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO2lCQUMxRDtZQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUVSLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUN2QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztnQkFDOUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsQ0FBQzthQUNwQztTQUNGO2FBQU07WUFDTCxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ2xDLFlBQVksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUVyQyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztZQUU3QixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLENBQUMsQ0FBQzthQUM3RDtTQUNGO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7U0FDdkMsQ0FBQztJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsT0FBZ0IsRUFBRSxTQUFlO1FBQzFDLE1BQU0sT0FBTyxHQUFHLElBQUksS0FBSyxFQUFjLENBQUM7UUFFeEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVCLE9BQU8sT0FBTyxDQUFDO1NBQ2hCO1FBRUQsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO1FBRWhELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OEdBL0tVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHNSQ2Y3QixrWkFVQTs7MkZES2EsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTtnR0FnQjVCLElBQUk7c0JBQVosS0FBSztnQkFTRyxXQUFXO3NCQUFuQixLQUFLO2dCQVdHLEtBQUs7c0JBQWIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBVUYsTUFBTTtzQkFEVCxLQUFLO2dCQWlCRixPQUFPO3NCQURWLEtBQUs7Z0JBb0JHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBU0csT0FBTztzQkFBZixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgUmVuZGVyZXIyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmFzQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL2NsYXNzLm1vZGVsJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBTcGlubmVyIENvbXBvbmVudCB8IExheW91dFxuKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1zcGlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSBlbmFibGVWYWx1ZTogYm9vbGVhbjtcbiAgcHJpdmF0ZSBsb2FkaW5nVGltZW91dDogYW55O1xuICBwcml2YXRlIHJlZnJlc2hMaW5rVGltb3V0OiBhbnk7XG4gIHB1YmxpYyBzaG93UmVmcmVzaExpbms6IGJvb2xlYW47XG4gIHByaXZhdGUgcmVmcmVzaFNlY29uZFZhbHVlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQW4gaW5mb3JtYXRpb24gbWVzc2FnZSB0aGF0IGlzIGRpc3BsYXllZCBvbiB0aGUgc3Bpbm5lci5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1zcGlubmVyIFt0ZXh0XT1cInRleHRcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQW4gaW5mb3JtYXRpb24gbWVzc2FnZSB0aGF0IGlzIGRpc3BsYXllZCBvbiB0aGUgcmVmcmVzaCBsaW5rLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW3JlZnJlc2hUZXh0XT1cInRleHRcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKSByZWZyZXNoVGV4dDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgc21hbGwgc3R5bGluZy5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1zZWxlY3Qgc21hbGw+PC9uYXMtc2VsZWN0PlxuICAgKiBvclxuICAgKiA8bmFzLXNlbGVjdCBbc21hbGxdPVwidHJ1ZVwiPjwvbmFzLXNlbGVjdD5cbiAgKi9cbiAgQElucHV0KCkgc21hbGw/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgb3ZlcmxheSBzdHlsaW5nLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNlbGVjdCBvdmVybGF5PjwvbmFzLXNlbGVjdD5cbiAgICogb3JcbiAgICogPG5hcy1zZWxlY3QgW292ZXJsYXldPVwidHJ1ZVwiPjwvbmFzLXNlbGVjdD5cbiAgKi9cbiAgQElucHV0KCkgb3ZlcmxheT86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogRW5hYmxlcyB0aGUgc3Bpbm5lciBhZnRlciA1MDBtcy4gSWYgZmFsc2UgYWdhaW4gd2l0aGluIDUwMG1zLCB0aGUgc3Bpbm5lciB3aWxsIG5vdCBiZSBkaXNwbGF5ZWQgYXQgYWxsLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW2VuYWJsZV09XCJlbmFibGVcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKVxuICBnZXQgZW5hYmxlKCkge1xuICAgIHJldHVybiB0aGlzLmVuYWJsZVZhbHVlO1xuICB9XG4gIHNldCBlbmFibGUoZW5hYmxlOiBib29sZWFuKSB7XG4gICAgdGhpcy5lbmFibGVWYWx1ZSA9IGVuYWJsZTtcbiAgICB0aGlzLnNldEVuYWJsZWQodGhpcy5lbmFibGVWYWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvbnBcbiAgICogU2V0cyB0aGUgbnVtYmVyIG9mIHNlY29uZHMgdG8gd2FpdCBiZWZvcmUgc2hvd2luZyB0aGUgcmVmcmVzaCBsaW5rLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgW3JlZnJlc2hdPVwiMTBcIj48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKVxuICBnZXQgcmVmcmVzaCgpIHtcbiAgICByZXR1cm4gdGhpcy5yZWZyZXNoU2Vjb25kVmFsdWU7XG4gIH1cbiAgc2V0IHJlZnJlc2godmFsdWU6IG51bWJlcikge1xuICAgIGlmICh2YWx1ZSA9PT0gMCB8fCB2YWx1ZSA9PT0gbnVsbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnJlZnJlc2hTZWNvbmRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQmxvY2sgcGFnZSBzY3JvbGxpbmcuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtc2VsZWN0IGJsb2NrU2Nyb2xsaW5nPjwvbmFzLXNlbGVjdD5cbiAgICogb3JcbiAgICogPG5hcy1zZWxlY3QgW2Jsb2NrU2Nyb2xsaW5nXT1cInRydWVcIj48L25hcy1zZWxlY3Q+XG4gICovXG4gIEBJbnB1dCgpIGJsb2NrU2Nyb2xsaW5nID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIE5ldyByb3VuZCBzcGlubmVyIGRlc2lnblxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXNwaW5uZXIgcm91bmRlZD48L25hcy1zcGlubmVyPlxuICAqL1xuICBASW5wdXQoKSByb3VuZGVkPzogYm9vbGVhbjtcblxuICAvKipcbiAqIEBwcm9wZXJ0eSBJbnB1dFxuICogQGRlc2NyaXB0aW9uXG4gKiBBZGRzIGN1c3RvbSBDU1MgY2xhc3MgdG8gdGhlIHNwaW5uZXIuIFNwaW5uZXIgd2lsbCBzZXR0IGFkZGl0aW9uYWwgY3VzdG9tIHN0eWxpbmcuXG4gKlxuICogQGV4YW1wbGVcbiAqIDxuYXMtc3Bpbm5lciBbY3NzQ2xhc3NdPVwiJ215LWN1c3RvbS1jbGFzcydcIj4gPC9uYXMtc3Bpbm5lcj5cbiAqL1xuICBASW5wdXQoKSBjc3NDbGFzcz86IENsYXNzTW9kZWw7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoJ25hcy1zcGlubmVyJyk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldEVuYWJsZWQodGhpcy5lbmFibGVWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIHNldEVuYWJsZWQoZW5hYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuc2hvd1JlZnJlc2hMaW5rID0gZmFsc2U7XG5cbiAgICBpZiAoZW5hYmxlZCkge1xuICAgICAgdGhpcy5sb2FkaW5nVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmVuYWJsZVZhbHVlID0gdHJ1ZTtcbiAgICAgICAgaWYgKHRoaXMuYmxvY2tTY3JvbGxpbmcpIHtcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGRvY3VtZW50LmJvZHksICdibG9jay1zY3JvbGxpbmcnKTtcbiAgICAgICAgfVxuICAgICAgfSwgNTAwKTtcblxuICAgICAgaWYgKHRoaXMucmVmcmVzaCA+IDAgJiYgdGhpcy5yZWZyZXNoVGV4dCAhPSBudWxsKSB7XG4gICAgICAgIHRoaXMucmVmcmVzaExpbmtUaW1vdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLnNob3dSZWZyZXNoTGluayA9IHRydWU7XG4gICAgICAgIH0sIHRoaXMucmVmcmVzaFNlY29uZFZhbHVlICogMTAwMCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLmxvYWRpbmdUaW1lb3V0KTtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnJlZnJlc2hMaW5rVGltb3V0KTtcblxuICAgICAgdGhpcy5lbmFibGVWYWx1ZSA9IGZhbHNlO1xuICAgICAgdGhpcy5zaG93UmVmcmVzaExpbmsgPSBmYWxzZTtcblxuICAgICAgaWYgKHRoaXMuYmxvY2tTY3JvbGxpbmcpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhkb2N1bWVudC5ib2R5LCAnYmxvY2stc2Nyb2xsaW5nJyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcmVmcmVzaFBhZ2UoKSB7XG4gICAgd2luZG93LmxvY2F0aW9uLnJlbG9hZCgpO1xuICB9XG5cbiAgZ2V0IG1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy5zbWFsbCkgJiYgJ3NtYWxsJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMucm91bmRlZCkgJiYgJ3JvdW5kZWQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5vdmVybGF5KSAmJiAnb3ZlcmxheSdcbiAgICBdO1xuICB9XG5cbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nLCBtb2RpZmllcnM/OiBhbnkpOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlcyA9IG5ldyBBcnJheTxDbGFzc01vZGVsPigpO1xuXG4gICAgaWYgKHRoaXMuY3NzQ2xhc3MpIHtcbiAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNzc0NsYXNzKTtcbiAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cblxuICAgIGNsYXNzZXMucHVzaCh0aGlzLmdldENsYXNzKGVsZW1lbnQsIG1vZGlmaWVycykpO1xuXG4gICAgaWYgKHRoaXMuY3NzQ2xhc3MpIHtcbiAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNzc0NsYXNzKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxufVxuIiwiPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJywgbW9kaWZpZXJzKVwiICpuZ0lmPVwiZW5hYmxlXCI+XG4gIDxzcGFuIFtuYXNDbGFzc109XCJnZXRDbGFzcygnYm94JylcIj5cbiAgICA8c3BhbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2JvcmRlcicpXCI+PC9zcGFuPlxuICA8L3NwYW4+XG4gIDxkaXYgKm5nSWY9XCJ0ZXh0XCIgW25hc0NsYXNzXT1cImdldENsYXNzKCd0ZXh0JylcIj5cbiAgICA8ZGl2Pnt7dGV4dH19PC9kaXY+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3JlZnJlc2gnKVwiICpuZ0lmPVwic2hvd1JlZnJlc2hMaW5rXCIgKGNsaWNrKT1cInJlZnJlc2hQYWdlKClcIj4gPGE+IHt7cmVmcmVzaFRleHR9fSA8L2E+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbiJdfQ==

package/esm2022/lib/components/tab-group/tab/tab.component.mjs CHANGED Viewed

@@ -108,11 +108,11 @@ export class TabComponent extends NasComponentBase {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", 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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#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"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", 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-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#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"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", 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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
+            args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", 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-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tab: [{
                 type: ViewChild,
                 args: ['tab']

package/esm2022/lib/components/tag/tag.component.mjs CHANGED Viewed

@@ -48,11 +48,11 @@ export class TagComponent extends NasComponentBase {
         return 'info';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>\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-tag{display:flex}.nas-tag__text{color:#003251;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>\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-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273f;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>\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-tag{display:flex}.nas-tag__text{color:#003251;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\n"] }]
+            args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>\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-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273f;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { info: [{
                 type: Input
             }], warning: [{

package/esm2022/lib/components/textarea/textarea.component.mjs CHANGED Viewed

@@ -50,11 +50,11 @@ export class TextareaComponent extends NasComponentBase {
         return style;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TextareaComponent, selector: "nas-textarea", inputs: { label: "label", resizable: "resizable", height: "height", maxHeight: "maxHeight", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], disabled: "disabled", error: "error", errorMessage: "errorMessage", id: "id", info: "info", loading: "loading", maxLength: "maxLength", model: "model", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", readonly: "readonly", required: "required", spaceless: "spaceless" }, outputs: { modelChange: "modelChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n              [(ngModel)]=\"model\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [formControlName]=\"nasFormControlName\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TextareaComponent, selector: "nas-textarea", inputs: { label: "label", resizable: "resizable", height: "height", maxHeight: "maxHeight", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], disabled: "disabled", error: "error", errorMessage: "errorMessage", id: "id", info: "info", loading: "loading", maxLength: "maxLength", model: "model", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", readonly: "readonly", required: "required", spaceless: "spaceless" }, outputs: { modelChange: "modelChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n              [(ngModel)]=\"model\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [formControlName]=\"nasFormControlName\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#15273f}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#15273f}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#15273f;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-textarea', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n              [(ngModel)]=\"model\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [formControlName]=\"nasFormControlName\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-textarea', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n              [(ngModel)]=\"model\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n    <p [nasClass]=\"getClass('label')\"\n       *ngIf=\"label\">{{label}}</p>\n    <textarea [nasClass]=\"getClass('text')\"\n              [ngStyle]=\"textareaStyle()\"\n              [formControlName]=\"nasFormControlName\"\n              [attr.aria-describedby]=\"ariaDescribedby\"\n              [attr.aria-required]=\"required\"\n              [attr.aria-invalid]=\"error\"\n              [attr.disabled]=\"disabled\"\n              [attr.id]=\"id\"\n              [attr.maxlength]=\"maxLength\"\n              [attr.readonly]=\"readonly\"\n              [required]=\"required\"\n    >\n    </textarea>\n    <span [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n       *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n          *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#15273f}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#15273f}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#15273f;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                 type: Input
             }], resizable: [{

package/esm2022/lib/components/toggle/toggle.component.mjs CHANGED Viewed

@@ -62,11 +62,11 @@ export class ToggleComponent extends NasComponentBase {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ToggleComponent, selector: "nas-toggle", inputs: { options: "options", large: "large", compact: "compact", light: "light", rounded: "rounded", small: "small", big: "big", selectedValue: "selectedValue", label: "label", vertical: "vertical", grouped: "grouped", group: "group", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", scrollable: "scrollable" }, outputs: { handleChange: "handleChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n<ng-template #reactiveForm>\n  <div [nasClass]=\"mainClasses()\" >\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n</ng-template>\n\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#003251}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#003251}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#003251}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #003251}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#003251;background-color:#003251}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#003251;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ToggleComponent, selector: "nas-toggle", inputs: { options: "options", large: "large", compact: "compact", light: "light", rounded: "rounded", small: "small", big: "big", selectedValue: "selectedValue", label: "label", vertical: "vertical", grouped: "grouped", group: "group", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", scrollable: "scrollable" }, outputs: { handleChange: "handleChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n<ng-template #reactiveForm>\n  <div [nasClass]=\"mainClasses()\" >\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n</ng-template>\n\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#15273f;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#15273f}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#15273f}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#15273f}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #15273f}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#15273f;background-color:#15273f}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#15273f;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-toggle', template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n<ng-template #reactiveForm>\n  <div [nasClass]=\"mainClasses()\" >\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n</ng-template>\n\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#003251}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#003251}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#003251}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #003251}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#003251;background-color:#003251}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#003251;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\n"] }]
+            args: [{ selector: 'nas-toggle', template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n<ng-template #reactiveForm>\n  <div [nasClass]=\"mainClasses()\" >\n  <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n  <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n      <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n      <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n        <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n        <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n      </label>\n      <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n    </span>\n  </div>\n</div>\n</ng-template>\n\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#15273f;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#15273f}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#15273f}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#15273f}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #15273f}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#15273f;background-color:#15273f}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#15273f;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { options: [{
                 type: Input
             }], large: [{

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: [{