@norwegian/core-components 5.1.4 → 5.2.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.
- package/bundles/norwegian-core-components.umd.js +38 -10
- package/bundles/norwegian-core-components.umd.js.map +1 -1
- package/esm2015/lib/components/accordion/accordion.component.js +10 -3
- package/esm2015/lib/components/filter/filter.component.js +16 -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 +38 -10
- package/fesm2015/norwegian-core-components.js.map +1 -1
- package/lib/components/accordion/accordion.component.d.ts +5 -2
- package/lib/components/filter/filter.component.d.ts +5 -0
- 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
|
@@ -18,12 +18,13 @@ export class ColComponent extends NasComponentBase {
|
|
|
18
18
|
this.removeHostElement(this.elementRef);
|
|
19
19
|
}
|
|
20
20
|
classes() {
|
|
21
|
-
const { base, md, lg, xl } = this;
|
|
21
|
+
const { base, md, lg, xl, colSize } = this;
|
|
22
22
|
return this.getClass('item', [
|
|
23
23
|
(base === 0 || base) && `col-${base}`,
|
|
24
24
|
(md === 0 || md) && `col-${md}-md`,
|
|
25
25
|
(lg === 0 || lg) && `col-${lg}-lg`,
|
|
26
26
|
(xl === 0 || xl) && `col-${xl}-xl`,
|
|
27
|
+
(colSize === 0 || colSize) && `col-size-${colSize}`,
|
|
27
28
|
]);
|
|
28
29
|
}
|
|
29
30
|
}
|
|
@@ -32,7 +33,7 @@ ColComponent.decorators = [
|
|
|
32
33
|
selector: 'nas-col',
|
|
33
34
|
template: "<div [nasClass]=\"classes()\">\n <ng-content></ng-content>\n</div>\n",
|
|
34
35
|
encapsulation: ViewEncapsulation.None,
|
|
35
|
-
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"]
|
|
36
|
+
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"]
|
|
36
37
|
},] }
|
|
37
38
|
];
|
|
38
39
|
ColComponent.ctorParameters = () => [
|
|
@@ -42,6 +43,7 @@ ColComponent.propDecorators = {
|
|
|
42
43
|
base: [{ type: Input }],
|
|
43
44
|
md: [{ type: Input }],
|
|
44
45
|
lg: [{ type: Input }],
|
|
45
|
-
xl: [{ type: Input }]
|
|
46
|
+
xl: [{ type: Input }],
|
|
47
|
+
colSize: [{ type: Input }]
|
|
46
48
|
};
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZ3JpZC9jb2wvY29sLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEVBQ1YsaUJBQWlCLEdBRWxCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBUXpFLE1BQU0sT0FBTyxZQUFhLFNBQVEsZ0JBQWdCO0lBNEJoRDs7OztPQUlHO0lBQ0gsWUFBb0IsVUFBc0I7UUFDeEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBREEsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUUxQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELE9BQU87UUFDTCxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQztRQUUzQyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFO1lBQzNCLENBQUMsSUFBSSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxPQUFPLElBQUksRUFBRTtZQUNyQyxDQUFDLEVBQUUsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksT0FBTyxFQUFFLEtBQUs7WUFDbEMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLE9BQU8sRUFBRSxLQUFLO1lBQ2xDLENBQUMsRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxPQUFPLEVBQUUsS0FBSztZQUNsQyxDQUFDLE9BQU8sS0FBSyxDQUFDLElBQUksT0FBTyxDQUFDLElBQUksWUFBWSxPQUFPLEVBQUU7U0FDcEQsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7O1lBekRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsU0FBUztnQkFDbkIsaUZBQW1DO2dCQUVuQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDdEM7OztZQVhDLFVBQVU7OzttQkFpQlQsS0FBSztpQkFLTCxLQUFLO2lCQUtMLEtBQUs7aUJBS0wsS0FBSztzQkFNSixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBFbGVtZW50UmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWNvbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2wuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vZ3JpZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIGNvbHVtbiBzaXplIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBASW5wdXQoKSBiYXNlOiBzdHJpbmcgfCBudW1iZXI7XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBjb2x1bW4gc2l6ZSBmb3IgYWxsIG1lZGl1bSBzY3JlZW4gc2l6ZXMgYW5kIHVwXG4gICAqL1xuICBASW5wdXQoKSBtZDogc3RyaW5nIHwgbnVtYmVyO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgY29sdW1uIHNpemUgZm9yIGFsbCBsYXJnZSBzY3JlZW4gc2l6ZXMgYW5kIHVwXG4gICAqL1xuICBASW5wdXQoKSBsZzogc3RyaW5nIHwgbnVtYmVyO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgY29sdW1uIHNpemUgZm9yIGFsbCBleHRyYSBsYXJnZSBzY3JlZW4gc2l6ZXMgYW5kIHVwXG4gICAqL1xuICBASW5wdXQoKSB4bDogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBzcGVjaWZpYyBzaXplIGZvciBlYWNoIGNvbHVtbnMgKDEwMC9jb2xTaXplID0gcmVzdWx0ICUpXG4gICAqL1xuICAgQElucHV0KCkgY29sU2l6ZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogUmVwcmVzZW50IGEgY29sdW1uIGNvbXBvbmVudC5cbiAgICogV2lsbCBpbml0aWF0ZSBjb3JyZWN0IGJsb2NrIHN0eWxlLlxuICAgKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoJ25hcy1ncmlkJyk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnJlbW92ZUhvc3RFbGVtZW50KHRoaXMuZWxlbWVudFJlZik7XG4gIH1cblxuICBjbGFzc2VzKCkge1xuICAgIGNvbnN0IHsgYmFzZSwgbWQsIGxnLCB4bCwgY29sU2l6ZSB9ID0gdGhpcztcblxuICAgIHJldHVybiB0aGlzLmdldENsYXNzKCdpdGVtJywgW1xuICAgICAgKGJhc2UgPT09IDAgfHwgYmFzZSkgJiYgYGNvbC0ke2Jhc2V9YCxcbiAgICAgIChtZCA9PT0gMCB8fCBtZCkgJiYgYGNvbC0ke21kfS1tZGAsXG4gICAgICAobGcgPT09IDAgfHwgbGcpICYmIGBjb2wtJHtsZ30tbGdgLFxuICAgICAgKHhsID09PSAwIHx8IHhsKSAmJiBgY29sLSR7eGx9LXhsYCxcbiAgICAgIChjb2xTaXplID09PSAwIHx8IGNvbFNpemUpICYmIGBjb2wtc2l6ZS0ke2NvbFNpemV9YCxcbiAgICBdKTtcbiAgfVxufVxuIl19
|
|
@@ -25,11 +25,14 @@ export class GridComponent extends NasComponentBase {
|
|
|
25
25
|
this.exists(this.wide) && 'wide',
|
|
26
26
|
this.exists(this.tight) && 'tight',
|
|
27
27
|
this.exists(this.xtight) && 'xtight',
|
|
28
|
+
this.exists(this.xxtight) && 'xxtight',
|
|
28
29
|
this.exists(this.spaceless) && 'spaceless',
|
|
29
30
|
this.exists(this.right) && 'right',
|
|
30
31
|
this.exists(this.center) && 'center',
|
|
31
32
|
this.exists(this.stretch) && 'stretch',
|
|
32
|
-
this.exists(this.nopadding) && 'nopadding'
|
|
33
|
+
this.exists(this.nopadding) && 'nopadding',
|
|
34
|
+
this.exists(this.nomargin) && 'nomargin',
|
|
35
|
+
(this.colGroup === 0 || this.colGroup) && `col-group-${this.colGroup}`
|
|
33
36
|
];
|
|
34
37
|
}
|
|
35
38
|
}
|
|
@@ -38,7 +41,7 @@ GridComponent.decorators = [
|
|
|
38
41
|
selector: 'nas-grid',
|
|
39
42
|
template: "<div [nasClass]=\"getClass('', getModifiers())\">\n <ng-content></ng-content>\n</div>\n",
|
|
40
43
|
encapsulation: ViewEncapsulation.None,
|
|
41
|
-
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"]
|
|
44
|
+
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"]
|
|
42
45
|
},] }
|
|
43
46
|
];
|
|
44
47
|
GridComponent.ctorParameters = () => [];
|
|
@@ -49,7 +52,10 @@ GridComponent.propDecorators = {
|
|
|
49
52
|
wide: [{ type: Input }],
|
|
50
53
|
tight: [{ type: Input }],
|
|
51
54
|
xtight: [{ type: Input }],
|
|
55
|
+
xxtight: [{ type: Input }],
|
|
52
56
|
spaceless: [{ type: Input }],
|
|
53
|
-
nopadding: [{ type: Input }]
|
|
57
|
+
nopadding: [{ type: Input }],
|
|
58
|
+
nomargin: [{ type: Input }],
|
|
59
|
+
colGroup: [{ type: Input }]
|
|
54
60
|
};
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFdEU7OztHQUdHO0FBT0gsTUFBTSxPQUFPLGFBQWMsU0FBUSxnQkFBZ0I7SUEyRGpEOzs7O09BSUc7SUFDSDtRQUNFLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZO1FBQ1YsT0FBTztZQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRO1lBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksV0FBVztZQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxPQUFPO1lBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVE7WUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxXQUFXO1lBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLFVBQVU7WUFDeEMsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksYUFBYSxJQUFJLENBQUMsUUFBUSxFQUFFO1NBQ3ZFLENBQUM7SUFDSixDQUFDOzs7WUEzRkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixvR0FBb0M7Z0JBRXBDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7OztvQkFNRSxLQUFLO3FCQUtMLEtBQUs7c0JBS0wsS0FBSzttQkFLTCxLQUFLO29CQUtMLEtBQUs7cUJBS0wsS0FBSztzQkFLSixLQUFLO3dCQUtOLEtBQUs7d0JBS0wsS0FBSzt1QkFLTCxLQUFLO3VCQU1KLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlL25hcy1jb21wb25lbnQuYmFzZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gR3JpZCBDb21wb25lbnQgfCBMYXlvdXRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gYWxpZ24gaXRlbXMgdG8gdGhlIHJpZ2h0XG4gICAqL1xuICBASW5wdXQoKSByaWdodDogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHdoaWNoIHdpbGwgY2VudGVyIHRoZSBjb2x1bW5zXG4gICAqL1xuICBASW5wdXQoKSBjZW50ZXI6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBjZW50ZXIgdGhlIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBzdHJldGNoOiBib29sZWFuO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc3RyZXRjaCB0aGUgaXRlbXMgdG8gdGhlIHNhbWUgaGVpZ2h0XG4gICAqL1xuICBASW5wdXQoKSB3aWRlOiBib29sZWFuO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gd2hpY2ggd2lsbCBtYWtlIHNtYWxsZXMgc3BhY2UgYmV0d2VlbiB0aGUgY29sdW1uc1xuICAgKi9cbiAgQElucHV0KCkgdGlnaHQ6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byByZWR1Y2Ugc3BhY2UgYmV0d2VlbiBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgeHRpZ2h0OiBib29sZWFuO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gcmVkdWNlIHNwYWNlIGJldHdlZW4gaXRlbXNcbiAgICovXG4gICBASW5wdXQoKSB4eHRpZ2h0OiBib29sZWFuO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gd2hpY2ggd2lsbCByZW1vdmUgYWxsIHJpZ2h0IGFuZCBsZWZ0IHNwYWNlIG9mIGVhY2ggY29sdW1uLiBUb3AgYW5kIGJvdHRvbSBzcGFjZSB3aWxsIGJlIGtlcHRcbiAgICovXG4gIEBJbnB1dCgpIHNwYWNlbGVzczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBSZW1vdmVzIHBhZGRpbmcgb24gdGhlIHJpZ2h0IGFuZCBsZWZ0IG9mIGdyaWQuXG4gICAqL1xuICBASW5wdXQoKSBub3BhZGRpbmc6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogUmVtb3ZlcyBtYXJnaW4gb24gdGhlIHJpZ2h0IGFuZCBsZWZ0IG9mIGdyaWQuXG4gICAqL1xuICBASW5wdXQoKSBub21hcmdpbjogYm9vbGVhbjtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgY29sdW1uIHdpZHRoIGJhc2VkIG9uIGNvbEdyb3VwIHZhbHVlICgxMDAvY29sR3JvdXAgPSByZXN1bHQlKVxuICAgKi9cbiAgIEBJbnB1dCgpIGNvbEdyb3VwOiBzdHJpbmcgfCBudW1iZXI7XG5cblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFJlcHJlc2VudCBhIGdyaWQgY29tcG9uZW50LlxuICAgKiBXaWxsIGluaXRpYXRlIGNvcnJlY3QgYmxvY2sgc3R5bGUuXG4gICAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLWdyaWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgbW9kaWZpZXIgYXJyYXkgdG8gYmUgdXNlZCBieSBiYXNlIGNsYXNzLCBiYXNlZCBvbiBwcm9wZXJ0eSBpbnB1dFxuICAgKi9cbiAgZ2V0TW9kaWZpZXJzKCk6IEFycmF5PHN0cmluZz4ge1xuICAgIHJldHVybiBbXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLndpZGUpICYmICd3aWRlJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMudGlnaHQpICYmICd0aWdodCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnh0aWdodCkgJiYgJ3h0aWdodCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnh4dGlnaHQpICYmICd4eHRpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3BhY2VsZXNzKSAmJiAnc3BhY2VsZXNzJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMucmlnaHQpICYmICdyaWdodCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmNlbnRlcikgJiYgJ2NlbnRlcicsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnN0cmV0Y2gpICYmICdzdHJldGNoJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubm9wYWRkaW5nKSAmJiAnbm9wYWRkaW5nJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubm9tYXJnaW4pICYmICdub21hcmdpbicsXG4gICAgICAodGhpcy5jb2xHcm91cCA9PT0gMCB8fCB0aGlzLmNvbEdyb3VwKSAmJiBgY29sLWdyb3VwLSR7dGhpcy5jb2xHcm91cH1gXG4gICAgXTtcbiAgfVxufVxuIl19
|
|
@@ -873,6 +873,10 @@ class AccordionComponent extends NasComponentBase {
|
|
|
873
873
|
this.toggleChange = new EventEmitter();
|
|
874
874
|
this.animateIn = false;
|
|
875
875
|
this.animateOut = false;
|
|
876
|
+
this.regularHeader = true;
|
|
877
|
+
}
|
|
878
|
+
ngOnInit() {
|
|
879
|
+
this.setHeaderType();
|
|
876
880
|
}
|
|
877
881
|
getClasses(element, modifiers) {
|
|
878
882
|
const classes = new Array();
|
|
@@ -921,13 +925,16 @@ class AccordionComponent extends NasComponentBase {
|
|
|
921
925
|
}, 600);
|
|
922
926
|
}
|
|
923
927
|
}
|
|
928
|
+
setHeaderType() {
|
|
929
|
+
this.regularHeader = !this.exists(this.small) && !this.exists(this.simple) ? true : false;
|
|
930
|
+
}
|
|
924
931
|
}
|
|
925
932
|
AccordionComponent.decorators = [
|
|
926
933
|
{ type: Component, args: [{
|
|
927
934
|
selector: 'nas-accordion',
|
|
928
|
-
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 <
|
|
935
|
+
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",
|
|
929
936
|
encapsulation: ViewEncapsulation.None,
|
|
930
|
-
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
|
|
937
|
+
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"]
|
|
931
938
|
},] }
|
|
932
939
|
];
|
|
933
940
|
AccordionComponent.ctorParameters = () => [];
|
|
@@ -3134,6 +3141,11 @@ class FilterComponent extends NasComponentBase {
|
|
|
3134
3141
|
* This requires that registerLocaleData is called with the respective locale.
|
|
3135
3142
|
*/
|
|
3136
3143
|
this.locale = 'en-GB';
|
|
3144
|
+
/**
|
|
3145
|
+
* @description
|
|
3146
|
+
* Will display the destination input, set this to false to remove it. It's true by default.
|
|
3147
|
+
*/
|
|
3148
|
+
this.enableDestinationSelect = true;
|
|
3137
3149
|
/**
|
|
3138
3150
|
* @description
|
|
3139
3151
|
* Will display passenger select, set this to false to remove it. It's true by default.
|
|
@@ -3917,12 +3929,19 @@ class FilterComponent extends NasComponentBase {
|
|
|
3917
3929
|
return true;
|
|
3918
3930
|
}
|
|
3919
3931
|
else if (this.airportSelect
|
|
3932
|
+
&& this.enableDestinationSelect
|
|
3920
3933
|
&& this.airportSelect.origin
|
|
3921
3934
|
&& this.airportSelect.origin.code
|
|
3922
3935
|
&& this.airportSelect.destination
|
|
3923
3936
|
&& this.airportSelect.destination.code) {
|
|
3924
3937
|
return true;
|
|
3925
3938
|
}
|
|
3939
|
+
else if (this.airportSelect
|
|
3940
|
+
&& !this.enableDestinationSelect
|
|
3941
|
+
&& this.airportSelect.origin
|
|
3942
|
+
&& this.airportSelect.origin.code) {
|
|
3943
|
+
return true;
|
|
3944
|
+
}
|
|
3926
3945
|
else if (this.airportSelect && (this.airportSelect.originOpen || this.airportSelect.destinationOpen)) {
|
|
3927
3946
|
return this.maximize;
|
|
3928
3947
|
}
|
|
@@ -3990,8 +4009,8 @@ class FilterComponent extends NasComponentBase {
|
|
|
3990
4009
|
FilterComponent.decorators = [
|
|
3991
4010
|
{ type: Component, args: [{
|
|
3992
4011
|
selector: 'nas-filter',
|
|
3993
|
-
template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n simple\n containerOnToggle\n transparent\n [expanded]=\"expandedAccordionMobile\"\n [title]=\"editSearchTitle\"\n (toggleChange)=\"onAccordionToggleChange($event)\">\n <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n <div #container\n [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n <ng-container *ngIf=\"airports?.length > 0 && airportRelations\">\n <nas-airport-select *ngIf=\"airports && airportRelations\"\n #airportSelect\n combo\n [ariaLabelClear]=\"ariaLabelClear\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n [useSwitch]=\"useSwitch\"\n [nasClass]=\"getAirportSelectClass()\"\n [airports]=\"airports\"\n [allowedOriginAiports]=\"allowedOriginAirports\"\n [allowedDestinationAirports]=\"allowedDestinationAirports\"\n [airportRelations]=\"airportRelations\"\n [latestSearchesOrigin]=\"latestSearchesOrigin\"\n [latestSearchesDestination]=\"latestSearchesDestination\"\n [displayLatestSearches]=\"displayLatestSearches\"\n [displayClosestAirports]=\"displayClosestAirports\"\n [originAirportCode]=\"originAirportCode\"\n [destinationAirportCode]=\"destinationAirportCode\"\n [allAirportsLabel]=\"allAirportsLabel\"\n [latestSearchesLabel]=\"latestSearchesLabel\"\n [closestAirportsLabel]=\"closestAirportsLabel\"\n [closestAirports]=\"closestAirports\"\n [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n [labelOrigin]=\"labelOrigin\"\n [placeholderOrigin]=\"placeholderOrigin\"\n [labelDestination]=\"labelDestination\"\n [geolocationLabel]=\"geolocationLabel\"\n [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n [placeholderDestination]=\"placeholderDestination\"\n [keepSelection]=\"keepSelection\"\n [invalidDestinationText]=\"invalidDestinationText\"\n (originChange)=\"setSelectedOriginAirport($event)\"\n (destinationChange)=\"onDestinationChange($event)\"\n (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n (originOpenChange)=\"onOriginOpen($event)\"\n (destinationOpenChange)=\"onDestinationOpen($event)\"\n (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n [nasClass]=\"getFilterClass('suggestions')\"\n [suggestions]=\"getSuggestions()\"\n [orLabel]=\"orLabel\"\n (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n </ng-container>\n <ng-container *ngIf=\"shouldMaximize()\">\n <div\n [nasClass]=\"getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n <ng-container *ngIf=\"enablePassengersSelect\">\n <nas-dropdown #passengerSelectDropdown\n *ngIf=\"passengers?.length > 0\"\n [nasClass]=\"getTravelDetailsClass('dropdown', 'passengers')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"passengerSelectLabel\"\n [labelStyle]=\"{'width': '102px'}\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onPassengerSelectOpen($event)\"\n (keydown)=\"passengerKeyDown($event)\">\n <nas-passenger-select #passengerSelect\n [ariaLabelAdd]=\"ariaLabelAdd\"\n [ariaLabelSubtract]=\"ariaLabelSubtract\"\n [adultsLabel]=\"passengerSelectAdultsLabel\"\n [childrenLabel]=\"passengerSelectChildrenLabel\"\n [infantsLabel]=\"passengerSelectInfantsLabel\"\n [maxPaxCount]=\"maxPaxCount\"\n [minAdultCount]=\"minAdultCount\"\n [title]=\"passengerSelectTitle\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n [groupBookingLabel]=\"groupBookingLabel\"\n [groupBookingLimit]=\"groupBookingLimit\"\n (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n [(passengers)]=\"passengers\"></nas-passenger-select>\n </nas-dropdown>\n </ng-container>\n <ng-container *ngIf=\"enableTripSwitch\">\n <nas-dropdown *ngIf=\"tripSwitchOneWayLabel && tripSwitchRoundTripLabel\"\n #tripSwitch\n [nasClass]=\"getTravelDetailsClass('dropdown', 'trip-type')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"getTripSwitchLabel()\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onTripSwitchOpen($event)\"\n (keydown)=\"onTripSwitchKeyDown($event)\">\n <div [nasClass]=\"getTravelDetailsClass('actions')\">\n <button type=\"button\"\n #tripTypeRoundTrip\n [nasClass]=\"getTravelDetailsClass('action', tripType === 2 && 'active')\"\n (click)=\"onTripTypeChange(2)\">\n <nas-icon [type]=\"'medium'\"\n [icon]=\"tripType === 2 ? 'flight-return--light' : 'flight-return'\"></nas-icon>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{tripSwitchRoundTripLabel}}</span>\n </button>\n <button type=\"button\"\n #tripTypeOneway\n [nasClass]=\"getTravelDetailsClass('action', tripType === 1 && 'active')\"\n (click)=\"onTripTypeChange(1)\">\n <nas-icon [type]=\"'medium'\"\n [icon]=\"tripType === 1 ? 'flight-oneway--light' : 'flight-oneway'\"></nas-icon>\n <span [nasClass]=\"getTravelDetailsClass('title', ['small'])\">{{tripSwitchOneWayLabel}}</span>\n </button>\n </div>\n </nas-dropdown>\n </ng-container>\n <ng-container *ngIf=\"enableTransitSwitch\">\n <nas-dropdown *ngIf=\"directOnlyLabel && directTransitLabel\"\n #transitSwitch\n [nasClass]=\"getTravelDetailsClass('dropdown', 'transit-type')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"getTransitLabel()\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onTransitSwitchOpen($event)\"\n (keydown)=\"transitKeyDown($event)\">\n <div [nasClass]=\"getTravelDetailsClass('actions')\">\n <button type=\"button\"\n #transitTypeTransit\n [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n (click)=\"onTransitChange(false)\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon')\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon-stop')\"></span>\n </span>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directTransitLabel}}</span>\n </button>\n <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n type=\"button\"\n #transitTypeDirectOnly\n (click)=\"onTransitChange(true)\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon')\"></span>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directOnlyLabel}}</span>\n </button>\n </div>\n </nas-dropdown>\n </ng-container>\n </div>\n <div *ngIf=\"exists(enableDatepickers)\"\n [nasClass]=\"getDatePickersClass()\">\n <nas-datepicker-combo #datepickerCombo\n compact\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n [availability]=\"availability\"\n [availableFlightsLabel]=\"availableFlightsLabel\"\n [dateDisplayFormat]=\"dateDisplayFormat\"\n [disablePastSelection]=\"disablePastSelection\"\n [locale]=\"locale\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [inboundAvailableDates]=\"inboundAvailableDates\"\n [inboundLabel]=\"inboundLabel\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [outboundAvailableDates]=\"outboundAvailableDates\"\n [outboundLabel]=\"outboundLabel\"\n [timeDisplayFormat]=\"timeDisplayFormat\"\n [times]=\"times\"\n [outboundDisabled]=\"outboundDisabled\"\n [inboundDisabled]=\"inboundDisabled\"\n [outboundOnly]=\"tripType === 1\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n (inboundMonthChange)=\"onInboundMonthChange($event)\"\n (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n [(outboundOpen)]=\"outboundOpen\"\n [(inboundOpen)]=\"inboundOpen\"\n [(inboundSelectedDate)]=\"inboundSelectedDate\"\n [(outboundSelectedDate)]=\"outboundSelectedDate\">\n </nas-datepicker-combo>\n </div>\n <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0\"\n [nasClass]=\"getFilterClass('subsidy-discount')\">\n <nas-subsidy-discount #subsidyDiscount\n [discounts]=\"subsidyDiscounts\"\n [selectedDiscount]=\"selectedSubsidyDiscount\"\n [label]=\"subsidyDiscountLabel\"\n (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>",
|
|
3994
|
-
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-filter{background-color:#f1f1f1;position:relative;z-index:6}.nas-filter__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter__title{font-size:32px;line-height:38px}}.nas-filter__title--md{margin-top:60px}.nas-filter__filters{margin-top:12px;display:flex;flex-wrap:wrap;order:2}.nas-filter__filters .nas-filter__date-combo{order:2;flex:1;z-index:2}.nas-filter__filters .nas-filter__date-combo--minimized{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-filter__filters--minimized .nas-filter__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter__filters--maximize .nas-filter__airport-select:after{display:none}.nas-filter__filters--md .nas-filter__date-combo{flex:0 0 100%}.nas-filter__filters--lg{display:flex;align-items:stretch}.nas-filter__filters--lg .nas-filter__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter__filters--lg .nas-filter__suggestions{order:3}.nas-filter__filters--lg .nas-filter__filters--minimized .nas-filter__airport-select{margin-right:0;flex:0 1 100%}.nas-filter__filters--lg .nas-filter__filters--maximize .nas-filter__airport-select{margin-right:3px;flex:auto}.nas-filter__filters--lg.nas-filter__filters--maximize .nas-filter__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter__suggestions:before{content:\"\";position:absolute;top:-3px;left:0px;width:100%;border-top:3px solid #c3c3c3}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter__toggler{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;font-size:18px;line-height:26px;color:#003251;margin-top:6px;z-index:1}.nas-filter__toggler .nas-filter__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter__toggler .nas-filter__direct-only{display:inline-block}.travel-details{position:relative;display:flex;margin:0;flex-wrap:wrap;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__actions{display:flex}.travel-details__action{padding:12px;width:100%;background-color:#fff}.travel-details__action:hover,.travel-details__action:focus{background-color:#e3e3e3}.travel-details__action--active,.travel-details__action--active:hover,.travel-details__action--active:focus{color:#fff;background-color:#003251}.travel-details__action:focus{outline:none;box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--minimized{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}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle{padding:20px!important;width:100%;height:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:hover:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle nas-icon{float:right}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:focus{outline:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown{width:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown:focus{outline:none}@media (min-width: 640px){::ng-deep .nas-filter__filters .travel-details__dropdown:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-filter__date-combo--side-by-side .nas-datepicker-combo__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter__filters .nas-airport-select__input-line{border-top:none!important}::ng-deep .nas-filter__filters .nas-airport-select-combo__separator{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter__filters .nas-datepicker-combo__separator{display:none}::ng-deep .nas-filter__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter__filters--lg .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter__filters--lg .nas-airport-select__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-datepicker-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-airport-select-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__rotate{transform:rotate(180deg)}::ng-deep .nas-filter__rotate-enter,::ng-deep .nas-filter__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter__rotate-enter{-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}::ng-deep .nas-filter__rotate-leave-active{-webkit-animation:flip-out .2s ease-out both;animation:flip-out .2s ease-out both}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__input-line{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select-combo__separator{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results-wrapper{margin-top:0}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results{top:-3px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__icon{bottom:18px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select:after{display:none}::ng-deep .nas-filter__airport-select .nas-airport-select__input-line{display:none}::ng-deep .nas-filter__subsidy-discount{order:3}::ng-deep .nas-filter__subsidy-discount .nas-subsidy-discount{margin-top:16px}\n"]
|
|
4012
|
+
template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n simple\n containerOnToggle\n transparent\n [expanded]=\"expandedAccordionMobile\"\n [title]=\"editSearchTitle\"\n (toggleChange)=\"onAccordionToggleChange($event)\">\n <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n <div #container\n [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n <ng-container *ngIf=\"airports?.length > 0\">\n <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n #airportSelect\n combo\n [ariaLabelClear]=\"ariaLabelClear\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n [useSwitch]=\"useSwitch\"\n [nasClass]=\"getAirportSelectClass()\"\n [airports]=\"airports\"\n [allowedOriginAiports]=\"allowedOriginAirports\"\n [allowedDestinationAirports]=\"allowedDestinationAirports\"\n [airportRelations]=\"airportRelations\"\n [latestSearchesOrigin]=\"latestSearchesOrigin\"\n [latestSearchesDestination]=\"latestSearchesDestination\"\n [displayLatestSearches]=\"displayLatestSearches\"\n [displayClosestAirports]=\"displayClosestAirports\"\n [originAirportCode]=\"originAirportCode\"\n [destinationAirportCode]=\"destinationAirportCode\"\n [allAirportsLabel]=\"allAirportsLabel\"\n [latestSearchesLabel]=\"latestSearchesLabel\"\n [closestAirportsLabel]=\"closestAirportsLabel\"\n [closestAirports]=\"closestAirports\"\n [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n [labelOrigin]=\"labelOrigin\"\n [placeholderOrigin]=\"placeholderOrigin\"\n [labelDestination]=\"labelDestination\"\n [geolocationLabel]=\"geolocationLabel\"\n [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n [placeholderDestination]=\"placeholderDestination\"\n [keepSelection]=\"keepSelection\"\n [invalidDestinationText]=\"invalidDestinationText\"\n (originChange)=\"setSelectedOriginAirport($event)\"\n (destinationChange)=\"onDestinationChange($event)\"\n (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n (originOpenChange)=\"onOriginOpen($event)\"\n (destinationOpenChange)=\"onDestinationOpen($event)\"\n (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\"\n #airportSelect\n [ariaLabelClear]=\"ariaLabelClear\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n [useSwitch]=\"useSwitch\"\n [nasClass]=\"getClass('airport-origin-select')\"\n [airports]=\"airports\"\n [allowedOriginAiports]=\"allowedOriginAirports\"\n [airportRelations]=\"airportRelations\"\n [latestSearchesOrigin]=\"latestSearchesOrigin\"\n [displayLatestSearches]=\"displayLatestSearches\"\n [displayClosestAirports]=\"displayClosestAirports\"\n [originAirportCode]=\"originAirportCode\"\n [allAirportsLabel]=\"allAirportsLabel\"\n [latestSearchesLabel]=\"latestSearchesLabel\"\n [closestAirportsLabel]=\"closestAirportsLabel\"\n [closestAirports]=\"closestAirports\"\n [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n [labelOrigin]=\"labelOrigin\"\n [placeholderOrigin]=\"placeholderOrigin\"\n [geolocationLabel]=\"geolocationLabel\"\n [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n [keepSelection]=\"keepSelection\"\n (originChange)=\"setSelectedOriginAirport($event)\"\n (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n (originOpenChange)=\"onOriginOpen($event)\"\n (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n [nasClass]=\"getFilterClass('suggestions')\"\n [suggestions]=\"getSuggestions()\"\n [orLabel]=\"orLabel\"\n (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n </ng-container>\n <ng-container *ngIf=\"shouldMaximize()\">\n <div\n [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n <ng-container *ngIf=\"enablePassengersSelect\">\n <nas-dropdown #passengerSelectDropdown\n *ngIf=\"passengers?.length > 0\"\n [nasClass]=\"getTravelDetailsClass('dropdown', 'passengers')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"passengerSelectLabel\"\n [labelStyle]=\"{'width': '102px'}\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onPassengerSelectOpen($event)\"\n (keydown)=\"passengerKeyDown($event)\">\n <nas-passenger-select #passengerSelect\n [ariaLabelAdd]=\"ariaLabelAdd\"\n [ariaLabelSubtract]=\"ariaLabelSubtract\"\n [adultsLabel]=\"passengerSelectAdultsLabel\"\n [childrenLabel]=\"passengerSelectChildrenLabel\"\n [infantsLabel]=\"passengerSelectInfantsLabel\"\n [maxPaxCount]=\"maxPaxCount\"\n [minAdultCount]=\"minAdultCount\"\n [title]=\"passengerSelectTitle\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n [groupBookingLabel]=\"groupBookingLabel\"\n [groupBookingLimit]=\"groupBookingLimit\"\n (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n [(passengers)]=\"passengers\"></nas-passenger-select>\n </nas-dropdown>\n </ng-container>\n <ng-container *ngIf=\"enableTripSwitch\">\n <nas-dropdown *ngIf=\"tripSwitchOneWayLabel && tripSwitchRoundTripLabel\"\n #tripSwitch\n [nasClass]=\"getTravelDetailsClass('dropdown', 'trip-type')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"getTripSwitchLabel()\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onTripSwitchOpen($event)\"\n (keydown)=\"onTripSwitchKeyDown($event)\">\n <div [nasClass]=\"getTravelDetailsClass('actions')\">\n <button type=\"button\"\n #tripTypeRoundTrip\n [nasClass]=\"getTravelDetailsClass('action', tripType === 2 && 'active')\"\n (click)=\"onTripTypeChange(2)\">\n <nas-icon [type]=\"'medium'\"\n [icon]=\"tripType === 2 ? 'flight-return--light' : 'flight-return'\"></nas-icon>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{tripSwitchRoundTripLabel}}</span>\n </button>\n <button type=\"button\"\n #tripTypeOneway\n [nasClass]=\"getTravelDetailsClass('action', tripType === 1 && 'active')\"\n (click)=\"onTripTypeChange(1)\">\n <nas-icon [type]=\"'medium'\"\n [icon]=\"tripType === 1 ? 'flight-oneway--light' : 'flight-oneway'\"></nas-icon>\n <span [nasClass]=\"getTravelDetailsClass('title', ['small'])\">{{tripSwitchOneWayLabel}}</span>\n </button>\n </div>\n </nas-dropdown>\n </ng-container>\n <ng-container *ngIf=\"enableTransitSwitch\">\n <nas-dropdown *ngIf=\"directOnlyLabel && directTransitLabel\"\n #transitSwitch\n [nasClass]=\"getTravelDetailsClass('dropdown', 'transit-type')\"\n [cssClass]=\"getTravelDetailsClass('dropdown')\"\n [label]=\"getTransitLabel()\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n (openChange)=\"onTransitSwitchOpen($event)\"\n (keydown)=\"transitKeyDown($event)\">\n <div [nasClass]=\"getTravelDetailsClass('actions')\">\n <button type=\"button\"\n #transitTypeTransit\n [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n (click)=\"onTransitChange(false)\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon')\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon-stop')\"></span>\n </span>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directTransitLabel}}</span>\n </button>\n <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n type=\"button\"\n #transitTypeDirectOnly\n (click)=\"onTransitChange(true)\">\n <span [nasClass]=\"getTravelDetailsClass('transit-icon')\"></span>\n <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directOnlyLabel}}</span>\n </button>\n </div>\n </nas-dropdown>\n </ng-container>\n </div>\n <div *ngIf=\"exists(enableDatepickers)\"\n [nasClass]=\"getDatePickersClass()\">\n <nas-datepicker-combo #datepickerCombo\n compact\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n [availability]=\"availability\"\n [availableFlightsLabel]=\"availableFlightsLabel\"\n [dateDisplayFormat]=\"dateDisplayFormat\"\n [disablePastSelection]=\"disablePastSelection\"\n [locale]=\"locale\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [inboundAvailableDates]=\"inboundAvailableDates\"\n [inboundLabel]=\"inboundLabel\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [outboundAvailableDates]=\"outboundAvailableDates\"\n [outboundLabel]=\"outboundLabel\"\n [timeDisplayFormat]=\"timeDisplayFormat\"\n [times]=\"times\"\n [outboundDisabled]=\"outboundDisabled\"\n [inboundDisabled]=\"inboundDisabled\"\n [outboundOnly]=\"tripType === 1\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n (inboundMonthChange)=\"onInboundMonthChange($event)\"\n (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n [(outboundOpen)]=\"outboundOpen\"\n [(inboundOpen)]=\"inboundOpen\"\n [(inboundSelectedDate)]=\"inboundSelectedDate\"\n [(outboundSelectedDate)]=\"outboundSelectedDate\">\n </nas-datepicker-combo>\n </div>\n <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0\"\n [nasClass]=\"getFilterClass('subsidy-discount')\">\n <nas-subsidy-discount #subsidyDiscount\n [discounts]=\"subsidyDiscounts\"\n [selectedDiscount]=\"selectedSubsidyDiscount\"\n [label]=\"subsidyDiscountLabel\"\n (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>",
|
|
4013
|
+
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-filter{background-color:#f1f1f1;position:relative;z-index:6}.nas-filter__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter__title{font-size:32px;line-height:38px}}.nas-filter__title--md{margin-top:60px}.nas-filter__filters{margin-top:12px;display:flex;flex-wrap:wrap;order:2}.nas-filter__filters .nas-filter__date-combo{order:2;flex:1;z-index:2}.nas-filter__filters .nas-filter__date-combo--minimized{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-filter__filters--minimized .nas-filter__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter__filters--maximize .nas-filter__airport-select:after{display:none}.nas-filter__filters--md .nas-filter__date-combo{flex:0 0 100%}.nas-filter__filters--lg{display:flex;align-items:stretch}.nas-filter__filters--lg .nas-filter__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter__filters--lg .nas-filter__suggestions{order:3}.nas-filter__filters--lg .nas-filter__filters--minimized .nas-filter__airport-select{margin-right:0;flex:0 1 100%}.nas-filter__filters--lg .nas-filter__filters--maximize .nas-filter__airport-select{margin-right:3px;flex:auto}.nas-filter__filters--lg.nas-filter__filters--maximize .nas-filter__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter__suggestions:before{content:\"\";position:absolute;top:-3px;left:0px;width:100%;border-top:3px solid #c3c3c3}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter__toggler{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;font-size:18px;line-height:26px;color:#003251;margin-top:6px;z-index:1}.nas-filter__toggler .nas-filter__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter__toggler .nas-filter__direct-only{display:inline-block}.travel-details{position:relative;display:flex;margin:0;flex-wrap:wrap;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__actions{display:flex}.travel-details__action{padding:12px;width:100%;background-color:#fff}.travel-details__action:hover,.travel-details__action:focus{background-color:#e3e3e3}.travel-details__action--active,.travel-details__action--active:hover,.travel-details__action--active:focus{color:#fff;background-color:#003251}.travel-details__action:focus{outline:none;box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--minimized{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}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle{padding:20px!important;width:100%;height:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:hover:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle nas-icon{float:right}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:focus{outline:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown{width:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown:focus{outline:none}@media (min-width: 640px){::ng-deep .nas-filter__filters .travel-details__dropdown:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-filter__date-combo--side-by-side .nas-datepicker-combo__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter__filters .nas-airport-select__input-line{border-top:none!important}::ng-deep .nas-filter__filters .nas-airport-select-combo__separator{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter__filters .nas-datepicker-combo__separator{display:none}::ng-deep .nas-filter__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter__filters--lg .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter__filters--lg .nas-airport-select__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-datepicker-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-airport-select-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__rotate{transform:rotate(180deg)}::ng-deep .nas-filter__rotate-enter,::ng-deep .nas-filter__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter__rotate-enter{-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}::ng-deep .nas-filter__rotate-leave-active{-webkit-animation:flip-out .2s ease-out both;animation:flip-out .2s ease-out both}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__input-line{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select-combo__separator{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results-wrapper{margin-top:0}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results{top:-3px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__icon{bottom:18px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select:after{display:none}::ng-deep .nas-filter__airport-select .nas-airport-select__input-line{display:none}::ng-deep .nas-filter__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter__origin-combined{display:flex;flex:none}::ng-deep .nas-filter__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter__subsidy-discount{order:3}::ng-deep .nas-filter__subsidy-discount .nas-subsidy-discount{margin-top:16px}\n"]
|
|
3995
4014
|
},] }
|
|
3996
4015
|
];
|
|
3997
4016
|
FilterComponent.ctorParameters = () => [
|
|
@@ -4109,6 +4128,7 @@ FilterComponent.propDecorators = {
|
|
|
4109
4128
|
invalidDestinationText: [{ type: Input }],
|
|
4110
4129
|
outboundSelectedDate: [{ type: Input }],
|
|
4111
4130
|
inboundSelectedDate: [{ type: Input }],
|
|
4131
|
+
enableDestinationSelect: [{ type: Input }],
|
|
4112
4132
|
enablePassengersSelect: [{ type: Input }],
|
|
4113
4133
|
enableTripSwitch: [{ type: Input }],
|
|
4114
4134
|
enableTransitSwitch: [{ type: Input }],
|
|
@@ -6861,11 +6881,14 @@ class GridComponent extends NasComponentBase {
|
|
|
6861
6881
|
this.exists(this.wide) && 'wide',
|
|
6862
6882
|
this.exists(this.tight) && 'tight',
|
|
6863
6883
|
this.exists(this.xtight) && 'xtight',
|
|
6884
|
+
this.exists(this.xxtight) && 'xxtight',
|
|
6864
6885
|
this.exists(this.spaceless) && 'spaceless',
|
|
6865
6886
|
this.exists(this.right) && 'right',
|
|
6866
6887
|
this.exists(this.center) && 'center',
|
|
6867
6888
|
this.exists(this.stretch) && 'stretch',
|
|
6868
|
-
this.exists(this.nopadding) && 'nopadding'
|
|
6889
|
+
this.exists(this.nopadding) && 'nopadding',
|
|
6890
|
+
this.exists(this.nomargin) && 'nomargin',
|
|
6891
|
+
(this.colGroup === 0 || this.colGroup) && `col-group-${this.colGroup}`
|
|
6869
6892
|
];
|
|
6870
6893
|
}
|
|
6871
6894
|
}
|
|
@@ -6874,7 +6897,7 @@ GridComponent.decorators = [
|
|
|
6874
6897
|
selector: 'nas-grid',
|
|
6875
6898
|
template: "<div [nasClass]=\"getClass('', getModifiers())\">\n <ng-content></ng-content>\n</div>\n",
|
|
6876
6899
|
encapsulation: ViewEncapsulation.None,
|
|
6877
|
-
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"]
|
|
6900
|
+
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"]
|
|
6878
6901
|
},] }
|
|
6879
6902
|
];
|
|
6880
6903
|
GridComponent.ctorParameters = () => [];
|
|
@@ -6885,8 +6908,11 @@ GridComponent.propDecorators = {
|
|
|
6885
6908
|
wide: [{ type: Input }],
|
|
6886
6909
|
tight: [{ type: Input }],
|
|
6887
6910
|
xtight: [{ type: Input }],
|
|
6911
|
+
xxtight: [{ type: Input }],
|
|
6888
6912
|
spaceless: [{ type: Input }],
|
|
6889
|
-
nopadding: [{ type: Input }]
|
|
6913
|
+
nopadding: [{ type: Input }],
|
|
6914
|
+
nomargin: [{ type: Input }],
|
|
6915
|
+
colGroup: [{ type: Input }]
|
|
6890
6916
|
};
|
|
6891
6917
|
|
|
6892
6918
|
/**
|
|
@@ -6907,12 +6933,13 @@ class ColComponent extends NasComponentBase {
|
|
|
6907
6933
|
this.removeHostElement(this.elementRef);
|
|
6908
6934
|
}
|
|
6909
6935
|
classes() {
|
|
6910
|
-
const { base, md, lg, xl } = this;
|
|
6936
|
+
const { base, md, lg, xl, colSize } = this;
|
|
6911
6937
|
return this.getClass('item', [
|
|
6912
6938
|
(base === 0 || base) && `col-${base}`,
|
|
6913
6939
|
(md === 0 || md) && `col-${md}-md`,
|
|
6914
6940
|
(lg === 0 || lg) && `col-${lg}-lg`,
|
|
6915
6941
|
(xl === 0 || xl) && `col-${xl}-xl`,
|
|
6942
|
+
(colSize === 0 || colSize) && `col-size-${colSize}`,
|
|
6916
6943
|
]);
|
|
6917
6944
|
}
|
|
6918
6945
|
}
|
|
@@ -6921,7 +6948,7 @@ ColComponent.decorators = [
|
|
|
6921
6948
|
selector: 'nas-col',
|
|
6922
6949
|
template: "<div [nasClass]=\"classes()\">\n <ng-content></ng-content>\n</div>\n",
|
|
6923
6950
|
encapsulation: ViewEncapsulation.None,
|
|
6924
|
-
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"]
|
|
6951
|
+
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"]
|
|
6925
6952
|
},] }
|
|
6926
6953
|
];
|
|
6927
6954
|
ColComponent.ctorParameters = () => [
|
|
@@ -6931,7 +6958,8 @@ ColComponent.propDecorators = {
|
|
|
6931
6958
|
base: [{ type: Input }],
|
|
6932
6959
|
md: [{ type: Input }],
|
|
6933
6960
|
lg: [{ type: Input }],
|
|
6934
|
-
xl: [{ type: Input }]
|
|
6961
|
+
xl: [{ type: Input }],
|
|
6962
|
+
colSize: [{ type: Input }]
|
|
6935
6963
|
};
|
|
6936
6964
|
|
|
6937
6965
|
class GridModule {
|