@norwegian/core-components 5.14.0 → 5.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/norwegian-core-components.umd.js +62 -18
- package/bundles/norwegian-core-components.umd.js.map +1 -1
- package/esm2015/lib/components/airport-select/services/airport-select.service.js +21 -15
- package/esm2015/lib/components/grid/col/col.component.js +1 -1
- package/esm2015/lib/components/grid/grid.component.js +4 -2
- package/esm2015/lib/components/input/input.component.js +5 -2
- package/esm2015/lib/components/select/select.component.js +9 -2
- package/fesm2015/norwegian-core-components.js +36 -18
- package/fesm2015/norwegian-core-components.js.map +1 -1
- package/lib/components/airport-select/services/airport-select.service.d.ts +1 -1
- package/lib/components/grid/grid.component.d.ts +5 -0
- package/lib/components/input/input.component.d.ts +1 -0
- package/lib/components/select/select.component.d.ts +7 -0
- package/norwegian-core-components.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1901,22 +1901,42 @@
|
|
|
1901
1901
|
function AirportSelectService() {
|
|
1902
1902
|
}
|
|
1903
1903
|
AirportSelectService.prototype.filter = function (airports, name) {
|
|
1904
|
-
var
|
|
1905
|
-
if (name
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1904
|
+
var e_1, _b;
|
|
1905
|
+
if (!name || !airports) {
|
|
1906
|
+
return airports;
|
|
1907
|
+
}
|
|
1908
|
+
var inputValue = name.trim().toLowerCase();
|
|
1909
|
+
var filters = [
|
|
1910
|
+
function (airport) { var _a; return (_a = airport.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(inputValue); },
|
|
1911
|
+
function (airport) { var _a; return (_a = airport.airportName) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(inputValue); },
|
|
1912
|
+
function (airport) { var _a; return (_a = airport.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(inputValue); },
|
|
1913
|
+
function (airport) { var _a; return (_a = airport.normalizedAirportName) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(inputValue); },
|
|
1914
|
+
function (airport) { var _a; return ((_a = airport.code) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === inputValue; },
|
|
1915
|
+
function (airport) { var _a; return (_a = airport.countryName) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(inputValue); },
|
|
1916
|
+
];
|
|
1917
|
+
var results = [];
|
|
1918
|
+
var _loop_1 = function (filter) {
|
|
1919
|
+
var matched = airports.filter(filter);
|
|
1920
|
+
results.push.apply(results, __spreadArray([], __read(matched)));
|
|
1921
|
+
airports = airports.filter(function (airport) { return !matched.includes(airport); });
|
|
1922
|
+
};
|
|
1923
|
+
try {
|
|
1924
|
+
for (var filters_1 = __values(filters), filters_1_1 = filters_1.next(); !filters_1_1.done; filters_1_1 = filters_1.next()) {
|
|
1925
|
+
var filter = filters_1_1.value;
|
|
1926
|
+
_loop_1(filter);
|
|
1927
|
+
}
|
|
1928
|
+
}
|
|
1929
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
1930
|
+
finally {
|
|
1931
|
+
try {
|
|
1932
|
+
if (filters_1_1 && !filters_1_1.done && (_b = filters_1.return)) _b.call(filters_1);
|
|
1933
|
+
}
|
|
1934
|
+
finally { if (e_1) throw e_1.error; }
|
|
1915
1935
|
}
|
|
1916
|
-
if (
|
|
1917
|
-
|
|
1936
|
+
if (results.length === 0) {
|
|
1937
|
+
return airports;
|
|
1918
1938
|
}
|
|
1919
|
-
return
|
|
1939
|
+
return results;
|
|
1920
1940
|
};
|
|
1921
1941
|
return AirportSelectService;
|
|
1922
1942
|
}());
|
|
@@ -6778,6 +6798,20 @@
|
|
|
6778
6798
|
SelectComponent.prototype.getSelectId = function () {
|
|
6779
6799
|
return "nas-select-" + this.componentId;
|
|
6780
6800
|
};
|
|
6801
|
+
Object.defineProperty(SelectComponent.prototype, "selectId", {
|
|
6802
|
+
get: function () {
|
|
6803
|
+
return this.id ? this.id : "nas-select-" + this.componentId;
|
|
6804
|
+
},
|
|
6805
|
+
enumerable: false,
|
|
6806
|
+
configurable: true
|
|
6807
|
+
});
|
|
6808
|
+
Object.defineProperty(SelectComponent.prototype, "errorId", {
|
|
6809
|
+
get: function () {
|
|
6810
|
+
return this.id ? this.id + '__error' : "nas-select-" + this.componentId + "__error";
|
|
6811
|
+
},
|
|
6812
|
+
enumerable: false,
|
|
6813
|
+
configurable: true
|
|
6814
|
+
});
|
|
6781
6815
|
SelectComponent.prototype.toggleSelect = function (event, keydown) {
|
|
6782
6816
|
var _this = this;
|
|
6783
6817
|
if ((event && event.key === 'Enter') || !event || !event.key) {
|
|
@@ -6948,7 +6982,7 @@
|
|
|
6948
6982
|
SelectComponent.decorators = [
|
|
6949
6983
|
{ type: i0.Component, args: [{
|
|
6950
6984
|
selector: 'nas-select',
|
|
6951
|
-
template: "<label for=\"getSelectId()\"\n *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select\n [id]=\"
|
|
6985
|
+
template: "<label for=\"getSelectId()\"\n *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n [formControl]=\"selectControl\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">\n {{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n <ng-template #reactiveForm>\n <ng-container [formGroup]=\"nasFormGroup\">\n <select #select\n [formControlName]=\"nasFormControlName\"\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n </ng-template>\n <p [nasClass]=\"getClass('error')\"\n #errorMessageWrapper\n *ngIf=\"exists(error) && errorMessage\" [id]=\"errorId\">{{errorMessage}}</p>\n <div #selectTitleWrapper\n [style.display]=\"'none'\"\n aria-hidden=\"true\">\n <span>{{selectTitle}}</span>\n </div>\n <ng-template #contentOptions>\n <ng-content></ng-content>\n </ng-template>\n</div>",
|
|
6952
6986
|
encapsulation: i0.ViewEncapsulation.None,
|
|
6953
6987
|
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-select{position:relative;display:inline-block;vertical-align:top;max-width:100%;margin-bottom:24px;z-index:0}.nas-select__label{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;display:block;margin-bottom:6px}.nas-select select{-webkit-appearance:none;-moz-appearance:none;display:inline-block;cursor:pointer;margin:0;padding:12px 34px 12px 12px;padding-right:34px!important;width:100%;border-radius:0;border:3px solid #c3c3c3;outline:0;font-size:16px;color:#002a3a;background-color:transparent}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.nas-select select:hover,.nas-select select:focus{border-color:#003251}.nas-select select:active{border-color:#003251}.nas-select select::-ms-expand{display:none}.nas-select select[disabled]{color:#626363;cursor:default}.nas-select select[disabled]:hover,.nas-select select[disabled]:focus{border-color:#c3c3c3}.nas-select:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:12px;height:12px;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23214A5F%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--block{display:block}.nas-select--block select{display:block;width:100%}.nas-select--light:after{background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--light select{color:#fff;border-color:#fff}.nas-select--light select:hover,.nas-select--light select:focus{border-color:#c3c3c3}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{background-color:#626363}.nas-select--disabled:after{background-color:#626363;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23909090%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--inline,.nas-select--simple{display:inline-block;max-width:100%;overflow:hidden;line-height:inherit;padding:0;font-size:inherit;color:inherit;margin-bottom:0;border-bottom:inherit}.nas-select--inline:after,.nas-select--simple:after{top:50%;margin-top:-7px;right:0}.nas-select--inline select,.nas-select--simple select{font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #c3c3c3;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline option,.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#d81939}.nas-select--error:after{top:24px;bottom:auto}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:block;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;color:#d81939}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.nas-select--compact select{padding-top:9px;padding-bottom:9px}.nas-select--compact:after{bottom:16px}.nas-select--spaceless{margin-bottom:0}.nas-select--fill select{background-color:#fff;border-color:#fff}.nas-select--rotate:after{transform:rotate(180deg);transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--rotate::after-enter,.nas-select--rotate::after-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-select--rotate::after-enter{-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-select--rotate::after-leave-active{-webkit-animation:flip-out .2s ease-out both;animation:flip-out .2s ease-out both}@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:\"\";padding-right:1rem}.select option{background-color:#fff}}\n"]
|
|
6954
6988
|
},] }
|
|
@@ -6962,6 +6996,7 @@
|
|
|
6962
6996
|
select: [{ type: i0.ViewChild, args: ['select',] }],
|
|
6963
6997
|
optionComponents: [{ type: i0.ContentChildren, args: [OptionComponent,] }],
|
|
6964
6998
|
optgroupComponents: [{ type: i0.ContentChildren, args: [OptgroupComponent,] }],
|
|
6999
|
+
id: [{ type: i0.Input }],
|
|
6965
7000
|
inline: [{ type: i0.Input }],
|
|
6966
7001
|
label: [{ type: i0.Input }],
|
|
6967
7002
|
block: [{ type: i0.Input }],
|
|
@@ -7808,6 +7843,7 @@
|
|
|
7808
7843
|
this.exists(this.stretch) && 'stretch',
|
|
7809
7844
|
this.exists(this.nopadding) && 'nopadding',
|
|
7810
7845
|
this.exists(this.nomargin) && 'nomargin',
|
|
7846
|
+
this.exists(this.mobileview) && 'mobileview',
|
|
7811
7847
|
(this.colGroup === 0 || this.colGroup) && "col-group-" + this.colGroup
|
|
7812
7848
|
];
|
|
7813
7849
|
};
|
|
@@ -7818,7 +7854,7 @@
|
|
|
7818
7854
|
selector: 'nas-grid',
|
|
7819
7855
|
template: "<div [nasClass]=\"getClass('', getModifiers())\">\n <ng-content></ng-content>\n</div>\n",
|
|
7820
7856
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7821
|
-
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"]
|
|
7857
|
+
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--mobileview{display:block}@media (min-width: 640px){.nas-grid--mobileview{display:flex}}.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"]
|
|
7822
7858
|
},] }
|
|
7823
7859
|
];
|
|
7824
7860
|
GridComponent.ctorParameters = function () { return []; };
|
|
@@ -7831,6 +7867,7 @@
|
|
|
7831
7867
|
xtight: [{ type: i0.Input }],
|
|
7832
7868
|
xxtight: [{ type: i0.Input }],
|
|
7833
7869
|
spaceless: [{ type: i0.Input }],
|
|
7870
|
+
mobileview: [{ type: i0.Input }],
|
|
7834
7871
|
nopadding: [{ type: i0.Input }],
|
|
7835
7872
|
nomargin: [{ type: i0.Input }],
|
|
7836
7873
|
colGroup: [{ type: i0.Input }]
|
|
@@ -7868,7 +7905,7 @@
|
|
|
7868
7905
|
selector: 'nas-col',
|
|
7869
7906
|
template: "<div [nasClass]=\"classes()\">\n <ng-content></ng-content>\n</div>\n",
|
|
7870
7907
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7871
|
-
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"]
|
|
7908
|
+
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--mobileview{display:block}@media (min-width: 640px){.nas-grid--mobileview{display:flex}}.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"]
|
|
7872
7909
|
},] }
|
|
7873
7910
|
];
|
|
7874
7911
|
ColComponent.ctorParameters = function () { return [
|
|
@@ -8167,6 +8204,13 @@
|
|
|
8167
8204
|
enumerable: false,
|
|
8168
8205
|
configurable: true
|
|
8169
8206
|
});
|
|
8207
|
+
Object.defineProperty(InputComponent.prototype, "errorId", {
|
|
8208
|
+
get: function () {
|
|
8209
|
+
return this.id ? this.id + '__error' : "nas-input-" + this.componentId + "__error";
|
|
8210
|
+
},
|
|
8211
|
+
enumerable: false,
|
|
8212
|
+
configurable: true
|
|
8213
|
+
});
|
|
8170
8214
|
InputComponent.prototype.ngAfterViewInit = function () {
|
|
8171
8215
|
if (this.exists(this.disabled)) {
|
|
8172
8216
|
var inputElement = document.getElementById(this.inputId);
|
|
@@ -8201,7 +8245,7 @@
|
|
|
8201
8245
|
InputComponent.decorators = [
|
|
8202
8246
|
{ type: i0.Component, args: [{
|
|
8203
8247
|
selector: 'nas-input',
|
|
8204
|
-
template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\n",
|
|
8248
|
+
template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\n",
|
|
8205
8249
|
encapsulation: i0.ViewEncapsulation.None,
|
|
8206
8250
|
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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;-webkit-animation:input-loader ease 1.5s;animation:input-loader ease 1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@-webkit-keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"]
|
|
8207
8251
|
},] }
|