@norwegian/core-components 5.1.3 → 5.2.1
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.
- package/bundles/norwegian-core-components.umd.js +23 -8
- package/bundles/norwegian-core-components.umd.js.map +1 -1
- package/esm2015/lib/components/accordion/accordion.component.js +10 -3
- package/esm2015/lib/components/grid/col/col.component.js +6 -4
- package/esm2015/lib/components/grid/grid.component.js +10 -4
- package/fesm2015/norwegian-core-components.js +23 -8
- package/fesm2015/norwegian-core-components.js.map +1 -1
- package/lib/components/accordion/accordion.component.d.ts +5 -2
- package/lib/components/grid/col/col.component.d.ts +5 -0
- package/lib/components/grid/grid.component.d.ts +15 -0
- package/norwegian-core-components.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1294,8 +1294,12 @@
|
|
|
1294
1294
|
_this.toggleChange = new i0.EventEmitter();
|
|
1295
1295
|
_this.animateIn = false;
|
|
1296
1296
|
_this.animateOut = false;
|
|
1297
|
+
_this.regularHeader = true;
|
|
1297
1298
|
return _this;
|
|
1298
1299
|
}
|
|
1300
|
+
AccordionComponent.prototype.ngOnInit = function () {
|
|
1301
|
+
this.setHeaderType();
|
|
1302
|
+
};
|
|
1299
1303
|
AccordionComponent.prototype.getClasses = function (element, modifiers) {
|
|
1300
1304
|
var classes = new Array();
|
|
1301
1305
|
classes.push(this.getClass(element, modifiers));
|
|
@@ -1344,14 +1348,17 @@
|
|
|
1344
1348
|
}, 600);
|
|
1345
1349
|
}
|
|
1346
1350
|
};
|
|
1351
|
+
AccordionComponent.prototype.setHeaderType = function () {
|
|
1352
|
+
this.regularHeader = !this.exists(this.small) && !this.exists(this.simple) ? true : false;
|
|
1353
|
+
};
|
|
1347
1354
|
return AccordionComponent;
|
|
1348
1355
|
}(NasComponentBase));
|
|
1349
1356
|
AccordionComponent.decorators = [
|
|
1350
1357
|
{ type: i0.Component, args: [{
|
|
1351
1358
|
selector: 'nas-accordion',
|
|
1352
|
-
template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n </div>\n\n <div [nasClass]=\"wrapperClass()\">\n <div *ngIf=\"exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n [style.padding]=\"exists(transparent) && 'unset'\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n\n<ng-template #toggleTemplate>\n <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n <
|
|
1359
|
+
template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n </div>\n\n <div [nasClass]=\"wrapperClass()\">\n <div *ngIf=\"exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n [style.padding]=\"exists(transparent) && 'unset'\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n\n<ng-template #toggleTemplate>\n <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n </button>\n</ng-template>\n",
|
|
1353
1360
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1354
|
-
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-out .2s ease both;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0
|
|
1361
|
+
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-out .2s ease both;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0}.nas-accordion--simple .nas-accordion__toggle{padding:0;background-color:transparent;margin-bottom:12px}.nas-accordion--simple .nas-accordion__indicator{margin-left:9px;transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--simple .nas-accordion__content{padding:16px}.nas-accordion__icon{margin:0 9px 0 0}.nas-accordion--expanded{z-index:20}.nas-accordion--expanded:not(.nas-accordion--info):not(.nas-accordion--simple) .nas-accordion__toggle{background-color:#fff}.nas-accordion--expanded .nas-accordion__indicator{transform:rotate(-180deg)}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__toggle{padding:16px 24px}}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__content{padding:12px 24px 24px}}.nas-accordion--small .nas-accordion__toggle{padding:9px 16px;background-color:#e3e3e3}.nas-accordion--small .nas-accordion__toggle:hover,.nas-accordion--small .nas-accordion__toggle:focus{background-color:#fff}.nas-accordion--small .nas-accordion__content{padding:3px 16px 24px}.nas-accordion--small .nas-accordion__indicator{transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--inverted .nas-accordion__toggle{background-color:#fff}.nas-accordion--inverted .nas-accordion__toggle:hover,.nas-accordion--inverted .nas-accordion__toggle:focus{background-color:#e3e3e3}.nas-accordion--inverted .nas-accordion__content{background-color:#e3e3e3}.nas-accordion--inverted.nas-accordion--expanded .nas-accordion__toggle{background-color:#e3e3e3}.nas-accordion--nopadding{padding-bottom:25px}.nas-accordion--nopadding .nas-accordion__toggle{padding:0}.nas-accordion--nopadding .nas-accordion__content{padding:0}.nas-accordion--approve .nas-accordion__toggle{color:#238e00}.nas-accordion--primary .nas-accordion__toggle{color:#d81939}.nas-accordion--info .nas-accordion__toggle,.nas-accordion--info .nas-accordion__content{background-color:#ffc;color:#003251}\n"]
|
|
1355
1362
|
},] }
|
|
1356
1363
|
];
|
|
1357
1364
|
AccordionComponent.ctorParameters = function () { return []; };
|
|
@@ -7734,11 +7741,14 @@
|
|
|
7734
7741
|
this.exists(this.wide) && 'wide',
|
|
7735
7742
|
this.exists(this.tight) && 'tight',
|
|
7736
7743
|
this.exists(this.xtight) && 'xtight',
|
|
7744
|
+
this.exists(this.xxtight) && 'xxtight',
|
|
7737
7745
|
this.exists(this.spaceless) && 'spaceless',
|
|
7738
7746
|
this.exists(this.right) && 'right',
|
|
7739
7747
|
this.exists(this.center) && 'center',
|
|
7740
7748
|
this.exists(this.stretch) && 'stretch',
|
|
7741
|
-
this.exists(this.nopadding) && 'nopadding'
|
|
7749
|
+
this.exists(this.nopadding) && 'nopadding',
|
|
7750
|
+
this.exists(this.nomargin) && 'nomargin',
|
|
7751
|
+
(this.colGroup === 0 || this.colGroup) && "col-group-" + this.colGroup
|
|
7742
7752
|
];
|
|
7743
7753
|
};
|
|
7744
7754
|
return GridComponent;
|
|
@@ -7748,7 +7758,7 @@
|
|
|
7748
7758
|
selector: 'nas-grid',
|
|
7749
7759
|
template: "<div [nasClass]=\"getClass('', getModifiers())\">\n <ng-content></ng-content>\n</div>\n",
|
|
7750
7760
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7751
|
-
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:-12px;margin-right:-12px}@media (min-width: 1000px){.nas-grid{margin-left:-24px;margin-right:-24px}}.nas-grid__item{width:100%;flex-shrink:0;flex-grow:0;padding-left:12px;padding-right:12px}@media (min-width: 1000px){.nas-grid__item{padding-left:24px;padding-right:24px}}.nas-grid__item--col-0{width:0%;display:none}.nas-grid__item--col-1{width:8.3333333333%;display:block}.nas-grid__item--col-2{width:16.6666666667%;display:block}.nas-grid__item--col-3{width:25%;display:block}.nas-grid__item--col-4{width:33.3333333333%;display:block}.nas-grid__item--col-5{width:41.6666666667%;display:block}.nas-grid__item--col-6{width:50%;display:block}.nas-grid__item--col-7{width:58.3333333333%;display:block}.nas-grid__item--col-8{width:66.6666666667%;display:block}.nas-grid__item--col-9{width:75%;display:block}.nas-grid__item--col-10{width:83.3333333333%;display:block}.nas-grid__item--col-11{width:91.6666666667%;display:block}@media (min-width: 640px){.nas-grid__item--col-0-md{width:0%;display:none}}@media (min-width: 640px){.nas-grid__item--col-1-md{width:8.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-2-md{width:16.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-3-md{width:25%;display:block}}@media (min-width: 640px){.nas-grid__item--col-4-md{width:33.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-5-md{width:41.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-6-md{width:50%;display:block}}@media (min-width: 640px){.nas-grid__item--col-7-md{width:58.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-8-md{width:66.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-9-md{width:75%;display:block}}@media (min-width: 640px){.nas-grid__item--col-10-md{width:83.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-11-md{width:91.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-12-md{width:100%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-0-lg{width:0%;display:none}}@media (min-width: 1000px){.nas-grid__item--col-1-lg{width:8.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-2-lg{width:16.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-3-lg{width:25%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-4-lg{width:33.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-5-lg{width:41.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-6-lg{width:50%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-7-lg{width:58.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-8-lg{width:66.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-9-lg{width:75%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-10-lg{width:83.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-11-lg{width:91.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-12-lg{width:100%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-0-xl{width:0%;display:none}}@media (min-width: 1280px){.nas-grid__item--col-1-xl{width:8.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-2-xl{width:16.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-3-xl{width:25%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-4-xl{width:33.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-5-xl{width:41.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-6-xl{width:50%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-7-xl{width:58.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-8-xl{width:66.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-9-xl{width:75%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-10-xl{width:83.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-11-xl{width:91.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-12-xl{width:100%;display:block}}@media (min-width: 1000px){.nas-grid--wide{margin-left:-36px;margin-right:-36px}}@media (min-width: 1000px){.nas-grid--wide .nas-grid__item{padding-left:36px;padding-right:36px}}@media (min-width: 1000px){.nas-grid--tight{margin-left:-12px;margin-right:-12px}}@media (min-width: 1000px){.nas-grid--tight .nas-grid__item{padding-left:12px;padding-right:12px}}.nas-grid--xtight{margin-left:-6px;margin-right:-6px}.nas-grid--xtight .nas-grid__item{padding-left:6px;padding-right:6px}.nas-grid--spaceless{margin-left:0;margin-right:0}.nas-grid--spaceless .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--right{justify-content:flex-end}.nas-grid--center{justify-content:center}.nas-grid--stretch{align-items:stretch}.nas-grid--nopadding .nas-grid__item{padding-left:0;padding-right:0}\n"]
|
|
7761
|
+
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:-12px;margin-right:-12px}@media (min-width: 1000px){.nas-grid{margin-left:-24px;margin-right:-24px}}.nas-grid__item{width:100%;flex-shrink:0;flex-grow:0;padding-left:12px;padding-right:12px}@media (min-width: 1000px){.nas-grid__item{padding-left:24px;padding-right:24px}}.nas-grid__item--col-0{width:0%;display:none}.nas-grid__item--col-1{width:8.3333333333%;display:block}.nas-grid__item--col-2{width:16.6666666667%;display:block}.nas-grid__item--col-3{width:25%;display:block}.nas-grid__item--col-4{width:33.3333333333%;display:block}.nas-grid__item--col-5{width:41.6666666667%;display:block}.nas-grid__item--col-6{width:50%;display:block}.nas-grid__item--col-7{width:58.3333333333%;display:block}.nas-grid__item--col-8{width:66.6666666667%;display:block}.nas-grid__item--col-9{width:75%;display:block}.nas-grid__item--col-10{width:83.3333333333%;display:block}.nas-grid__item--col-11{width:91.6666666667%;display:block}@media (min-width: 640px){.nas-grid__item--col-0-md{width:0%;display:none}}@media (min-width: 640px){.nas-grid__item--col-1-md{width:8.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-2-md{width:16.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-3-md{width:25%;display:block}}@media (min-width: 640px){.nas-grid__item--col-4-md{width:33.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-5-md{width:41.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-6-md{width:50%;display:block}}@media (min-width: 640px){.nas-grid__item--col-7-md{width:58.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-8-md{width:66.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-9-md{width:75%;display:block}}@media (min-width: 640px){.nas-grid__item--col-10-md{width:83.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-11-md{width:91.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-12-md{width:100%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-0-lg{width:0%;display:none}}@media (min-width: 1000px){.nas-grid__item--col-1-lg{width:8.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-2-lg{width:16.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-3-lg{width:25%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-4-lg{width:33.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-5-lg{width:41.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-6-lg{width:50%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-7-lg{width:58.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-8-lg{width:66.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-9-lg{width:75%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-10-lg{width:83.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-11-lg{width:91.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-12-lg{width:100%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-0-xl{width:0%;display:none}}@media (min-width: 1280px){.nas-grid__item--col-1-xl{width:8.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-2-xl{width:16.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-3-xl{width:25%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-4-xl{width:33.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-5-xl{width:41.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-6-xl{width:50%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-7-xl{width:58.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-8-xl{width:66.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-9-xl{width:75%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-10-xl{width:83.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-11-xl{width:91.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-12-xl{width:100%;display:block}}.nas-grid__item--col-size-0{width:Infinity%;display:none}.nas-grid__item--col-size-1{width:100%;display:block}.nas-grid__item--col-size-2{width:50%;display:block}.nas-grid__item--col-size-3{width:33.3333333333%;display:block}.nas-grid__item--col-size-4{width:25%;display:block}.nas-grid__item--col-size-5{width:20%;display:block}.nas-grid__item--col-size-6{width:16.6666666667%;display:block}.nas-grid__item--col-size-7{width:14.2857142857%;display:block}.nas-grid__item--col-size-8{width:12.5%;display:block}.nas-grid__item--col-size-9{width:11.1111111111%;display:block}.nas-grid__item--col-size-10{width:10%;display:block}.nas-grid__item--col-size-11{width:9.0909090909%;display:block}@media (min-width: 1000px){.nas-grid--wide{margin-left:-36px;margin-right:-36px}}@media (min-width: 1000px){.nas-grid--wide .nas-grid__item{padding-left:36px;padding-right:36px}}@media (min-width: 1000px){.nas-grid--tight{margin-left:-12px;margin-right:-12px}}@media (min-width: 1000px){.nas-grid--tight .nas-grid__item{padding-left:12px;padding-right:12px}}.nas-grid--xtight{margin-left:-6px;margin-right:-6px}.nas-grid--xtight .nas-grid__item{padding-left:6px;padding-right:6px}.nas-grid--xxtight{margin-left:-3px;margin-right:-3px}.nas-grid--xxtight .nas-grid__item{padding-left:3px;padding-right:3px}.nas-grid--spaceless{margin-left:0;margin-right:0}.nas-grid--spaceless .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--right{justify-content:flex-end}.nas-grid--center{justify-content:center}.nas-grid--stretch{align-items:stretch}.nas-grid--nopadding .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--nomargin .nas-grid__item{margin:0!important}.nas-grid--col-group-0 .nas-grid__item{width:Infinity%;display:none}.nas-grid--col-group-1 .nas-grid__item{width:100%;display:block}.nas-grid--col-group-2 .nas-grid__item{width:50%;display:block}.nas-grid--col-group-3 .nas-grid__item{width:33.3333333333%;display:block}.nas-grid--col-group-4 .nas-grid__item{width:25%;display:block}.nas-grid--col-group-5 .nas-grid__item{width:20%;display:block}.nas-grid--col-group-6 .nas-grid__item{width:16.6666666667%;display:block}.nas-grid--col-group-7 .nas-grid__item{width:14.2857142857%;display:block}.nas-grid--col-group-8 .nas-grid__item{width:12.5%;display:block}.nas-grid--col-group-9 .nas-grid__item{width:11.1111111111%;display:block}.nas-grid--col-group-10 .nas-grid__item{width:10%;display:block}.nas-grid--col-group-11 .nas-grid__item{width:9.0909090909%;display:block}\n"]
|
|
7752
7762
|
},] }
|
|
7753
7763
|
];
|
|
7754
7764
|
GridComponent.ctorParameters = function () { return []; };
|
|
@@ -7759,8 +7769,11 @@
|
|
|
7759
7769
|
wide: [{ type: i0.Input }],
|
|
7760
7770
|
tight: [{ type: i0.Input }],
|
|
7761
7771
|
xtight: [{ type: i0.Input }],
|
|
7772
|
+
xxtight: [{ type: i0.Input }],
|
|
7762
7773
|
spaceless: [{ type: i0.Input }],
|
|
7763
|
-
nopadding: [{ type: i0.Input }]
|
|
7774
|
+
nopadding: [{ type: i0.Input }],
|
|
7775
|
+
nomargin: [{ type: i0.Input }],
|
|
7776
|
+
colGroup: [{ type: i0.Input }]
|
|
7764
7777
|
};
|
|
7765
7778
|
|
|
7766
7779
|
var ColComponent = /** @class */ (function (_super) {
|
|
@@ -7779,12 +7792,13 @@
|
|
|
7779
7792
|
this.removeHostElement(this.elementRef);
|
|
7780
7793
|
};
|
|
7781
7794
|
ColComponent.prototype.classes = function () {
|
|
7782
|
-
var _a = this, base = _a.base, md = _a.md, lg = _a.lg, xl = _a.xl;
|
|
7795
|
+
var _a = this, base = _a.base, md = _a.md, lg = _a.lg, xl = _a.xl, colSize = _a.colSize;
|
|
7783
7796
|
return this.getClass('item', [
|
|
7784
7797
|
(base === 0 || base) && "col-" + base,
|
|
7785
7798
|
(md === 0 || md) && "col-" + md + "-md",
|
|
7786
7799
|
(lg === 0 || lg) && "col-" + lg + "-lg",
|
|
7787
7800
|
(xl === 0 || xl) && "col-" + xl + "-xl",
|
|
7801
|
+
(colSize === 0 || colSize) && "col-size-" + colSize,
|
|
7788
7802
|
]);
|
|
7789
7803
|
};
|
|
7790
7804
|
return ColComponent;
|
|
@@ -7794,7 +7808,7 @@
|
|
|
7794
7808
|
selector: 'nas-col',
|
|
7795
7809
|
template: "<div [nasClass]=\"classes()\">\n <ng-content></ng-content>\n</div>\n",
|
|
7796
7810
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7797
|
-
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:-12px;margin-right:-12px}@media (min-width: 1000px){.nas-grid{margin-left:-24px;margin-right:-24px}}.nas-grid__item{width:100%;flex-shrink:0;flex-grow:0;padding-left:12px;padding-right:12px}@media (min-width: 1000px){.nas-grid__item{padding-left:24px;padding-right:24px}}.nas-grid__item--col-0{width:0%;display:none}.nas-grid__item--col-1{width:8.3333333333%;display:block}.nas-grid__item--col-2{width:16.6666666667%;display:block}.nas-grid__item--col-3{width:25%;display:block}.nas-grid__item--col-4{width:33.3333333333%;display:block}.nas-grid__item--col-5{width:41.6666666667%;display:block}.nas-grid__item--col-6{width:50%;display:block}.nas-grid__item--col-7{width:58.3333333333%;display:block}.nas-grid__item--col-8{width:66.6666666667%;display:block}.nas-grid__item--col-9{width:75%;display:block}.nas-grid__item--col-10{width:83.3333333333%;display:block}.nas-grid__item--col-11{width:91.6666666667%;display:block}@media (min-width: 640px){.nas-grid__item--col-0-md{width:0%;display:none}}@media (min-width: 640px){.nas-grid__item--col-1-md{width:8.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-2-md{width:16.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-3-md{width:25%;display:block}}@media (min-width: 640px){.nas-grid__item--col-4-md{width:33.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-5-md{width:41.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-6-md{width:50%;display:block}}@media (min-width: 640px){.nas-grid__item--col-7-md{width:58.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-8-md{width:66.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-9-md{width:75%;display:block}}@media (min-width: 640px){.nas-grid__item--col-10-md{width:83.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-11-md{width:91.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-12-md{width:100%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-0-lg{width:0%;display:none}}@media (min-width: 1000px){.nas-grid__item--col-1-lg{width:8.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-2-lg{width:16.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-3-lg{width:25%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-4-lg{width:33.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-5-lg{width:41.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-6-lg{width:50%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-7-lg{width:58.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-8-lg{width:66.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-9-lg{width:75%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-10-lg{width:83.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-11-lg{width:91.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-12-lg{width:100%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-0-xl{width:0%;display:none}}@media (min-width: 1280px){.nas-grid__item--col-1-xl{width:8.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-2-xl{width:16.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-3-xl{width:25%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-4-xl{width:33.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-5-xl{width:41.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-6-xl{width:50%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-7-xl{width:58.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-8-xl{width:66.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-9-xl{width:75%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-10-xl{width:83.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-11-xl{width:91.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-12-xl{width:100%;display:block}}@media (min-width: 1000px){.nas-grid--wide{margin-left:-36px;margin-right:-36px}}@media (min-width: 1000px){.nas-grid--wide .nas-grid__item{padding-left:36px;padding-right:36px}}@media (min-width: 1000px){.nas-grid--tight{margin-left:-12px;margin-right:-12px}}@media (min-width: 1000px){.nas-grid--tight .nas-grid__item{padding-left:12px;padding-right:12px}}.nas-grid--xtight{margin-left:-6px;margin-right:-6px}.nas-grid--xtight .nas-grid__item{padding-left:6px;padding-right:6px}.nas-grid--spaceless{margin-left:0;margin-right:0}.nas-grid--spaceless .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--right{justify-content:flex-end}.nas-grid--center{justify-content:center}.nas-grid--stretch{align-items:stretch}.nas-grid--nopadding .nas-grid__item{padding-left:0;padding-right:0}\n"]
|
|
7811
|
+
styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:-12px;margin-right:-12px}@media (min-width: 1000px){.nas-grid{margin-left:-24px;margin-right:-24px}}.nas-grid__item{width:100%;flex-shrink:0;flex-grow:0;padding-left:12px;padding-right:12px}@media (min-width: 1000px){.nas-grid__item{padding-left:24px;padding-right:24px}}.nas-grid__item--col-0{width:0%;display:none}.nas-grid__item--col-1{width:8.3333333333%;display:block}.nas-grid__item--col-2{width:16.6666666667%;display:block}.nas-grid__item--col-3{width:25%;display:block}.nas-grid__item--col-4{width:33.3333333333%;display:block}.nas-grid__item--col-5{width:41.6666666667%;display:block}.nas-grid__item--col-6{width:50%;display:block}.nas-grid__item--col-7{width:58.3333333333%;display:block}.nas-grid__item--col-8{width:66.6666666667%;display:block}.nas-grid__item--col-9{width:75%;display:block}.nas-grid__item--col-10{width:83.3333333333%;display:block}.nas-grid__item--col-11{width:91.6666666667%;display:block}@media (min-width: 640px){.nas-grid__item--col-0-md{width:0%;display:none}}@media (min-width: 640px){.nas-grid__item--col-1-md{width:8.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-2-md{width:16.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-3-md{width:25%;display:block}}@media (min-width: 640px){.nas-grid__item--col-4-md{width:33.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-5-md{width:41.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-6-md{width:50%;display:block}}@media (min-width: 640px){.nas-grid__item--col-7-md{width:58.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-8-md{width:66.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-9-md{width:75%;display:block}}@media (min-width: 640px){.nas-grid__item--col-10-md{width:83.3333333333%;display:block}}@media (min-width: 640px){.nas-grid__item--col-11-md{width:91.6666666667%;display:block}}@media (min-width: 640px){.nas-grid__item--col-12-md{width:100%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-0-lg{width:0%;display:none}}@media (min-width: 1000px){.nas-grid__item--col-1-lg{width:8.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-2-lg{width:16.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-3-lg{width:25%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-4-lg{width:33.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-5-lg{width:41.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-6-lg{width:50%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-7-lg{width:58.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-8-lg{width:66.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-9-lg{width:75%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-10-lg{width:83.3333333333%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-11-lg{width:91.6666666667%;display:block}}@media (min-width: 1000px){.nas-grid__item--col-12-lg{width:100%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-0-xl{width:0%;display:none}}@media (min-width: 1280px){.nas-grid__item--col-1-xl{width:8.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-2-xl{width:16.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-3-xl{width:25%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-4-xl{width:33.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-5-xl{width:41.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-6-xl{width:50%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-7-xl{width:58.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-8-xl{width:66.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-9-xl{width:75%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-10-xl{width:83.3333333333%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-11-xl{width:91.6666666667%;display:block}}@media (min-width: 1280px){.nas-grid__item--col-12-xl{width:100%;display:block}}.nas-grid__item--col-size-0{width:Infinity%;display:none}.nas-grid__item--col-size-1{width:100%;display:block}.nas-grid__item--col-size-2{width:50%;display:block}.nas-grid__item--col-size-3{width:33.3333333333%;display:block}.nas-grid__item--col-size-4{width:25%;display:block}.nas-grid__item--col-size-5{width:20%;display:block}.nas-grid__item--col-size-6{width:16.6666666667%;display:block}.nas-grid__item--col-size-7{width:14.2857142857%;display:block}.nas-grid__item--col-size-8{width:12.5%;display:block}.nas-grid__item--col-size-9{width:11.1111111111%;display:block}.nas-grid__item--col-size-10{width:10%;display:block}.nas-grid__item--col-size-11{width:9.0909090909%;display:block}@media (min-width: 1000px){.nas-grid--wide{margin-left:-36px;margin-right:-36px}}@media (min-width: 1000px){.nas-grid--wide .nas-grid__item{padding-left:36px;padding-right:36px}}@media (min-width: 1000px){.nas-grid--tight{margin-left:-12px;margin-right:-12px}}@media (min-width: 1000px){.nas-grid--tight .nas-grid__item{padding-left:12px;padding-right:12px}}.nas-grid--xtight{margin-left:-6px;margin-right:-6px}.nas-grid--xtight .nas-grid__item{padding-left:6px;padding-right:6px}.nas-grid--xxtight{margin-left:-3px;margin-right:-3px}.nas-grid--xxtight .nas-grid__item{padding-left:3px;padding-right:3px}.nas-grid--spaceless{margin-left:0;margin-right:0}.nas-grid--spaceless .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--right{justify-content:flex-end}.nas-grid--center{justify-content:center}.nas-grid--stretch{align-items:stretch}.nas-grid--nopadding .nas-grid__item{padding-left:0;padding-right:0}.nas-grid--nomargin .nas-grid__item{margin:0!important}.nas-grid--col-group-0 .nas-grid__item{width:Infinity%;display:none}.nas-grid--col-group-1 .nas-grid__item{width:100%;display:block}.nas-grid--col-group-2 .nas-grid__item{width:50%;display:block}.nas-grid--col-group-3 .nas-grid__item{width:33.3333333333%;display:block}.nas-grid--col-group-4 .nas-grid__item{width:25%;display:block}.nas-grid--col-group-5 .nas-grid__item{width:20%;display:block}.nas-grid--col-group-6 .nas-grid__item{width:16.6666666667%;display:block}.nas-grid--col-group-7 .nas-grid__item{width:14.2857142857%;display:block}.nas-grid--col-group-8 .nas-grid__item{width:12.5%;display:block}.nas-grid--col-group-9 .nas-grid__item{width:11.1111111111%;display:block}.nas-grid--col-group-10 .nas-grid__item{width:10%;display:block}.nas-grid--col-group-11 .nas-grid__item{width:9.0909090909%;display:block}\n"]
|
|
7798
7812
|
},] }
|
|
7799
7813
|
];
|
|
7800
7814
|
ColComponent.ctorParameters = function () { return [
|
|
@@ -7804,7 +7818,8 @@
|
|
|
7804
7818
|
base: [{ type: i0.Input }],
|
|
7805
7819
|
md: [{ type: i0.Input }],
|
|
7806
7820
|
lg: [{ type: i0.Input }],
|
|
7807
|
-
xl: [{ type: i0.Input }]
|
|
7821
|
+
xl: [{ type: i0.Input }],
|
|
7822
|
+
colSize: [{ type: i0.Input }]
|
|
7808
7823
|
};
|
|
7809
7824
|
|
|
7810
7825
|
var GridModule = /** @class */ (function () {
|