@norwegian/core-components 6.15.1 → 6.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/documentation/page-header-old/page-header-old.md +1 -0
- package/assets/icons/small/my-profile-compact--light.svg +3 -0
- package/assets/icons/small/my-profile-compact.svg +3 -0
- package/assets/icons/small/my-profile-female--dark.svg +48 -0
- package/assets/icons/small/my-profile-male--dark.svg +49 -0
- package/esm2022/lib/components/alert/alert.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/icon/icon.component.mjs +2 -2
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +2 -2
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.module.mjs +1 -1
- package/esm2022/lib/components/page-header/search/search.component.mjs +3 -3
- package/esm2022/lib/components/page-header-old/index.mjs +5 -0
- package/esm2022/lib/components/page-header-old/old-hamburger/old-hamburger.component.mjs +22 -0
- package/esm2022/lib/components/page-header-old/old-search/old-search.component.mjs +49 -0
- package/esm2022/lib/components/page-header-old/page-header-old.component.mjs +160 -0
- package/esm2022/lib/components/page-header-old/page-header-old.module.mjs +24 -0
- package/esm2022/lib/components/tag/tag.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +260 -34
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/page-header-old/index.d.ts +4 -0
- package/lib/components/page-header-old/old-hamburger/old-hamburger.component.d.ts +12 -0
- package/lib/components/page-header-old/old-search/old-search.component.d.ts +26 -0
- package/lib/components/page-header-old/page-header-old.component.d.ts +112 -0
- package/lib/components/page-header-old/page-header-old.module.d.ts +14 -0
- package/package.json +1 -1
- package/styles/1__settings/_colors.scss +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
The `nas-page-header-old` component is used as the page header for a Norwegian site, and supports links and search field in header, and any content put into it. If no content is added inside the `nas-page-header-old` component, the hamburger menu will not be displayed.
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.80649 5.07598C7.80649 2.84077 9.6473 1 11.8825 1C14.1177 1 15.9584 2.70929 15.9584 5.07598V9.15196C15.9584 11.3872 14.1177 13.2279 11.8825 13.2279C9.6473 13.2279 7.80649 11.3872 7.80649 9.15196V5.07598ZM11.9989 23.6998C16.3838 23.6998 20.2467 21.4376 22.4373 18.0073C21.4778 16.4965 19.637 15.3372 17.7961 15.3372H6.09408C4.38461 15.3372 2.58829 16.4658 1.55176 17.947C3.74075 21.3878 7.60812 23.6998 11.9989 23.6998Z" fill="#FFFFFF"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.80649 5.07598C7.80649 2.84077 9.6473 1 11.8825 1C14.1177 1 15.9584 2.70929 15.9584 5.07598V9.15196C15.9584 11.3872 14.1177 13.2279 11.8825 13.2279C9.6473 13.2279 7.80649 11.3872 7.80649 9.15196V5.07598ZM11.9989 23.6998C16.3838 23.6998 20.2467 21.4376 22.4373 18.0073C21.4778 16.4965 19.637 15.3372 17.7961 15.3372H6.09408C4.38461 15.3372 2.58829 16.4658 1.55176 17.947C3.74075 21.3878 7.60812 23.6998 11.9989 23.6998Z" fill="#003251"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
4
|
+
|
|
5
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
|
|
6
|
+
viewBox="-583 408.9 24 24" style="enable-background:new -583 408.9 24 24;" xml:space="preserve">
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
<g>
|
|
10
|
+
<g>
|
|
11
|
+
<g>
|
|
12
|
+
<path fill="#003251" d="M-559.2,420.9c0,6.5-5.3,11.7-11.8,11.7s-11.8-5.3-11.8-11.7c0-6.5,5.3-11.7,11.8-11.7
|
|
13
|
+
S-559.2,414.4-559.2,420.9z"/>
|
|
14
|
+
</g>
|
|
15
|
+
</g>
|
|
16
|
+
<g>
|
|
17
|
+
<g>
|
|
18
|
+
<g>
|
|
19
|
+
<g>
|
|
20
|
+
<g>
|
|
21
|
+
<defs>
|
|
22
|
+
<path id="SVGID_1_" d="M-559.2,420.9c0,6.5-5.3,11.7-11.8,11.7s-11.8-5.3-11.8-11.7c0-6.5,5.3-11.7,11.8-11.7
|
|
23
|
+
S-559.2,414.4-559.2,420.9z"/>
|
|
24
|
+
</defs>
|
|
25
|
+
<clipPath id="SVGID_2_">
|
|
26
|
+
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
|
27
|
+
</clipPath>
|
|
28
|
+
<g clip-path="url(#SVGID_2_)">
|
|
29
|
+
<g>
|
|
30
|
+
<path fill="#FFFFFF" d="M-578,422.6c0,0.4,0.1,0.6,0.1,0.9c0.4,0.1,0.6,0.1,0.9,0.1c1.8,0,3.2-1.4,3.2-3.2
|
|
31
|
+
c0-0.4-0.1-0.6-0.1-0.9c-0.4-0.1-0.6-0.1-0.9-0.1C-576.6,419.4-578,420.9-578,422.6z"/>
|
|
32
|
+
<g>
|
|
33
|
+
<path fill="#FFFFFF" d="M-558.2,438.4l-2.9-9.1c-0.5-1.5-2.2-2.8-3.9-2.8h-8.9c-1.6,0-3.3,1.3-3.9,2.8l-2.9,9.1
|
|
34
|
+
c-0.5,1.5-0.1,3.9,1,5.1l2.8,3.3l-0.5,40.4h3.8l1.5-15.1h5.5l1.5,15.1h3.8l-0.5-40.5l2.8-3.3
|
|
35
|
+
C-558.1,442.3-557.7,439.9-558.2,438.4z"/>
|
|
36
|
+
<path fill="#FFFFFF" d="M-569.3,424.1c1.7,0,3.1-1.4,3.1-3.1v-3.1c-0.1-1.8-1.5-3.1-3.1-3.1c-1.7,0-3.1,1.4-3.1,3.1v3.1
|
|
37
|
+
C-572.4,422.7-571,424.1-569.3,424.1z M-567.8,421.1c-0.1,0.7-0.8,1.2-1.5,1.2s-1.3-0.5-1.6-1.2H-567.8z"/>
|
|
38
|
+
</g>
|
|
39
|
+
</g>
|
|
40
|
+
</g>
|
|
41
|
+
</g>
|
|
42
|
+
</g>
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
</g>
|
|
46
|
+
</g>
|
|
47
|
+
|
|
48
|
+
</svg>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
4
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
|
|
5
|
+
viewBox="-583 408.9 24 24" style="enable-background:new -583 408.9 24 24;" xml:space="preserve">
|
|
6
|
+
|
|
7
|
+
<g >
|
|
8
|
+
<g>
|
|
9
|
+
<g>
|
|
10
|
+
<path fill="#003251" d="M-559.2,420.9c0,6.5-5.3,11.7-11.8,11.7s-11.8-5.3-11.8-11.7c0-6.5,5.3-11.7,11.8-11.7
|
|
11
|
+
S-559.2,414.4-559.2,420.9z"/>
|
|
12
|
+
</g>
|
|
13
|
+
</g>
|
|
14
|
+
<g>
|
|
15
|
+
<g>
|
|
16
|
+
<g>
|
|
17
|
+
<g>
|
|
18
|
+
<defs>
|
|
19
|
+
<path id="SVGID_1_" d="M-559.2,420.9c0,6.5-5.3,11.7-11.8,11.7s-11.8-5.3-11.8-11.7c0-6.5,5.3-11.7,11.8-11.7
|
|
20
|
+
S-559.2,414.4-559.2,420.9z"/>
|
|
21
|
+
</defs>
|
|
22
|
+
<clipPath id="SVGID_2_">
|
|
23
|
+
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
|
24
|
+
</clipPath>
|
|
25
|
+
<g clip-path="url(#SVGID_2_)">
|
|
26
|
+
<path fill="#FFFFFF" d="M-559.8,438.4l-2.9-9.1c-0.5-1.5-2.2-2.8-3.9-2.8h-8.9c-1.6,0-3.3,1.3-3.9,2.8l-2.9,9.1
|
|
27
|
+
c-0.5,1.5-0.1,3.9,1,5.1l2.8,3.3l-0.5,40.4h4.6l3.1-30.1h0.9l3.1,30.1h4.6l-0.5-40.5l2.8-3.3
|
|
28
|
+
C-559.7,442.3-559.3,439.9-559.8,438.4z"/>
|
|
29
|
+
<path fill="#FFFFFF" d="M-571.1,414.8c-1.7,0-3.1,1.4-3.1,3.1v3.1c0,1.7,1.4,3.1,3.1,3.1c1.7,0,3.1-1.4,3.1-3.1v-3.1
|
|
30
|
+
C-568,416.1-569.4,414.8-571.1,414.8z"/>
|
|
31
|
+
<g>
|
|
32
|
+
<g>
|
|
33
|
+
<path fill="#FFFFFF" d="M-548.9,425.4c0,0.5,0.1,0.9,0.2,1.3c0.5,0.2,0.9,0.2,1.3,0.2c2.5,0,4.5-2,4.5-4.5
|
|
34
|
+
c0-0.5-0.1-0.9-0.2-1.3c-0.5-0.2-0.9-0.2-1.3-0.2C-546.8,420.8-548.9,422.9-548.9,425.4z"/>
|
|
35
|
+
<path fill="#FFFFFF" d="M-527.3,438.4l-2.9-9.1c-0.5-1.5-2.2-2.8-3.9-2.8h-8.9c-1.6,0-3.3,1.3-3.9,2.8l-2.9,9.1
|
|
36
|
+
c-0.5,1.5-0.1,3.9,1,5.1l2.8,3.3l-0.5,40.4h3.8l1.5-15.1h5.5l1.5,15.1h3.8l-0.5-40.5l2.8-3.3
|
|
37
|
+
C-527.2,442.3-526.8,439.9-527.3,438.4z"/>
|
|
38
|
+
<path fill="#FFFFFF" d="M-538.5,414.8c-1.7,0-3.1,1.4-3.1,3.1v3.1c0,1.7,1.4,3.1,3.1,3.1c1.7,0,3.1-1.4,3.1-3.1v-3.1
|
|
39
|
+
C-535.4,416.1-536.8,414.8-538.5,414.8z M-538.3,422.3c-0.7,0-1.3-0.5-1.6-1.2h3.1C-537,421.8-537.6,422.3-538.3,422.3z"/>
|
|
40
|
+
</g>
|
|
41
|
+
</g>
|
|
42
|
+
</g>
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
</g>
|
|
46
|
+
</g>
|
|
47
|
+
</g>
|
|
48
|
+
|
|
49
|
+
</svg>
|
|
@@ -117,11 +117,11 @@ export class AlertComponent extends NasComponentBase {
|
|
|
117
117
|
}, 100);
|
|
118
118
|
}
|
|
119
119
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable", trustTextHtml: "trustTextHtml", allowAutoScroll: "allowAutoScroll" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "alertContainer", first: true, predicate: ["alertContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\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-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #
|
|
120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable", trustTextHtml: "trustTextHtml", allowAutoScroll: "allowAutoScroll" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "alertContainer", first: true, predicate: ["alertContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\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-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #B12A0B solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#b12a0b;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
121
121
|
}
|
|
122
122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, decorators: [{
|
|
123
123
|
type: Component,
|
|
124
|
-
args: [{ selector: 'nas-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\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-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #
|
|
124
|
+
args: [{ selector: 'nas-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\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-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #B12A0B solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#b12a0b;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\n"] }]
|
|
125
125
|
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
126
126
|
type: Output
|
|
127
127
|
}], alertContainer: [{
|
|
@@ -107,11 +107,11 @@ export class ButtonComponent extends NasComponentBase {
|
|
|
107
107
|
this.clickChange.emit(event);
|
|
108
108
|
}
|
|
109
109
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link", approve: "approve", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", transparent: "transparent", href: "href", trackingvalue: "trackingvalue", canContinueOnDisabled: "canContinueOnDisabled", disabled: "disabled", type: "type", cssClass: "cssClass", ariaLabel: "ariaLabel", cssStyle: "cssStyle", tabindex: "tabindex", overrideBaseCssClass: "overrideBaseCssClass", useRouterLink: "useRouterLink", id: "id", target: "target" }, outputs: { clickChange: "clickChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#
|
|
110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link", approve: "approve", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", transparent: "transparent", href: "href", trackingvalue: "trackingvalue", canContinueOnDisabled: "canContinueOnDisabled", disabled: "disabled", type: "type", cssClass: "cssClass", ariaLabel: "ariaLabel", cssStyle: "cssStyle", tabindex: "tabindex", overrideBaseCssClass: "overrideBaseCssClass", useRouterLink: "useRouterLink", id: "id", target: "target" }, outputs: { clickChange: "clickChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
111
111
|
}
|
|
112
112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
113
113
|
type: Component,
|
|
114
|
-
args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#
|
|
114
|
+
args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}\n"] }]
|
|
115
115
|
}], ctorParameters: function () { return []; }, propDecorators: { button: [{
|
|
116
116
|
type: ViewChild,
|
|
117
117
|
args: ['button']
|