@mozaic-ds/angular 0.24.0-beta.1 → 0.24.0-beta.3

package/esm2020/components/header/header.component.mjs

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild, } from '@angular/core';
+import { Direction } from './model/header';
+import { fromEvent, throttleTime, map, pairwise, distinctUntilChanged, share } from 'rxjs';
+import { headerAnimation } from './header-animation';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../badge/badge.component";
+export class HeaderComponent {
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        this.title = '';
+        this.subtitle = '';
+        this.badgeType = 'information';
+        this.badgeContent = '';
+        this.size = 'm';
+        this.showShadow = true;
+        this.sticky = false;
+        this.animate = false;
+        this.showParent = true;
+        this.state = 'open';
+    }
+    ngAfterViewInit() {
+        if (this.parentRef?.nativeElement.children &&
+            this.parentRef?.nativeElement.children.length === 0) {
+            this.showParent = false;
+        }
+        if (this.animate && this.sticky) {
+            fromEvent(window, 'scroll')
+                .pipe(throttleTime(50), map(() => window.pageYOffset), pairwise(), map(([y1, y2]) => (y2 < y1 ? Direction.Up : Direction.Down)), distinctUntilChanged(), share())
+                .subscribe((x) => {
+                this.state === 'closed' ? (this.state = 'open') : (this.state = 'closed');
+                this.cdRef.detectChanges();
+            });
+        }
+        this.cdRef.detectChanges();
+    }
+}
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeaderComponent, selector: "moz-header", inputs: { title: "title", subtitle: "subtitle", badgeType: "badgeType", badgeContent: "badgeContent", size: "size", showShadow: "showShadow", sticky: "sticky", animate: "animate" }, viewQueries: [{ propertyName: "parentRef", first: true, predicate: ["parentRef"], descendants: true }], ngImport: i0, template: "<div\n  class=\"mc-header\"\n  [ngClass]=\"[showShadow ? 'mc-header--shadow' : '', sticky ? 'mc-header--sticky' : '']\"\n  [@widthGrow]=\"state\"\n>\n  <div class=\"mc-header__container\">\n    <ng-container ngProjectAs=\"'moz-breadcrumb'\">\n      <ng-content select=\"moz-breadcrumb\"></ng-content>\n    </ng-container>\n    <div class=\"mc-header__actions\">\n      <div class=\"mc-header__icons\">\n        <ng-content select=\"[icons]\"></ng-content>\n      </div>\n      <div class=\"mc-header__selector\">\n        <ng-content select=\"[selector]\"></ng-content>\n      </div>\n    </div>\n    <div class=\"mc-header__content\">\n      <div class=\"mc-header__content-main\">\n        <h1 class=\"mc-header__title mc-header__title--{{ size }}\">{{ title }}</h1>\n      </div>\n      <div class=\"mc-header__content-aside\">\n        <span class=\"mc-header__subtitle\" *ngIf=\"subtitle\">{{ subtitle }}</span>\n        <div *ngIf=\"badgeContent\" moz-badge [type]=\"badgeType || 'information'\">\n          {{ badgeContent }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mc-header__tabs mc-divider-top mc-divider-top--light\" #parentRef *ngIf=\"showParent\">\n    <ng-container ngProjectAs=\"'moz-tabs'\">\n      <ng-content select=\"moz-tabs\"></ng-content>\n    </ng-container>\n  </div>\n</div>\n", styles: [".mc-divider{position:relative}.mc-divider-top{border-top:1px solid #666666}.mc-divider-top--lightest{border-top-color:#fff}.mc-divider-top--light{border-top-color:#b3b3b3}.mc-divider-top--dark{border-top-color:#000}.mc-divider-top--m{border-top-width:.25rem}.mc-divider-top--l{border-top-width:.5rem}.mc-divider-right{border-right:1px solid #666666}.mc-divider-right--lightest{border-right-color:#fff}.mc-divider-right--light{border-right-color:#b3b3b3}.mc-divider-right--dark{border-right-color:#000}.mc-divider-right--m{border-right-width:.25rem}.mc-divider-right--l{border-right-width:.5rem}.mc-divider-bottom{border-bottom:1px solid #666666}.mc-divider-bottom--lightest{border-bottom-color:#fff}.mc-divider-bottom--light{border-bottom-color:#b3b3b3}.mc-divider-bottom--dark{border-bottom-color:#000}.mc-divider-bottom--m{border-bottom-width:.25rem}.mc-divider-bottom--l{border-bottom-width:.5rem}.mc-divider-left{border-left:1px solid #666666}.mc-divider-left--lightest{border-left-color:#fff}.mc-divider-left--light{border-left-color:#b3b3b3}.mc-divider-left--dark{border-left-color:#000}.mc-divider-left--m{border-left-width:.25rem}.mc-divider-left--l{border-left-width:.5rem}.mc-header{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;z-index:5}.mc-header__container{padding:.5rem 2rem 1rem;display:grid}@media (min-width: 1024px) and (max-width: 1279px){.mc-header__container{padding-left:3rem;padding-right:3rem}}.mc-header__breadcrumb{grid-column:1;grid-row:auto}.mc-header__content{color:#000;grid-column:1;grid-row:auto;padding-top:.5rem}.mc-header__content-main{display:flex;align-items:center;gap:1rem}.mc-header__content-main:not(:only-child){margin-bottom:.25rem}.mc-header__content-aside{display:flex;align-items:flex-start;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.mc-header__content-aside.can-navigate{padding-left:3rem}@media screen and (min-width: 1024px){.mc-header__content-aside{align-items:center;flex-direction:row;gap:1rem;padding-bottom:0}}.mc-header__back{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;justify-content:center;color:currentColor;display:flex;height:2rem;width:2rem}.mc-header__back-icon{color:#333;height:1.5rem;width:1.5rem}.mc-header__back-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-header__title{font-size:1.75rem;line-height:1.2857142857;font-weight:600;margin-top:0;margin-bottom:0}.mc-header__title--s{font-size:1.4375rem;line-height:1.3913043478}.mc-header__title--l{font-size:2.125rem;line-height:1.2941176471}.mc-header__title--xl{font-size:2.5625rem;line-height:1.3658536585}.mc-header__subtitle{font-size:1rem;line-height:1.375}.mc-header__actions,.mc-header__icons{display:flex;gap:1.5rem}.mc-header__actions{align-items:flex-end;align-self:flex-start;grid-column:1;grid-row:1;justify-self:end;margin-bottom:.5rem;min-height:2.5rem}@media screen and (min-width: 1024px){.mc-header__actions{grid-column:2;grid-row:1;margin-bottom:0}}.mc-header__selector:not(:only-child){padding-left:1.5625rem;position:relative}.mc-header__selector:not(:only-child):before{background:#b3b3b3;content:\"\";display:block;width:1px;height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0}.mc-header__tabs{padding-left:2rem;padding-right:2rem}@media (min-width: 1024px) and (max-width: 1279px){.mc-header__tabs{padding-left:3rem;padding-right:3rem}}.mc-header--shadow{box-shadow:0 1px 5px #19191933}.mc-header--animate{left:0;position:absolute;right:0;transition:transform ease-out .4s}.mc-header--sticky{position:sticky;top:0}.mc-header--up{transform:translateY(0)}.mc-header--down{transform:translateY(calc(-100% - 5px))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeComponent, selector: "[moz-badge]", inputs: ["type"] }], animations: [headerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-header', changeDetection: ChangeDetectionStrategy.OnPush, animations: [headerAnimation], template: "<div\n  class=\"mc-header\"\n  [ngClass]=\"[showShadow ? 'mc-header--shadow' : '', sticky ? 'mc-header--sticky' : '']\"\n  [@widthGrow]=\"state\"\n>\n  <div class=\"mc-header__container\">\n    <ng-container ngProjectAs=\"'moz-breadcrumb'\">\n      <ng-content select=\"moz-breadcrumb\"></ng-content>\n    </ng-container>\n    <div class=\"mc-header__actions\">\n      <div class=\"mc-header__icons\">\n        <ng-content select=\"[icons]\"></ng-content>\n      </div>\n      <div class=\"mc-header__selector\">\n        <ng-content select=\"[selector]\"></ng-content>\n      </div>\n    </div>\n    <div class=\"mc-header__content\">\n      <div class=\"mc-header__content-main\">\n        <h1 class=\"mc-header__title mc-header__title--{{ size }}\">{{ title }}</h1>\n      </div>\n      <div class=\"mc-header__content-aside\">\n        <span class=\"mc-header__subtitle\" *ngIf=\"subtitle\">{{ subtitle }}</span>\n        <div *ngIf=\"badgeContent\" moz-badge [type]=\"badgeType || 'information'\">\n          {{ badgeContent }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mc-header__tabs mc-divider-top mc-divider-top--light\" #parentRef *ngIf=\"showParent\">\n    <ng-container ngProjectAs=\"'moz-tabs'\">\n      <ng-content select=\"moz-tabs\"></ng-content>\n    </ng-container>\n  </div>\n</div>\n", styles: [".mc-divider{position:relative}.mc-divider-top{border-top:1px solid #666666}.mc-divider-top--lightest{border-top-color:#fff}.mc-divider-top--light{border-top-color:#b3b3b3}.mc-divider-top--dark{border-top-color:#000}.mc-divider-top--m{border-top-width:.25rem}.mc-divider-top--l{border-top-width:.5rem}.mc-divider-right{border-right:1px solid #666666}.mc-divider-right--lightest{border-right-color:#fff}.mc-divider-right--light{border-right-color:#b3b3b3}.mc-divider-right--dark{border-right-color:#000}.mc-divider-right--m{border-right-width:.25rem}.mc-divider-right--l{border-right-width:.5rem}.mc-divider-bottom{border-bottom:1px solid #666666}.mc-divider-bottom--lightest{border-bottom-color:#fff}.mc-divider-bottom--light{border-bottom-color:#b3b3b3}.mc-divider-bottom--dark{border-bottom-color:#000}.mc-divider-bottom--m{border-bottom-width:.25rem}.mc-divider-bottom--l{border-bottom-width:.5rem}.mc-divider-left{border-left:1px solid #666666}.mc-divider-left--lightest{border-left-color:#fff}.mc-divider-left--light{border-left-color:#b3b3b3}.mc-divider-left--dark{border-left-color:#000}.mc-divider-left--m{border-left-width:.25rem}.mc-divider-left--l{border-left-width:.5rem}.mc-header{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;z-index:5}.mc-header__container{padding:.5rem 2rem 1rem;display:grid}@media (min-width: 1024px) and (max-width: 1279px){.mc-header__container{padding-left:3rem;padding-right:3rem}}.mc-header__breadcrumb{grid-column:1;grid-row:auto}.mc-header__content{color:#000;grid-column:1;grid-row:auto;padding-top:.5rem}.mc-header__content-main{display:flex;align-items:center;gap:1rem}.mc-header__content-main:not(:only-child){margin-bottom:.25rem}.mc-header__content-aside{display:flex;align-items:flex-start;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.mc-header__content-aside.can-navigate{padding-left:3rem}@media screen and (min-width: 1024px){.mc-header__content-aside{align-items:center;flex-direction:row;gap:1rem;padding-bottom:0}}.mc-header__back{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;justify-content:center;color:currentColor;display:flex;height:2rem;width:2rem}.mc-header__back-icon{color:#333;height:1.5rem;width:1.5rem}.mc-header__back-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-header__title{font-size:1.75rem;line-height:1.2857142857;font-weight:600;margin-top:0;margin-bottom:0}.mc-header__title--s{font-size:1.4375rem;line-height:1.3913043478}.mc-header__title--l{font-size:2.125rem;line-height:1.2941176471}.mc-header__title--xl{font-size:2.5625rem;line-height:1.3658536585}.mc-header__subtitle{font-size:1rem;line-height:1.375}.mc-header__actions,.mc-header__icons{display:flex;gap:1.5rem}.mc-header__actions{align-items:flex-end;align-self:flex-start;grid-column:1;grid-row:1;justify-self:end;margin-bottom:.5rem;min-height:2.5rem}@media screen and (min-width: 1024px){.mc-header__actions{grid-column:2;grid-row:1;margin-bottom:0}}.mc-header__selector:not(:only-child){padding-left:1.5625rem;position:relative}.mc-header__selector:not(:only-child):before{background:#b3b3b3;content:\"\";display:block;width:1px;height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0}.mc-header__tabs{padding-left:2rem;padding-right:2rem}@media (min-width: 1024px) and (max-width: 1279px){.mc-header__tabs{padding-left:3rem;padding-right:3rem}}.mc-header--shadow{box-shadow:0 1px 5px #19191933}.mc-header--animate{left:0;position:absolute;right:0;transition:transform ease-out .4s}.mc-header--sticky{position:sticky;top:0}.mc-header--up{transform:translateY(0)}.mc-header--down{transform:translateY(calc(-100% - 5px))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], badgeType: [{
+                type: Input
+            }], badgeContent: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], showShadow: [{
+                type: Input
+            }], sticky: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], parentRef: [{
+                type: ViewChild,
+                args: ['parentRef']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLGVBQWU7SUFVMUIsWUFBb0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFUNUIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGNBQVMsR0FBYyxhQUFhLENBQUM7UUFDckMsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFDMUIsU0FBSSxHQUFlLEdBQUcsQ0FBQztRQUN2QixlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUtsQyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQ2xDLFVBQUssR0FBRyxNQUFNLENBQUM7SUFKZ0MsQ0FBQztJQU1oRCxlQUFlO1FBQ2IsSUFDRSxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxRQUFRO1lBQ3RDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUNuRDtZQUNBLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDL0IsU0FBUyxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUM7aUJBQ3hCLElBQUksQ0FDSCxZQUFZLENBQUMsRUFBRSxDQUFDLEVBQ2hCLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLEVBQzdCLFFBQVEsRUFBRSxFQUNWLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFhLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUN2RSxvQkFBb0IsRUFBRSxFQUN0QixLQUFLLEVBQUUsQ0FDUjtpQkFDQSxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDZixJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLENBQUM7Z0JBQzFFLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDN0IsQ0FBQyxDQUFDLENBQUM7U0FDTjtRQUVELElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7NEdBeENVLGVBQWU7Z0dBQWYsZUFBZSxnVkNyQjVCLG16Q0FtQ0Esa2lJRGhCYyxDQUFDLGVBQWUsQ0FBQzsyRkFFbEIsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxlQUFlLENBQUM7d0dBR2IsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUlrQixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYWRnZVR5cGUgfSBmcm9tICcuLi9iYWRnZS9iYWRnZSc7XG5pbXBvcnQgeyBEaXJlY3Rpb24sIHRpdGxlU2l6ZXMgfSBmcm9tICcuL21vZGVsL2hlYWRlcic7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIHRocm90dGxlVGltZSwgbWFwLCBwYWlyd2lzZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIHNoYXJlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBoZWFkZXJBbmltYXRpb24gfSBmcm9tICcuL2hlYWRlci1hbmltYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb3otaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW2hlYWRlckFuaW1hdGlvbl0sXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgc3VidGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgYmFkZ2VUeXBlOiBCYWRnZVR5cGUgPSAnaW5mb3JtYXRpb24nO1xuICBASW5wdXQoKSBwdWJsaWMgYmFkZ2VDb250ZW50OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIHNpemU6IHRpdGxlU2l6ZXMgPSAnbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaG93U2hhZG93OiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgcHVibGljIHN0aWNreTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgYW5pbWF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIEBWaWV3Q2hpbGQoJ3BhcmVudFJlZicpIHBhcmVudFJlZj86IEVsZW1lbnRSZWY7XG4gIHB1YmxpYyBzaG93UGFyZW50OiBib29sZWFuID0gdHJ1ZTtcbiAgc3RhdGUgPSAnb3Blbic7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIHRoaXMucGFyZW50UmVmPy5uYXRpdmVFbGVtZW50LmNoaWxkcmVuICYmXG4gICAgICB0aGlzLnBhcmVudFJlZj8ubmF0aXZlRWxlbWVudC5jaGlsZHJlbi5sZW5ndGggPT09IDBcbiAgICApIHtcbiAgICAgIHRoaXMuc2hvd1BhcmVudCA9IGZhbHNlO1xuICAgIH1cbiAgICBpZiAodGhpcy5hbmltYXRlICYmIHRoaXMuc3RpY2t5KSB7XG4gICAgICBmcm9tRXZlbnQod2luZG93LCAnc2Nyb2xsJylcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgdGhyb3R0bGVUaW1lKDUwKSxcbiAgICAgICAgICBtYXAoKCkgPT4gd2luZG93LnBhZ2VZT2Zmc2V0KSxcbiAgICAgICAgICBwYWlyd2lzZSgpLFxuICAgICAgICAgIG1hcCgoW3kxLCB5Ml0pOiBEaXJlY3Rpb24gPT4gKHkyIDwgeTEgPyBEaXJlY3Rpb24uVXAgOiBEaXJlY3Rpb24uRG93bikpLFxuICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgc2hhcmUoKVxuICAgICAgICApXG4gICAgICAgIC5zdWJzY3JpYmUoKHgpID0+IHtcbiAgICAgICAgICB0aGlzLnN0YXRlID09PSAnY2xvc2VkJyA/ICh0aGlzLnN0YXRlID0gJ29wZW4nKSA6ICh0aGlzLnN0YXRlID0gJ2Nsb3NlZCcpO1xuICAgICAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cIm1jLWhlYWRlclwiXG4gIFtuZ0NsYXNzXT1cIltzaG93U2hhZG93ID8gJ21jLWhlYWRlci0tc2hhZG93JyA6ICcnLCBzdGlja3kgPyAnbWMtaGVhZGVyLS1zdGlja3knIDogJyddXCJcbiAgW0B3aWR0aEdyb3ddPVwic3RhdGVcIlxuPlxuICA8ZGl2IGNsYXNzPVwibWMtaGVhZGVyX19jb250YWluZXJcIj5cbiAgICA8bmctY29udGFpbmVyIG5nUHJvamVjdEFzPVwiJ21vei1icmVhZGNydW1iJ1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibW96LWJyZWFkY3J1bWJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPGRpdiBjbGFzcz1cIm1jLWhlYWRlcl9fYWN0aW9uc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1jLWhlYWRlcl9faWNvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ljb25zXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm1jLWhlYWRlcl9fc2VsZWN0b3JcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlbGVjdG9yXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYy1oZWFkZXJfX2NvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYy1oZWFkZXJfX2NvbnRlbnQtbWFpblwiPlxuICAgICAgICA8aDEgY2xhc3M9XCJtYy1oZWFkZXJfX3RpdGxlIG1jLWhlYWRlcl9fdGl0bGUtLXt7IHNpemUgfX1cIj57eyB0aXRsZSB9fTwvaDE+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYy1oZWFkZXJfX2NvbnRlbnQtYXNpZGVcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYy1oZWFkZXJfX3N1YnRpdGxlXCIgKm5nSWY9XCJzdWJ0aXRsZVwiPnt7IHN1YnRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiYmFkZ2VDb250ZW50XCIgbW96LWJhZGdlIFt0eXBlXT1cImJhZGdlVHlwZSB8fCAnaW5mb3JtYXRpb24nXCI+XG4gICAgICAgICAge3sgYmFkZ2VDb250ZW50IH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibWMtaGVhZGVyX190YWJzIG1jLWRpdmlkZXItdG9wIG1jLWRpdmlkZXItdG9wLS1saWdodFwiICNwYXJlbnRSZWYgKm5nSWY9XCJzaG93UGFyZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciBuZ1Byb2plY3RBcz1cIidtb3otdGFicydcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1vei10YWJzXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/components/header/header.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { HeaderComponent } from './header.component';
+import { BadgeModule } from '../badge/badge.module';
+import * as i0 from "@angular/core";
+export class HeaderModule {
+}
+HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: HeaderModule, declarations: [HeaderComponent], imports: [CommonModule, BadgeModule], exports: [HeaderComponent] });
+HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderModule, imports: [CommonModule, BadgeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HeaderComponent],
+                    imports: [CommonModule, BadgeModule],
+                    exports: [HeaderComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBSlIsZUFBZSxhQUNwQixZQUFZLEVBQUUsV0FBVyxhQUN6QixlQUFlOzBHQUVkLFlBQVksWUFIYixZQUFZLEVBQUUsV0FBVzsyRkFHeEIsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJy4uL2JhZGdlL2JhZGdlLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0hlYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJhZGdlTW9kdWxlXSxcbiAgZXhwb3J0czogW0hlYWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlck1vZHVsZSB7fVxuIl19

package/esm2020/components/header/index.mjs

@@ -0,0 +1,3 @@
+export * from './header.component';
+export * from './header.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGVhZGVyLm1vZHVsZSc7XG4iXX0=

package/esm2020/components/header/model/header.mjs

@@ -0,0 +1,6 @@
+export var Direction;
+(function (Direction) {
+    Direction["Up"] = "Up";
+    Direction["Down"] = "Down";
+})(Direction || (Direction = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvaGVhZGVyL21vZGVsL2hlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLHNCQUFTLENBQUE7SUFDVCwwQkFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgdGl0bGVTaXplcyA9ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCc7XG5leHBvcnQgZW51bSBEaXJlY3Rpb24ge1xuICBVcCA9ICdVcCcsXG4gIERvd24gPSAnRG93bicsXG59XG4iXX0=

package/esm2020/components/header/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2hlYWRlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2020/components/kpi/index.mjs

@@ -0,0 +1,4 @@
+export * from './kpi.component';
+export * from './kpi.module';
+export * from './model/kpi';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9rcGkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4va3BpLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2twaS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RlbC9rcGknO1xuIl19

package/esm2020/components/kpi/kpi.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { KpiIcon } from './model/kpi';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+export class KpiComponent {
+    constructor() {
+        this.value = '';
+        this.iconname = KpiIcon.Top;
+        this.iconcolor = '';
+        this.label = '';
+        this.type = '';
+        this.detail = '';
+    }
+    getSize() {
+        let size = 'small';
+        if (this.label && this.label.length > 0 && !this.detail) {
+            size = 'medium';
+        }
+        else if (this.detail && this.detail.length > 0) {
+            size = 'large';
+        }
+        return size;
+    }
+    labelOutsideContent() {
+        return this.label != null && this.label.length > 0 && this.getSize() !== 'large';
+    }
+}
+KpiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KpiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+KpiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: KpiComponent, selector: "moz-kpi", inputs: { value: "value", iconname: "iconname", iconcolor: "iconcolor", label: "label", type: "type", detail: "detail" }, ngImport: i0, template: "<div class=\"mc-kpi mc-kpi--{{ getSize() }} mc-kpi--{{ type }}\">\n  <span class=\"mc-kpi__label\" *ngIf=\"labelOutsideContent()\">{{ label }}</span>\n  <div class=\"mc-kpi__content\">\n    <div class=\"mc-kpi__main\">\n      <span class=\"mc-kpi__label\" *ngIf=\"!labelOutsideContent()\">{{ label }}</span>\n      <span class=\"mc-kpi__value\">{{ value }}</span>\n    </div>\n    <div class=\"mc-kpi__aside\" *ngIf=\"iconname || detail\">\n      <span class=\"mc-kpi__detail\" *ngIf=\"detail\">{{ detail }}</span>\n      <span class=\"mc-kpi__icon\" *ngIf=\"iconname\"\n        ><moz-icon [iconName]=\"iconname\" [ngStyle]=\"{ fill: iconcolor }\"></moz-icon\n      ></span>\n    </div>\n  </div>\n</div>\n", styles: [".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:.875rem;line-height:1.2857142857;display:block}.mc-kpi__content{display:flex}.mc-kpi__main{align-items:center;display:flex;justify-content:center}.mc-kpi__value{font-size:.875rem;line-height:1.2857142857;font-weight:600}.mc-kpi__aside{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:center}.mc-kpi__detail{font-size:.875rem;line-height:1.2857142857}.mc-kpi__icon{display:block;height:1rem;width:1rem}.mc-kpi--small .mc-kpi__content{gap:.5rem}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:.1875rem .4375rem}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:#000;margin-bottom:.375rem}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--medium .mc-kpi__main{flex-grow:1;padding:.5rem .5rem .5rem .4375rem}.mc-kpi--medium .mc-kpi__value{font-size:1rem;line-height:1.375}.mc-kpi--medium .mc-kpi__aside{padding-left:.75rem;padding-right:.6875rem}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{flex-direction:column;width:100%}.mc-kpi--large .mc-kpi__main{flex-direction:column;padding:1rem .9375rem}.mc-kpi--large .mc-kpi__label{font-size:1rem;line-height:1.375}.mc-kpi--large .mc-kpi__value{font-size:2.125rem;line-height:1.2941176471}.mc-kpi--large .mc-kpi__aside{min-height:2.9375rem;padding-right:.6875rem;padding-left:.6875rem;gap:.75rem}.mc-kpi--warning{--color-kpi-background: #fdf1e8;--color-kpi-border: #c65200;--color-kpi-text: #8c3500}.mc-kpi--danger{--color-kpi-background: #fdeaea;--color-kpi-border: #c61112;--color-kpi-text: #8c0003}.mc-kpi--success{--color-kpi-background: #ebf5de;--color-kpi-border: #188803;--color-kpi-text: #006902}.mc-kpi--neutral{--color-kpi-background: #e6e6e6;--color-kpi-border: #666666;--color-kpi-text: #4d4d4d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KpiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-kpi', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-kpi mc-kpi--{{ getSize() }} mc-kpi--{{ type }}\">\n  <span class=\"mc-kpi__label\" *ngIf=\"labelOutsideContent()\">{{ label }}</span>\n  <div class=\"mc-kpi__content\">\n    <div class=\"mc-kpi__main\">\n      <span class=\"mc-kpi__label\" *ngIf=\"!labelOutsideContent()\">{{ label }}</span>\n      <span class=\"mc-kpi__value\">{{ value }}</span>\n    </div>\n    <div class=\"mc-kpi__aside\" *ngIf=\"iconname || detail\">\n      <span class=\"mc-kpi__detail\" *ngIf=\"detail\">{{ detail }}</span>\n      <span class=\"mc-kpi__icon\" *ngIf=\"iconname\"\n        ><moz-icon [iconName]=\"iconname\" [ngStyle]=\"{ fill: iconcolor }\"></moz-icon\n      ></span>\n    </div>\n  </div>\n</div>\n", styles: [".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:.875rem;line-height:1.2857142857;display:block}.mc-kpi__content{display:flex}.mc-kpi__main{align-items:center;display:flex;justify-content:center}.mc-kpi__value{font-size:.875rem;line-height:1.2857142857;font-weight:600}.mc-kpi__aside{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:center}.mc-kpi__detail{font-size:.875rem;line-height:1.2857142857}.mc-kpi__icon{display:block;height:1rem;width:1rem}.mc-kpi--small .mc-kpi__content{gap:.5rem}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:.1875rem .4375rem}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:#000;margin-bottom:.375rem}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--medium .mc-kpi__main{flex-grow:1;padding:.5rem .5rem .5rem .4375rem}.mc-kpi--medium .mc-kpi__value{font-size:1rem;line-height:1.375}.mc-kpi--medium .mc-kpi__aside{padding-left:.75rem;padding-right:.6875rem}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{flex-direction:column;width:100%}.mc-kpi--large .mc-kpi__main{flex-direction:column;padding:1rem .9375rem}.mc-kpi--large .mc-kpi__label{font-size:1rem;line-height:1.375}.mc-kpi--large .mc-kpi__value{font-size:2.125rem;line-height:1.2941176471}.mc-kpi--large .mc-kpi__aside{min-height:2.9375rem;padding-right:.6875rem;padding-left:.6875rem;gap:.75rem}.mc-kpi--warning{--color-kpi-background: #fdf1e8;--color-kpi-border: #c65200;--color-kpi-text: #8c3500}.mc-kpi--danger{--color-kpi-background: #fdeaea;--color-kpi-border: #c61112;--color-kpi-text: #8c0003}.mc-kpi--success{--color-kpi-background: #ebf5de;--color-kpi-border: #188803;--color-kpi-text: #006902}.mc-kpi--neutral{--color-kpi-background: #e6e6e6;--color-kpi-border: #666666;--color-kpi-text: #4d4d4d}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], iconname: [{
+                type: Input
+            }], iconcolor: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], detail: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3BpLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2twaS9rcGkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMva3BpL2twaS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7O0FBUXRDLE1BQU0sT0FBTyxZQUFZO0lBTnpCO1FBT1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVksT0FBTyxDQUFDLEdBQUcsQ0FBQztRQUNoQyxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixXQUFNLEdBQVcsRUFBRSxDQUFDO0tBZTlCO0lBYlEsT0FBTztRQUNaLElBQUksSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUNuQixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN2RCxJQUFJLEdBQUcsUUFBUSxDQUFDO1NBQ2pCO2FBQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNoRCxJQUFJLEdBQUcsT0FBTyxDQUFDO1NBQ2hCO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxPQUFPLENBQUM7SUFDbkYsQ0FBQzs7eUdBcEJVLFlBQVk7NkZBQVosWUFBWSx5S0NUekIsb3NCQWVBOzJGRE5hLFlBQVk7a0JBTnhCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtwaUljb24gfSBmcm9tICcuL21vZGVsL2twaSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1rcGknLFxuICB0ZW1wbGF0ZVVybDogJy4va3BpLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va3BpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLcGlDb21wb25lbnQge1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGljb25uYW1lOiBLcGlJY29uID0gS3BpSWNvbi5Ub3A7XG4gIEBJbnB1dCgpIGljb25jb2xvcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRldGFpbDogc3RyaW5nID0gJyc7XG5cbiAgcHVibGljIGdldFNpemUoKTogc3RyaW5nIHtcbiAgICBsZXQgc2l6ZSA9ICdzbWFsbCc7XG4gICAgaWYgKHRoaXMubGFiZWwgJiYgdGhpcy5sYWJlbC5sZW5ndGggPiAwICYmICF0aGlzLmRldGFpbCkge1xuICAgICAgc2l6ZSA9ICdtZWRpdW0nO1xuICAgIH0gZWxzZSBpZiAodGhpcy5kZXRhaWwgJiYgdGhpcy5kZXRhaWwubGVuZ3RoID4gMCkge1xuICAgICAgc2l6ZSA9ICdsYXJnZSc7XG4gICAgfVxuICAgIHJldHVybiBzaXplO1xuICB9XG5cbiAgcHVibGljIGxhYmVsT3V0c2lkZUNvbnRlbnQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWwgIT0gbnVsbCAmJiB0aGlzLmxhYmVsLmxlbmd0aCA+IDAgJiYgdGhpcy5nZXRTaXplKCkgIT09ICdsYXJnZSc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYy1rcGkgbWMta3BpLS17eyBnZXRTaXplKCkgfX0gbWMta3BpLS17eyB0eXBlIH19XCI+XG4gIDxzcGFuIGNsYXNzPVwibWMta3BpX19sYWJlbFwiICpuZ0lmPVwibGFiZWxPdXRzaWRlQ29udGVudCgpXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gIDxkaXYgY2xhc3M9XCJtYy1rcGlfX2NvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWMta3BpX19tYWluXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1jLWtwaV9fbGFiZWxcIiAqbmdJZj1cIiFsYWJlbE91dHNpZGVDb250ZW50KClcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWMta3BpX192YWx1ZVwiPnt7IHZhbHVlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYy1rcGlfX2FzaWRlXCIgKm5nSWY9XCJpY29ubmFtZSB8fCBkZXRhaWxcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWMta3BpX19kZXRhaWxcIiAqbmdJZj1cImRldGFpbFwiPnt7IGRldGFpbCB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWMta3BpX19pY29uXCIgKm5nSWY9XCJpY29ubmFtZVwiXG4gICAgICAgID48bW96LWljb24gW2ljb25OYW1lXT1cImljb25uYW1lXCIgW25nU3R5bGVdPVwieyBmaWxsOiBpY29uY29sb3IgfVwiPjwvbW96LWljb25cbiAgICAgID48L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/components/kpi/kpi.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { KpiComponent } from './kpi.component';
+import { IconModule } from '../icon/icon.module';
+import * as i0 from "@angular/core";
+export class KpiModule {
+}
+KpiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KpiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KpiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: KpiModule, declarations: [KpiComponent], imports: [CommonModule, IconModule], exports: [KpiComponent] });
+KpiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KpiModule, imports: [CommonModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KpiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [KpiComponent],
+                    imports: [CommonModule, IconModule],
+                    exports: [KpiComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3BpLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2twaS9rcGkubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT2pELE1BQU0sT0FBTyxTQUFTOztzR0FBVCxTQUFTO3VHQUFULFNBQVMsaUJBSkwsWUFBWSxhQUNqQixZQUFZLEVBQUUsVUFBVSxhQUN4QixZQUFZO3VHQUVYLFNBQVMsWUFIVixZQUFZLEVBQUUsVUFBVTsyRkFHdkIsU0FBUztrQkFMckIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUM7b0JBQ25DLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtwaUNvbXBvbmVudCB9IGZyb20gJy4va3BpLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0twaUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbS3BpQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgS3BpTW9kdWxlIHt9XG4iXX0=

package/esm2020/components/kpi/model/kpi.mjs

@@ -0,0 +1,6 @@
+export var KpiIcon;
+(function (KpiIcon) {
+    KpiIcon["Top"] = "Navigation_Arrow_ArrowTopRight_16px";
+    KpiIcon["Bottom"] = "Navigation_Arrow_ArrowBottomRight_16px";
+})(KpiIcon || (KpiIcon = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3BpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMva3BpL21vZGVsL2twaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxPQUdYO0FBSEQsV0FBWSxPQUFPO0lBQ2pCLHNEQUEyQyxDQUFBO0lBQzNDLDREQUFpRCxDQUFBO0FBQ25ELENBQUMsRUFIVyxPQUFPLEtBQVAsT0FBTyxRQUdsQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtwaUljb24ge1xuICBUb3AgPSAnTmF2aWdhdGlvbl9BcnJvd19BcnJvd1RvcFJpZ2h0XzE2cHgnLFxuICBCb3R0b20gPSAnTmF2aWdhdGlvbl9BcnJvd19BcnJvd0JvdHRvbVJpZ2h0XzE2cHgnLFxufVxuIl19

package/esm2020/components/link/index.mjs

@@ -0,0 +1,4 @@
+export * from './link.component';
+export * from './link.module';
+export * from './model/link-utils';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9saW5rL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGluay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saW5rLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZGVsL2xpbmstdXRpbHMnO1xuIl19

package/esm2020/components/link/link.component.mjs

@@ -0,0 +1,57 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, } from '@angular/core';
+import { RouterLinkActive, RouterLinkWithHref } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+import * as i3 from "@angular/router";
+export class LinkComponent {
+    constructor(routerLinkActive, routerLink) {
+        this.routerLinkActive = routerLinkActive;
+        this.routerLink = routerLink;
+        this.size = 'm';
+        this.disabled = false;
+        this.showIcon = false;
+        this.active = false;
+        this.href = '';
+        this.clickLinkEvent = new EventEmitter();
+    }
+    check($event) {
+        if (this.disabled) {
+            $event.stopPropagation();
+            $event.preventDefault();
+        }
+    }
+}
+LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkComponent, deps: [{ token: RouterLinkActive, optional: true }, { token: RouterLinkWithHref, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LinkComponent, selector: "moz-link", inputs: { size: "size", theme: "theme", iconPosition: "iconPosition", disabled: "disabled", showIcon: "showIcon", active: "active", href: "href" }, outputs: { clickLinkEvent: "clickLinkEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"active; else notActive\">\n  <span\n    [ngClass]=\"[\n      theme ? 'mc-link--' + theme : '',\n      size ? 'mc-link--' + size : '',\n      disabled ? 'is-disabled' : ''\n    ]\"\n    class=\"mc-link mc-breadcrumb__current\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </span>\n</ng-container>\n<ng-template #notActive>\n  <a\n    class=\"mc-link\"\n    [attr.href]=\"href || null\"\n    [ngClass]=\"[\n      theme ? 'mc-link--' + theme : '',\n      size ? 'mc-link--' + size : '',\n      disabled ? 'is-disabled' : ''\n    ]\"\n    (click)=\"check($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </a>\n</ng-template>\n<ng-template #contentTpl>\n  <moz-icon\n    *ngIf=\"showIcon && iconPosition && iconPosition === 'left'\"\n    [iconName]=\"'Navigation_Arrow_Arrow--Left_24px'\"\n    class=\"mc-link__icon mc-link__icon--left\"\n  ></moz-icon>\n  <ng-content></ng-content>\n  <moz-icon\n    *ngIf=\"showIcon && iconPosition !== 'left'\"\n    [iconName]=\"'Navigation_Arrow_Arrow--Right_24px'\"\n    class=\"mc-link__icon mc-link__icon--right\"\n  ></moz-icon>\n</ng-template>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb__current{cursor:default;text-decoration:none}.mc-breadcrumb__current:not(.is-disabled):hover{color:currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `moz-link`, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"active; else notActive\">\n  <span\n    [ngClass]=\"[\n      theme ? 'mc-link--' + theme : '',\n      size ? 'mc-link--' + size : '',\n      disabled ? 'is-disabled' : ''\n    ]\"\n    class=\"mc-link mc-breadcrumb__current\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </span>\n</ng-container>\n<ng-template #notActive>\n  <a\n    class=\"mc-link\"\n    [attr.href]=\"href || null\"\n    [ngClass]=\"[\n      theme ? 'mc-link--' + theme : '',\n      size ? 'mc-link--' + size : '',\n      disabled ? 'is-disabled' : ''\n    ]\"\n    (click)=\"check($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </a>\n</ng-template>\n<ng-template #contentTpl>\n  <moz-icon\n    *ngIf=\"showIcon && iconPosition && iconPosition === 'left'\"\n    [iconName]=\"'Navigation_Arrow_Arrow--Left_24px'\"\n    class=\"mc-link__icon mc-link__icon--left\"\n  ></moz-icon>\n  <ng-content></ng-content>\n  <moz-icon\n    *ngIf=\"showIcon && iconPosition !== 'left'\"\n    [iconName]=\"'Navigation_Arrow_Arrow--Right_24px'\"\n    class=\"mc-link__icon mc-link__icon--right\"\n  ></moz-icon>\n</ng-template>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb__current{cursor:default;text-decoration:none}.mc-breadcrumb__current:not(.is-disabled):hover{color:currentColor}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.RouterLinkActive, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RouterLinkActive]
+                }] }, { type: i3.RouterLinkWithHref, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RouterLinkWithHref]
+                }] }]; }, propDecorators: { size: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], clickLinkEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9saW5rL2xpbmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvbGluay9saW5rLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBU3ZFLE1BQU0sT0FBTyxhQUFhO0lBV3hCLFlBR2tCLGdCQUF5QyxFQUd6QyxVQUFxQztRQUhyQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBR3pDLGVBQVUsR0FBVixVQUFVLENBQTJCO1FBaEJ2QyxTQUFJLEdBQWEsR0FBRyxDQUFDO1FBR3JCLGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUMzQixXQUFNLEdBQWEsS0FBSyxDQUFDO1FBQ3pCLFNBQUksR0FBWSxFQUFFLENBQUM7UUFFekIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBU25ELENBQUM7SUFFRyxLQUFLLENBQUMsTUFBYTtRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3pCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7OzBHQXpCVSxhQUFhLGtCQWFkLGdCQUFnQiw2QkFHaEIsa0JBQWtCOzhGQWhCakIsYUFBYSxtUENyQjFCLHNwQ0F1Q0E7MkZEbEJhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFjNUMsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUV2QixRQUFROzswQkFDUixNQUFNOzJCQUFDLGtCQUFrQjs0Q0FmWixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTGlua0FjdGl2ZSwgUm91dGVyTGlua1dpdGhIcmVmIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IExpbmtJY29uUG9zaXRpb24sIExpbmtTaXplLCBMaW5rVGhlbWUgfSBmcm9tICcuL21vZGVsL2xpbmstdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IGBtb3otbGlua2AsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGluay5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTGlua0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiBMaW5rU2l6ZSA9ICdtJztcbiAgQElucHV0KCkgcHVibGljIHRoZW1lPzogTGlua1RoZW1lO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblBvc2l0aW9uPzogTGlua0ljb25Qb3NpdGlvbjtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgc2hvd0ljb24/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBhY3RpdmU/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBocmVmPzogc3RyaW5nID0gJyc7XG5cbiAgQE91dHB1dCgpIGNsaWNrTGlua0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KFJvdXRlckxpbmtBY3RpdmUpXG4gICAgcHVibGljIHJlYWRvbmx5IHJvdXRlckxpbmtBY3RpdmU6IFJvdXRlckxpbmtBY3RpdmUgfCBudWxsLFxuICAgIEBPcHRpb25hbCgpXG4gICAgQEluamVjdChSb3V0ZXJMaW5rV2l0aEhyZWYpXG4gICAgcHVibGljIHJlYWRvbmx5IHJvdXRlckxpbms6IFJvdXRlckxpbmtXaXRoSHJlZiB8IG51bGxcbiAgKSB7fVxuXG4gIHB1YmxpYyBjaGVjaygkZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGl2ZTsgZWxzZSBub3RBY3RpdmVcIj5cbiAgPHNwYW5cbiAgICBbbmdDbGFzc109XCJbXG4gICAgICB0aGVtZSA/ICdtYy1saW5rLS0nICsgdGhlbWUgOiAnJyxcbiAgICAgIHNpemUgPyAnbWMtbGluay0tJyArIHNpemUgOiAnJyxcbiAgICAgIGRpc2FibGVkID8gJ2lzLWRpc2FibGVkJyA6ICcnXG4gICAgXVwiXG4gICAgY2xhc3M9XCJtYy1saW5rIG1jLWJyZWFkY3J1bWJfX2N1cnJlbnRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI25vdEFjdGl2ZT5cbiAgPGFcbiAgICBjbGFzcz1cIm1jLWxpbmtcIlxuICAgIFthdHRyLmhyZWZdPVwiaHJlZiB8fCBudWxsXCJcbiAgICBbbmdDbGFzc109XCJbXG4gICAgICB0aGVtZSA/ICdtYy1saW5rLS0nICsgdGhlbWUgOiAnJyxcbiAgICAgIHNpemUgPyAnbWMtbGluay0tJyArIHNpemUgOiAnJyxcbiAgICAgIGRpc2FibGVkID8gJ2lzLWRpc2FibGVkJyA6ICcnXG4gICAgXVwiXG4gICAgKGNsaWNrKT1cImNoZWNrKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjY29udGVudFRwbD5cbiAgPG1vei1pY29uXG4gICAgKm5nSWY9XCJzaG93SWNvbiAmJiBpY29uUG9zaXRpb24gJiYgaWNvblBvc2l0aW9uID09PSAnbGVmdCdcIlxuICAgIFtpY29uTmFtZV09XCInTmF2aWdhdGlvbl9BcnJvd19BcnJvdy0tTGVmdF8yNHB4J1wiXG4gICAgY2xhc3M9XCJtYy1saW5rX19pY29uIG1jLWxpbmtfX2ljb24tLWxlZnRcIlxuICA+PC9tb3otaWNvbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8bW96LWljb25cbiAgICAqbmdJZj1cInNob3dJY29uICYmIGljb25Qb3NpdGlvbiAhPT0gJ2xlZnQnXCJcbiAgICBbaWNvbk5hbWVdPVwiJ05hdmlnYXRpb25fQXJyb3dfQXJyb3ctLVJpZ2h0XzI0cHgnXCJcbiAgICBjbGFzcz1cIm1jLWxpbmtfX2ljb24gbWMtbGlua19faWNvbi0tcmlnaHRcIlxuICA+PC9tb3otaWNvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/components/link/link.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { LinkComponent } from './link.component';
+import { IconModule } from '../icon';
+import * as i0 from "@angular/core";
+export class LinkModule {
+}
+LinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LinkModule, declarations: [LinkComponent], imports: [CommonModule, IconModule], exports: [LinkComponent] });
+LinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkModule, imports: [CommonModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LinkComponent],
+                    imports: [CommonModule, IconModule],
+                    exports: [LinkComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9saW5rL2xpbmsubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQU9yQyxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQUpOLGFBQWEsYUFDbEIsWUFBWSxFQUFFLFVBQVUsYUFDeEIsYUFBYTt3R0FFWixVQUFVLFlBSFgsWUFBWSxFQUFFLFVBQVU7MkZBR3ZCLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0xpbmtDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTW9kdWxlXSxcbiAgZXhwb3J0czogW0xpbmtDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5rTW9kdWxlIHt9XG4iXX0=

package/esm2020/components/link/model/link-utils.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay11dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2xpbmsvbW9kZWwvbGluay11dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTGlua1RoZW1lID0gJ2xpZ2h0JyB8ICdwcmltYXJ5JyB8ICdkYW5nZXInIHwgJ3ByaW1hcnktMDInIHwgJyc7XG5leHBvcnQgdHlwZSBMaW5rU2l6ZSA9ICdzJyB8ICdtJztcbmV4cG9ydCB0eXBlIExpbmtJY29uUG9zaXRpb24gPSAncmlnaHQnIHwgJ2xlZnQnO1xuIl19

package/esm2020/components/link/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2xpbmsvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19