@norwegian/core-components 6.16.0 → 6.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/esm2022/lib/components/accordion/accordion.component.mjs +2 -2
  2. package/esm2022/lib/components/alert/alert.component.mjs +2 -2
  3. package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
  4. package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +2 -2
  5. package/esm2022/lib/components/divider/divider.component.mjs +2 -2
  6. package/esm2022/lib/components/index.mjs +2 -1
  7. package/esm2022/lib/components/info/info.component.mjs +2 -2
  8. package/esm2022/lib/components/journey/journey.component.mjs +2 -2
  9. package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +2 -2
  10. package/esm2022/lib/components/journey-availability-list/journey-availability-list.component.mjs +2 -2
  11. package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +2 -2
  12. package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +2 -2
  13. package/esm2022/lib/components/page-header/search/search.component.mjs +2 -2
  14. package/esm2022/lib/components/page-header-old/index.mjs +5 -0
  15. package/esm2022/lib/components/page-header-old/old-hamburger/old-hamburger.component.mjs +22 -0
  16. package/esm2022/lib/components/page-header-old/old-search/old-search.component.mjs +49 -0
  17. package/esm2022/lib/components/page-header-old/page-header-old.component.mjs +160 -0
  18. package/esm2022/lib/components/page-header-old/page-header-old.module.mjs +24 -0
  19. package/esm2022/lib/components/radio/radio.component.mjs +2 -2
  20. package/esm2022/lib/components/select/select.component.mjs +2 -2
  21. package/esm2022/lib/components/slider/slider.component.mjs +2 -2
  22. package/esm2022/lib/components/tag/tag.component.mjs +2 -2
  23. package/fesm2022/norwegian-core-components.mjs +276 -50
  24. package/fesm2022/norwegian-core-components.mjs.map +1 -1
  25. package/lib/components/index.d.ts +1 -0
  26. package/lib/components/page-header-old/index.d.ts +4 -0
  27. package/lib/components/page-header-old/old-hamburger/old-hamburger.component.d.ts +12 -0
  28. package/lib/components/page-header-old/old-search/old-search.component.d.ts +26 -0
  29. package/lib/components/page-header-old/page-header-old.component.d.ts +112 -0
  30. package/lib/components/page-header-old/page-header-old.module.d.ts +14 -0
  31. package/package.json +1 -1
  32. package/styles/1__settings/_colors.scss +17 -2
package/esm2022/lib/components/tag/tag.component.mjs CHANGED
@@ -51,11 +51,11 @@ export class TagComponent extends NasComponentBase {
51
51
  return 'info';
52
52
  }
53
53
  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 class=\"nas-tag\" [nasClass]=\"getClass(getTagClass())\">\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 #238e00;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:#238e00;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 #B12A0B;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:#b12a0b;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 #F9F9F9;background:#EAEAEA}.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:#f9f9f9;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.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
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 class=\"nas-tag\" [nasClass]=\"getClass(getTagClass())\">\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.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
55
55
  }
56
56
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
57
57
  type: Component,
58
- args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div class=\"nas-tag\" [nasClass]=\"getClass(getTagClass())\">\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 #238e00;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:#238e00;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 #B12A0B;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:#b12a0b;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 #F9F9F9;background:#EAEAEA}.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:#f9f9f9;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"] }]
58
+ args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div class=\"nas-tag\" [nasClass]=\"getClass(getTagClass())\">\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
59
  }], ctorParameters: function () { return []; }, propDecorators: { info: [{
60
60
  type: Input
61
61
  }], warning: [{