@norwegian/core-components 6.8.0 → 6.8.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/esm2022/lib/components/cover/cover.component.mjs +2 -2
- package/esm2022/lib/components/datepicker/datepicker.module.mjs +2 -2
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.module.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -40,11 +40,11 @@ export class CoverComponent extends NasComponentBase {
|
|
|
40
40
|
return classes;
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:
|
|
47
|
+
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"] }]
|
|
48
48
|
}], ctorParameters: function () { return []; }, propDecorators: { wide: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], cloudless: [{
|
|
@@ -5,12 +5,12 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
|
5
5
|
import { CalendarComponent } from './calendar/calendar.component';
|
|
6
6
|
import { DatepickerComponent } from './datepicker.component';
|
|
7
7
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
8
|
-
import { DateHelper } from '../../core/services/date/date-helper.service';
|
|
9
8
|
import { BackdropModule } from '../backdrop/backdrop.module';
|
|
10
9
|
import { CoverModule } from '../cover/cover.module';
|
|
11
10
|
import { IconModule } from '../icon/icon.module';
|
|
12
11
|
import { SelectModule } from '../select/select.module';
|
|
13
12
|
import { SpinnerModule } from '../spinner/spinner.module';
|
|
13
|
+
import { DateHelper } from '../../core/services';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
export class DatepickerModule {
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
52
52
|
providers: [DatePipe, DateHelper]
|
|
53
53
|
}]
|
|
54
54
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBa0JqRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFmWixtQkFBbUIsRUFBRSxpQkFBaUIsYUFFbkQsWUFBWTtZQUNaLFdBQVc7WUFDWCxZQUFZO1lBQ1osVUFBVTtZQUNWLGNBQWM7WUFDZCxXQUFXO1lBQ1gsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixjQUFjLGFBRU4sbUJBQW1CLEVBQUUsaUJBQWlCOytHQUdyQyxnQkFBZ0IsYUFGaEIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLFlBWC9CLFlBQVk7WUFDWixXQUFXO1lBQ1gsWUFBWTtZQUNaLFVBQVU7WUFDVixjQUFjO1lBQ2QsV0FBVztZQUNYLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsY0FBYzs7MkZBS0wsZ0JBQWdCO2tCQWhCNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxpQkFBaUIsQ0FBQztvQkFDdEQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsY0FBYzt3QkFDZCxXQUFXO3dCQUNYLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLGlCQUFpQixDQUFDO29CQUNqRCxTQUFTLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGVQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDYWxlbmRhckNvbXBvbmVudCB9IGZyb20gJy4vY2FsZW5kYXIvY2FsZW5kYXIuY29tcG9uZW50JztcbmltcG9ydCB7IERhdGVwaWNrZXJDb21wb25lbnQgfSBmcm9tICcuL2RhdGVwaWNrZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IEJhY2tkcm9wTW9kdWxlIH0gZnJvbSAnLi4vYmFja2Ryb3AvYmFja2Ryb3AubW9kdWxlJztcbmltcG9ydCB7IENvdmVyTW9kdWxlIH0gZnJvbSAnLi4vY292ZXIvY292ZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFNlbGVjdE1vZHVsZSB9IGZyb20gJy4uL3NlbGVjdC9zZWxlY3QubW9kdWxlJztcbmltcG9ydCB7IFNwaW5uZXJNb2R1bGUgfSBmcm9tICcuLi9zcGlubmVyL3NwaW5uZXIubW9kdWxlJztcbmltcG9ydCB7IERhdGVIZWxwZXIgfSBmcm9tICcuLi8uLi9jb3JlL3NlcnZpY2VzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRGF0ZXBpY2tlckNvbXBvbmVudCwgQ2FsZW5kYXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvdmVyTW9kdWxlLFxuICAgIFNlbGVjdE1vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIE5hc0NsYXNzTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFNwaW5uZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBCYWNrZHJvcE1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbRGF0ZXBpY2tlckNvbXBvbmVudCwgQ2FsZW5kYXJDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtEYXRlUGlwZSwgRGF0ZUhlbHBlcl1cbn0pXG5leHBvcnQgY2xhc3MgRGF0ZXBpY2tlck1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -2,9 +2,9 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { DatepickerComboComponent } from './datepicker-combo.component';
|
|
4
4
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
5
|
-
import { DateHelper } from '../../core/services/date/date-helper.service';
|
|
6
5
|
import { DeviceHelper } from '../../core/services/device/device-helper.service';
|
|
7
6
|
import { DatepickerModule } from '../datepicker/datepicker.module';
|
|
7
|
+
import { DateHelper } from '../../core/services';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class DatepickerComboModule {
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComboModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
28
28
|
providers: [DeviceHelper, DateHelper]
|
|
29
29
|
}]
|
|
30
30
|
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1jb21iby5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RhdGVwaWNrZXItY29tYm8vZGF0ZXBpY2tlci1jb21iby5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNoRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBWWpELE1BQU0sT0FBTyxxQkFBcUI7OEdBQXJCLHFCQUFxQjsrR0FBckIscUJBQXFCLGlCQVRqQix3QkFBd0IsYUFFckMsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixjQUFjLGFBRU4sd0JBQXdCOytHQUd2QixxQkFBcUIsYUFGckIsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDLFlBTG5DLFlBQVk7WUFDWixnQkFBZ0I7WUFDaEIsY0FBYzs7MkZBS0wscUJBQXFCO2tCQVZqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUN4QyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ25DLFNBQVMsRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRlcGlja2VyQ29tYm9Db21wb25lbnQgfSBmcm9tICcuL2RhdGVwaWNrZXItY29tYm8uY29tcG9uZW50JztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IERldmljZUhlbHBlciB9IGZyb20gJy4uLy4uL2NvcmUvc2VydmljZXMvZGV2aWNlL2RldmljZS1oZWxwZXIuc2VydmljZSc7XG5pbXBvcnQgeyBEYXRlcGlja2VyTW9kdWxlIH0gZnJvbSAnLi4vZGF0ZXBpY2tlci9kYXRlcGlja2VyLm1vZHVsZSc7XG5pbXBvcnQgeyBEYXRlSGVscGVyIH0gZnJvbSAnLi4vLi4vY29yZS9zZXJ2aWNlcyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RhdGVwaWNrZXJDb21ib0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGF0ZXBpY2tlck1vZHVsZSxcbiAgICBOYXNDbGFzc01vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbRGF0ZXBpY2tlckNvbWJvQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbRGV2aWNlSGVscGVyLCBEYXRlSGVscGVyXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlcGlja2VyQ29tYm9Nb2R1bGUgeyB9XG4iXX0=
|
|
@@ -2909,11 +2909,11 @@ class CoverComponent extends NasComponentBase {
|
|
|
2909
2909
|
return classes;
|
|
2910
2910
|
}
|
|
2911
2911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2912
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:
|
|
2912
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
|
|
2913
2913
|
}
|
|
2914
2914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
|
|
2915
2915
|
type: Component,
|
|
2916
|
-
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:
|
|
2916
|
+
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"] }]
|
|
2917
2917
|
}], ctorParameters: function () { return []; }, propDecorators: { wide: [{
|
|
2918
2918
|
type: Input
|
|
2919
2919
|
}], cloudless: [{
|