@norwegian/core-components 6.21.1 → 6.21.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/tag/tag.component.mjs +11 -5
- package/esm2022/lib/components/tag/tag.module.mjs +8 -4
- package/fesm2022/norwegian-core-components.mjs +13 -6
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/tag/tag.component.d.ts +13 -1
- package/lib/components/tag/tag.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
6
6
|
import { NasComponentBase } from '../../core';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "../../core/directives/nas-class/nas-class.directive";
|
|
10
|
+
import * as i3 from "../icon/icon.component";
|
|
9
11
|
/**
|
|
10
12
|
* @description
|
|
11
13
|
* Norwegian alert Tag | Dialogs and Modals
|
|
@@ -29,7 +31,7 @@ export class TagComponent extends NasComponentBase {
|
|
|
29
31
|
this.exists(this.warning) && 'warning',
|
|
30
32
|
this.exists(this.success) && 'success',
|
|
31
33
|
this.exists(this.error) && 'error',
|
|
32
|
-
this.exists(this.neutral) && 'neutral'
|
|
34
|
+
this.exists(this.neutral) && 'neutral'
|
|
33
35
|
];
|
|
34
36
|
}
|
|
35
37
|
getTagClass() {
|
|
@@ -51,11 +53,11 @@ export class TagComponent extends NasComponentBase {
|
|
|
51
53
|
return 'info';
|
|
52
54
|
}
|
|
53
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <div *ngIf=\"icon\">\n <nas-icon [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n </div>\n <div class=\"tag-text\">\n <div class=\"tag-description\">{{text}}</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-tag__info{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__info__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__info__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__success{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__success__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#2eb004;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__success__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__warning{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__warning__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__warning__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__error{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__error__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#cc3a19;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__error__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__neutral{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}.nas-tag__neutral__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__neutral__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#eaeaea;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__neutral__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}\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 }); }
|
|
55
57
|
}
|
|
56
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
|
|
57
59
|
type: Component,
|
|
58
|
-
args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div
|
|
60
|
+
args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <div *ngIf=\"icon\">\n <nas-icon [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n </div>\n <div class=\"tag-text\">\n <div class=\"tag-description\">{{text}}</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-tag__info{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__info__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__info__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__success{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__success__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#2eb004;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__success__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__warning{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__warning__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__warning__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__error{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__error__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#cc3a19;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__error__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__neutral{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}.nas-tag__neutral__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__neutral__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#eaeaea;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__neutral__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}\n"] }]
|
|
59
61
|
}], ctorParameters: function () { return []; }, propDecorators: { info: [{
|
|
60
62
|
type: Input
|
|
61
63
|
}], warning: [{
|
|
@@ -68,5 +70,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
68
70
|
type: Input
|
|
69
71
|
}], text: [{
|
|
70
72
|
type: Input
|
|
73
|
+
}], icon: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], iconType: [{
|
|
76
|
+
type: Input
|
|
71
77
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBQ0gsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7OztBQUc5Qzs7O0dBR0c7QUFTSCxNQUFNLE9BQU8sWUFBYSxTQUFRLGdCQUFnQjtJQTBEaEQ7UUFDRSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVE7UUFDTiw0QkFBNEI7SUFDOUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUFnQixFQUFFLFNBQWU7UUFDMUMsTUFBTSxPQUFPLEdBQXNCO1lBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQztTQUNsQyxDQUFDO1FBQ0YsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksTUFBTTtZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1NBQ3ZDLENBQUM7SUFDSixDQUFDO0lBR0QsV0FBVztRQUNULE1BQU0sUUFBUSxHQUFHO1lBQ2YsT0FBTyxFQUFFLFNBQVM7WUFDbEIsT0FBTyxFQUFFLFNBQVM7WUFDbEIsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsT0FBTztZQUNkLE9BQU8sRUFBRSxTQUFTO1NBQ25CLENBQUM7UUFFRixzRUFBc0U7UUFDdEUsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RDLEtBQUssTUFBTSxRQUFRLElBQUksU0FBUyxFQUFFO1lBQ2hDLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUN0QixPQUFPLFFBQVEsQ0FBQyxRQUFRLENBQVcsQ0FBQyxDQUFDLHNEQUFzRDthQUM1RjtTQUNGO1FBRUQsb0RBQW9EO1FBQ3BELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7OEdBdkdVLFlBQVk7a0dBQVosWUFBWSw4TkNwQnpCLHFWQVVBOzsyRkRVYSxZQUFZO2tCQU54QixTQUFTOytCQUNFLFNBQVMsbUJBR0YsdUJBQXVCLENBQUMsTUFBTTswRUFnQnRDLElBQUk7c0JBQVosS0FBSztnQkFNRyxPQUFPO3NCQUFmLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQU1HLE9BQU87c0JBQWYsS0FBSztnQkFNRyxPQUFPO3NCQUFmLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFNRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmFzQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL2NsYXNzLm1vZGVsJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBhbGVydCBUYWcgfCBEaWFsb2dzIGFuZCBNb2RhbHNcbiAqL1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy10YWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRhZ0NvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFVzZWQgdG8gZGV0ZXJtaW5lIHRoYXQgeW91IHdhbnQgdG8gc2hvdyBhIHRhZ1xuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLXRhZyBzdWNjZXNzPlN1Y2Nlc3M8L25hcy10YWc+XG4gICAqXG4gICAqL1xuICAvKipcbiAgICAgICogQHByb3BlcnR5IElucHV0XG4gICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIHRhZyBpbmZvLlxuICAgICAgKi9cbiAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcbiAgLyoqXG4gICAgICogQHByb3BlcnR5IElucHV0XG4gICAgICogQGRlc2NyaXB0aW9uXG4gICAgICogQm9vbGVhbiB0byBnaXZlIHRoZSB0YWcgYSB3YXJuaW5nLlxuICAgICAqL1xuICBASW5wdXQoKSB3YXJuaW5nOiBib29sZWFuO1xuICAvKipcbiAgICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICAgKiBAZGVzY3JpcHRpb25cbiAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIHRhZyBhbiBlcnJvci5cbiAgICAgKi9cbiAgQElucHV0KCkgZXJyb3I6IGJvb2xlYW47XG4gIC8qKlxuICAgICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIEJvb2xlYW4gdG8gZ2l2ZSB0aGUgdGFnIGEgc3VjY2Vzcy5cbiAgICAgKi9cbiAgQElucHV0KCkgc3VjY2VzczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyB0ZXh0IG9uIHRoZSB0YWcuIElmIHNldCB0byBmYWxzZSB0aGUgdGFnIHdpbGwgbm90IGRpc3BsYXkgYW55IHRleHQuXG4gICAqL1xuICBASW5wdXQoKSBuZXV0cmFsOiBib29sZWFuO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIHRleHQgb24gdGhlIHRhZy4gSWYgc2V0IHRvIGZhbHNlIHRoZSB0YWcgd2lsbCBub3QgZGlzcGxheSBhbnkgdGV4dC5cbiAgICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBpY29uIG9uIHRoZSB0YWcuIElmIHNldCB0byBmYWxzZSB0aGUgdGFnIHdpbGwgbm90IGRpc3BsYXkgYW55IGljb24uXG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBib29sZWFuO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIGljb24gb24gdGhlIHRhZy4gSWYgc2V0IHRvIGZhbHNlIHRoZSB0YWcgd2lsbCBub3QgZGlzcGxheSBhbnkgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIGljb25UeXBlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy10YWcnKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIFRoZSBjb21wb25lbnRzIGluaXQgbG9naWNcbiAgfVxuXG4gIGdldENsYXNzZXMoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzPzogYW55KTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXM6IEFycmF5PENsYXNzTW9kZWw+ID0gW1xuICAgICAgdGhpcy5nZXRDbGFzcyhlbGVtZW50LCBtb2RpZmllcnMpXG4gICAgXTtcbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIGdldE1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy5pbmZvKSAmJiAnaW5mbycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLndhcm5pbmcpICYmICd3YXJuaW5nJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3VjY2VzcykgJiYgJ3N1Y2Nlc3MnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5lcnJvcikgJiYgJ2Vycm9yJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubmV1dHJhbCkgJiYgJ25ldXRyYWwnXG4gICAgXTtcbiAgfVxuXG5cbiAgZ2V0VGFnQ2xhc3MoKSB7XG4gICAgY29uc3QgY2xhc3NNYXAgPSB7XG4gICAgICB3YXJuaW5nOiAnd2FybmluZycsXG4gICAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gICAgICBpbmZvOiAnaW5mbycsXG4gICAgICBlcnJvcjogJ2Vycm9yJyxcbiAgICAgIG5ldXRyYWw6ICduZXV0cmFsJ1xuICAgIH07XG5cbiAgICAvLyBDaGVjayBpZiBhbnkgb2YgdGhlIG1vZGlmaWVycyAoaW5mbywgd2FybmluZywgc3VjY2VzcywgZXJyb3IpIGV4aXN0XG4gICAgY29uc3QgbW9kaWZpZXJzID0gdGhpcy5nZXRNb2RpZmllcnMoKTtcbiAgICBmb3IgKGNvbnN0IG1vZGlmaWVyIG9mIG1vZGlmaWVycykge1xuICAgICAgaWYgKGNsYXNzTWFwW21vZGlmaWVyXSkge1xuICAgICAgICByZXR1cm4gY2xhc3NNYXBbbW9kaWZpZXJdIGFzIHN0cmluZzsgLy8gUmV0dXJuIHRoZSBmaXJzdCBleGlzdGluZyBtb2RpZmllciBhcyB0aGUgQ1NTIGNsYXNzXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gSWYgbm9uZSBvZiB0aGUgbW9kaWZpZXJzIGV4aXN0LCBkZWZhdWx0IHRvICdpbmZvJ1xuICAgIHJldHVybiAnaW5mbyc7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm5hcy10YWdcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJywgZ2V0TW9kaWZpZXJzKCkpXCIgPlxuICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcyhnZXRUYWdDbGFzcygpKVwiPlxuICAgIDxkaXYgKm5nSWY9XCJpY29uXCI+XG4gICAgICA8bmFzLWljb24gW2ljb25dPVwiaWNvblR5cGVcIiBbdHlwZV09XCInc21hbGwnXCI+PC9uYXMtaWNvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidGFnLXRleHRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWctZGVzY3JpcHRpb25cIj57e3RleHR9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -2,13 +2,16 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { TagComponent } from './tag.component';
|
|
4
4
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
5
|
+
import { IconModule } from '../icon';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class TagModule {
|
|
7
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
9
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule,
|
|
9
|
-
NasClassModule
|
|
10
|
+
NasClassModule,
|
|
11
|
+
IconModule], exports: [TagComponent] }); }
|
|
10
12
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, imports: [CommonModule,
|
|
11
|
-
NasClassModule
|
|
13
|
+
NasClassModule,
|
|
14
|
+
IconModule] }); }
|
|
12
15
|
}
|
|
13
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, decorators: [{
|
|
14
17
|
type: NgModule,
|
|
@@ -18,9 +21,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
18
21
|
],
|
|
19
22
|
imports: [
|
|
20
23
|
CommonModule,
|
|
21
|
-
NasClassModule
|
|
24
|
+
NasClassModule,
|
|
25
|
+
IconModule
|
|
22
26
|
],
|
|
23
27
|
exports: [TagComponent]
|
|
24
28
|
}]
|
|
25
29
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQWVyQyxNQUFNLE9BQU8sU0FBUzs4R0FBVCxTQUFTOytHQUFULFNBQVMsaUJBVGxCLFlBQVksYUFHWixZQUFZO1lBQ1osY0FBYztZQUNkLFVBQVUsYUFFRixZQUFZOytHQUVYLFNBQVMsWUFObEIsWUFBWTtZQUNaLGNBQWM7WUFDZCxVQUFVOzsyRkFJRCxTQUFTO2tCQVhyQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsVUFBVTtxQkFDWDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUYWdDb21wb25lbnQgfSBmcm9tICcuL3RhZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmFzQ2xhc3NNb2R1bGUgfSBmcm9tICcuLi8uLi9jb3JlL2RpcmVjdGl2ZXMvbmFzLWNsYXNzL25hcy1jbGFzcy5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24nO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVGFnQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmFzQ2xhc3NNb2R1bGUsXG4gICAgSWNvbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbVGFnQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBUYWdNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -12245,7 +12245,7 @@ class TagComponent extends NasComponentBase {
|
|
|
12245
12245
|
this.exists(this.warning) && 'warning',
|
|
12246
12246
|
this.exists(this.success) && 'success',
|
|
12247
12247
|
this.exists(this.error) && 'error',
|
|
12248
|
-
this.exists(this.neutral) && 'neutral'
|
|
12248
|
+
this.exists(this.neutral) && 'neutral'
|
|
12249
12249
|
];
|
|
12250
12250
|
}
|
|
12251
12251
|
getTagClass() {
|
|
@@ -12267,11 +12267,11 @@ class TagComponent extends NasComponentBase {
|
|
|
12267
12267
|
return 'info';
|
|
12268
12268
|
}
|
|
12269
12269
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div
|
|
12270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <div *ngIf=\"icon\">\n <nas-icon [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n </div>\n <div class=\"tag-text\">\n <div class=\"tag-description\">{{text}}</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-tag__info{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__info__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__info__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__success{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__success__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#2eb004;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__success__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__warning{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__warning__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__warning__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__error{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__error__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#cc3a19;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__error__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__neutral{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}.nas-tag__neutral__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__neutral__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#eaeaea;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__neutral__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12271
12271
|
}
|
|
12272
12272
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
|
|
12273
12273
|
type: Component,
|
|
12274
|
-
args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div
|
|
12274
|
+
args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <div *ngIf=\"icon\">\n <nas-icon [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n </div>\n <div class=\"tag-text\">\n <div class=\"tag-description\">{{text}}</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-tag__info{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__info__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__info__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__success{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__success__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#2eb004;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__success__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__warning{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__warning__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__warning__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__error{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__error__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#cc3a19;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__error__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__neutral{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}.nas-tag__neutral__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__neutral__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#eaeaea;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__neutral__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}\n"] }]
|
|
12275
12275
|
}], ctorParameters: function () { return []; }, propDecorators: { info: [{
|
|
12276
12276
|
type: Input
|
|
12277
12277
|
}], warning: [{
|
|
@@ -12284,14 +12284,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12284
12284
|
type: Input
|
|
12285
12285
|
}], text: [{
|
|
12286
12286
|
type: Input
|
|
12287
|
+
}], icon: [{
|
|
12288
|
+
type: Input
|
|
12289
|
+
}], iconType: [{
|
|
12290
|
+
type: Input
|
|
12287
12291
|
}] } });
|
|
12288
12292
|
|
|
12289
12293
|
class TagModule {
|
|
12290
12294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12291
12295
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule,
|
|
12292
|
-
NasClassModule
|
|
12296
|
+
NasClassModule,
|
|
12297
|
+
IconModule], exports: [TagComponent] }); }
|
|
12293
12298
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, imports: [CommonModule,
|
|
12294
|
-
NasClassModule
|
|
12299
|
+
NasClassModule,
|
|
12300
|
+
IconModule] }); }
|
|
12295
12301
|
}
|
|
12296
12302
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, decorators: [{
|
|
12297
12303
|
type: NgModule,
|
|
@@ -12301,7 +12307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12301
12307
|
],
|
|
12302
12308
|
imports: [
|
|
12303
12309
|
CommonModule,
|
|
12304
|
-
NasClassModule
|
|
12310
|
+
NasClassModule,
|
|
12311
|
+
IconModule
|
|
12305
12312
|
],
|
|
12306
12313
|
exports: [TagComponent]
|
|
12307
12314
|
}]
|