@norwegian/core-components 7.4.1 → 7.4.2
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.
|
@@ -100,11 +100,11 @@ export class SpinnerComponent extends NasComponentBase {
|
|
|
100
100
|
return classes;
|
|
101
101
|
}
|
|
102
102
|
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 }); }
|
|
103
|
-
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin
|
|
103
|
+
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin:0}.nas-spinner--rounded .nas-spinner__border,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__border{display:none}.nas-spinner--rounded.nas-spinner--small .nas-spinner__box{height:16px;width:16px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 6px,transparent 85%,#1C1C1C 100%);background-image:conic-gradient(transparent 15%,#15273f)}.nas-spinner--rounded.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--rounded.nas-spinner--small .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 }); }
|
|
104
104
|
}
|
|
105
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
|
-
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin
|
|
107
|
+
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin:0}.nas-spinner--rounded .nas-spinner__border,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__border{display:none}.nas-spinner--rounded.nas-spinner--small .nas-spinner__box{height:16px;width:16px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 6px,transparent 85%,#1C1C1C 100%);background-image:conic-gradient(transparent 15%,#15273f)}.nas-spinner--rounded.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--rounded.nas-spinner--small .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"] }]
|
|
108
108
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
|
|
109
109
|
type: Input
|
|
110
110
|
}], refreshText: [{
|
|
@@ -7563,11 +7563,11 @@ class SpinnerComponent extends NasComponentBase {
|
|
|
7563
7563
|
return classes;
|
|
7564
7564
|
}
|
|
7565
7565
|
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 }); }
|
|
7566
|
-
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin
|
|
7566
|
+
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin:0}.nas-spinner--rounded .nas-spinner__border,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__border{display:none}.nas-spinner--rounded.nas-spinner--small .nas-spinner__box{height:16px;width:16px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 6px,transparent 85%,#1C1C1C 100%);background-image:conic-gradient(transparent 15%,#15273f)}.nas-spinner--rounded.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--rounded.nas-spinner--small .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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7567
7567
|
}
|
|
7568
7568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
7569
7569
|
type: Component,
|
|
7570
|
-
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin
|
|
7570
|
+
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()\">\n <a> {{refreshText}} </a>\n </div>\n </div>\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-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:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,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 .nas-spinner__box,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__box{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);background-color:unset;animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin:0}.nas-spinner--rounded .nas-spinner__border,.nas-spinner--rounded.nas-spinner--small .nas-spinner__box .nas-spinner__border{display:none}.nas-spinner--rounded.nas-spinner--small .nas-spinner__box{height:16px;width:16px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 6px,transparent 85%,#1C1C1C 100%);background-image:conic-gradient(transparent 15%,#15273f)}.nas-spinner--rounded.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--rounded.nas-spinner--small .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"] }]
|
|
7571
7571
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
|
|
7572
7572
|
type: Input
|
|
7573
7573
|
}], refreshText: [{
|