@mozaic-ds/angular 0.23.0 → 0.23.2-beta.0

package/dist/mozaic-angular/fesm2015/mozaic-ds-angular.mjs

@@ -0,0 +1,3679 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, forwardRef, InjectionToken, ViewContainerRef, Inject, ViewChild, Directive, ContentChildren, Host, ElementRef, Optional, EventEmitter, Output, HostListener, TemplateRef, ContentChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { fromEvent, shareReplay, BehaviorSubject, Subject, startWith, map, of, tap, catchError, throwError, finalize, first, debounceTime, filter, switchMap, takeUntil, merge, combineLatest, delay as delay$1 } from 'rxjs';
+import { trigger, transition, group, query, style, animate } from '@angular/animations';
+import { delay } from 'rxjs/operators';
+import * as i1$1 from '@angular/common/http';
+import * as i1$2 from '@angular/router';
+import { RouterLinkActive, RouterLinkWithHref, NavigationEnd } from '@angular/router';
+
+function castBooleanProperty(value) {
+    return `${value}` !== 'false' && value != null;
+}
+
+const generateId = () => {
+    const generateParts = () => Math.floor((1 + Math.random()) * 0x10000)
+        .toString(16)
+        .substring(1);
+    return generateParts() + '-' + generateParts();
+};
+
+const getRandomNumber = (min, max) => {
+    const minN = Math.ceil(min);
+    const maxN = Math.floor(max);
+    return Math.floor(Math.random() * (maxN - minN)) + minN;
+};
+
+const overwriteStyle = ({ nativeElement }, oldClassName, newClassName) => {
+    nativeElement.classList.remove(oldClassName);
+    nativeElement.classList.add(newClassName);
+};
+
+const BADGE_TYPE = ['information', 'success', 'warning', 'danger', 'neutral'];
+
+class BadgeComponent {
+    constructor() {
+        this.badgeClasses = `mc-badge mc-badge--information`;
+    }
+    set type(type) {
+        if (!this.validateType(type))
+            return;
+        this.badgeClasses = `mc-badge mc-badge--${type}`;
+    }
+    validateType(type) {
+        if (typeof type !== 'string')
+            return false;
+        return BADGE_TYPE.includes(type);
+    }
+}
+BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BadgeComponent, selector: "[moz-badge]", inputs: { type: "type" }, host: { properties: { "class": "this.badgeClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:.125rem .4375rem;text-transform:lowercase;white-space:nowrap;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge:first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:gray;color:#4d4d4d}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[moz-badge]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:.125rem .4375rem;text-transform:lowercase;white-space:nowrap;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge:first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:gray;color:#4d4d4d}\n"] }]
+        }], propDecorators: { badgeClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], type: [{
+                type: Input
+            }] } });
+
+class BadgeModule {
+}
+BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] });
+BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BadgeComponent],
+                    imports: [CommonModule],
+                    exports: [BadgeComponent],
+                }]
+        }] });
+
+class ButtonComponent {
+    constructor() {
+        this.iconPosition = 'left';
+        this.onlyIcon = false;
+        this.theme = 'primary';
+        this.variation = 'solid';
+        this.widthBehavior = 'fit';
+        this.size = 'm';
+    }
+    get iconPositionIsRight() {
+        return this.iconPosition === 'right';
+    }
+    get viewContent() {
+        return !this.onlyIcon;
+    }
+    generateThemeCssClassName(variation, theme) {
+        const themePart = theme === 'primary' ? '' : `-${theme}`;
+        return `mc-button--${variation}${themePart}`;
+    }
+    get hostCssClasses() {
+        const squareClass = this.onlyIcon ? 'mc-button--square' : '';
+        const iconPositionIsRightClass = this.iconPositionIsRight ? 'icon-right-position' : '';
+        const themeClass = this.generateThemeCssClassName(this.variation, this.theme);
+        const widthBehaviorClass = `mc-button--${this.widthBehavior}`;
+        const sizeClass = `mc-button--${this.size}`;
+        return `mc-button ${squareClass} ${iconPositionIsRightClass} ${themeClass} ${sizeClass} ${widthBehaviorClass}`;
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ButtonComponent, selector: "button[moz-button]", inputs: { iconPosition: "iconPosition", onlyIcon: "onlyIcon", theme: "theme", variation: "variation", widthBehavior: "widthBehavior", size: "size" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content select=\"moz-icon\"></ng-content>\n<div class=\"content\" *ngIf=\"viewContent\"><ng-content></ng-content></div>\n", styles: [".mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#188803;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#fff}.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#fff}.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button{align-items:center;gap:.5rem}.icon-right-position{flex-direction:row-reverse}.mc-button--s{height:2rem}.mc-button--m{height:3rem}.mc-button--l{height:3.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[moz-button]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"moz-icon\"></ng-content>\n<div class=\"content\" *ngIf=\"viewContent\"><ng-content></ng-content></div>\n", styles: [".mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#188803;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#fff}.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#fff}.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button{align-items:center;gap:.5rem}.icon-right-position{flex-direction:row-reverse}.mc-button--s{height:2rem}.mc-button--m{height:3rem}.mc-button--l{height:3.5rem}\n"] }]
+        }], propDecorators: { iconPosition: [{
+                type: Input
+            }], onlyIcon: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], variation: [{
+                type: Input
+            }], widthBehavior: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ButtonModule {
+}
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    imports: [CommonModule],
+                    exports: [ButtonComponent],
+                }]
+        }] });
+
+class GlobalEventsService {
+    get window() {
+        return this._window;
+    }
+    constructor(_window) {
+        this._window = _window;
+        this.eventHandlers = new Map();
+    }
+    getWindowEvent(eventName) {
+        const cachedHandler = this.eventHandlers.get(eventName);
+        if (cachedHandler) {
+            return cachedHandler;
+        }
+        const eventHandler = fromEvent(this.window, eventName).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
+        this.eventHandlers.set(eventName, eventHandler);
+        return eventHandler;
+    }
+}
+GlobalEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, deps: [{ token: Window }], target: i0.ɵɵFactoryTarget.Injectable });
+GlobalEventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: Window }]; } });
+
+class GlobalEventsModule {
+}
+GlobalEventsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GlobalEventsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule });
+GlobalEventsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, providers: [GlobalEventsService, { provide: Window, useValue: window }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [GlobalEventsService, { provide: Window, useValue: window }],
+                }]
+        }] });
+
+const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => CheckboxComponent),
+    multi: true,
+};
+class CheckboxComponent {
+    get checked() {
+        return this._checked;
+    }
+    constructor() {
+        this.disabled = false;
+        this.indeterminate = false;
+        this.invalid = false;
+        this._checked = false;
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.checkboxId = generateId();
+    }
+    set checked(v) {
+        this._checked = v;
+        this.onChange(this._checked);
+        this.onTouch();
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    toggle() {
+        this.writeValue(!this.checked);
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CheckboxComponent, selector: "moz-checkbox", inputs: { disabled: "disabled", indeterminate: "indeterminate", invalid: "invalid", checked: "checked" }, host: { properties: { "class.mc-checkbox": "true" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n  [id]=\"checkboxId\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class.mc-checkbox]': 'true',
+                    }, template: "<input\n  [id]=\"checkboxId\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }] } });
+
+/**
+ * @deprecated remove in 0.21 version
+ */
+class CheckboxModule {
+}
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule], exports: [CheckboxComponent] });
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CheckboxComponent],
+                    imports: [CommonModule],
+                    exports: [CheckboxComponent],
+                }]
+        }] });
+
+const dialogAnimation = trigger('dialogAnimation', [
+    transition(':enter', group([
+        query(':self', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
+        query('.mc-modal', [
+            style({ opacity: 0, transform: 'scale(0.7)' }),
+            animate(200, style({ opacity: 1, transform: 'scale(1)' })),
+        ]),
+    ])),
+    transition(':leave', group([
+        query(':self', [animate(200, style({ opacity: 0 }))]),
+        query('.mc-modal', [
+            style({ opacity: 1, transform: 'scale(1)' }),
+            animate(200, style({ opacity: 0, transform: 'scale(0.1)' })),
+        ]),
+    ])),
+]);
+
+const DIALOG_CONFIG = new InjectionToken('DIALOG_CONFIG');
+
+const DIALOG_DATA = new InjectionToken('DIALOG_DATA');
+
+const DIALOG_REF = new InjectionToken('DIALOG_REF');
+
+class DialogComponent {
+    constructor(config, cd) {
+        this.config = config;
+        this.cd = cd;
+    }
+    get title() {
+        return this.config.title;
+    }
+    get hasCross() {
+        return this.config.hasCross;
+    }
+    get minHeight() {
+        return `${this.config.minHeight}px`;
+    }
+    get layerIndex() {
+        return this.config.layerIndex;
+    }
+    get dialogContainerIndex() {
+        return this.layerIndex + 1;
+    }
+    ngAfterViewInit() {
+        this.initChildComponent(this.childComponentType);
+    }
+    ngOnDestroy() {
+        this.dialogRef.destroy();
+        // this.childComponentRef?.destroy();
+    }
+    close() {
+        this.dialogRef.close();
+    }
+    initChildComponent(componentType) {
+        this.childComponentRef = this.contentViewRef.createComponent(componentType);
+        this.cd.detectChanges();
+    }
+}
+DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogComponent, deps: [{ token: DIALOG_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DialogComponent, selector: "moz-dialog", inputs: { dialogRef: "dialogRef", childComponentType: "childComponentType" }, host: { properties: { "@dialogAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  tabindex=\"-1\"\n  role=\"dialog\"\n  aria-labelledby=\"modal_title\"\n  class=\"mc-modal\"\n  [style.zIndex]=\"dialogContainerIndex\"\n>\n  <div role=\"document\" class=\"mc-modal__dialog is-open\" [style.minHeight]=\"minHeight\">\n    <header class=\"mc-modal__header mc-divider-bottom mc-divider-bottom--light\">\n      <h2 class=\"mc-modal__title\" id=\"modalTitle\">{{ title }}</h2>\n      <button class=\"mc-modal__close\" type=\"button\" (click)=\"close()\" *ngIf=\"hasCross\">\n        <span class=\"mc-modal__close-text\">Close</span>\n      </button>\n    </header>\n    <main class=\"mc-modal__body\">\n      <article class=\"mc-modal__content\">\n        <ng-template #content></ng-template>\n      </article>\n    </main>\n  </div>\n</div>\n<div\n  tabindex=\"-1\"\n  role=\"dialog\"\n  class=\"mc-modal-overlay is-visible\"\n  [style.zIndex]=\"layerIndex\"\n></div>\n", styles: [".mc-modal{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;align-items:flex-end;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:flex;flex-direction:column;opacity:0;max-height:100%;position:relative;transform:translateY(-25%);transition:visibility 0s linear .4s,transform .4s ease,opacity .4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media (min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;transform:translateY(0);transition:visibility 0s linear 0s,transform .4s ease,opacity .4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;min-height:3.75rem;padding:.75rem .75rem .75rem 1rem;position:relative}.mc-modal__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-modal__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;flex-shrink:0;margin:0 0 0 auto;width:2rem}.mc-modal__close: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-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;flex:1 1;color:#191919;display:flex;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:.75rem;padding-right:1rem}}.mc-modal__content{flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:.75rem;padding-right:.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{align-items:stretch;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{align-items:center;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [dialogAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [dialogAnimation], host: { '[@dialogAnimation]': 'true' }, template: "<div\n  tabindex=\"-1\"\n  role=\"dialog\"\n  aria-labelledby=\"modal_title\"\n  class=\"mc-modal\"\n  [style.zIndex]=\"dialogContainerIndex\"\n>\n  <div role=\"document\" class=\"mc-modal__dialog is-open\" [style.minHeight]=\"minHeight\">\n    <header class=\"mc-modal__header mc-divider-bottom mc-divider-bottom--light\">\n      <h2 class=\"mc-modal__title\" id=\"modalTitle\">{{ title }}</h2>\n      <button class=\"mc-modal__close\" type=\"button\" (click)=\"close()\" *ngIf=\"hasCross\">\n        <span class=\"mc-modal__close-text\">Close</span>\n      </button>\n    </header>\n    <main class=\"mc-modal__body\">\n      <article class=\"mc-modal__content\">\n        <ng-template #content></ng-template>\n      </article>\n    </main>\n  </div>\n</div>\n<div\n  tabindex=\"-1\"\n  role=\"dialog\"\n  class=\"mc-modal-overlay is-visible\"\n  [style.zIndex]=\"layerIndex\"\n></div>\n", styles: [".mc-modal{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;align-items:flex-end;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:flex;flex-direction:column;opacity:0;max-height:100%;position:relative;transform:translateY(-25%);transition:visibility 0s linear .4s,transform .4s ease,opacity .4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media (min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;transform:translateY(0);transition:visibility 0s linear 0s,transform .4s ease,opacity .4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;min-height:3.75rem;padding:.75rem .75rem .75rem 1rem;position:relative}.mc-modal__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-modal__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;flex-shrink:0;margin:0 0 0 auto;width:2rem}.mc-modal__close: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-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;flex:1 1;color:#191919;display:flex;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:.75rem;padding-right:1rem}}.mc-modal__content{flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:.75rem;padding-right:.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{align-items:stretch;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{align-items:center;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DIALOG_CONFIG]
+                    }] }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { dialogRef: [{
+                type: Input
+            }], childComponentType: [{
+                type: Input
+            }], contentViewRef: [{
+                type: ViewChild,
+                args: ['content', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class DialogConfigModel {
+    constructor(config) {
+        this.title = '';
+        this.hasCross = true;
+        this.minHeight = 65;
+        Object.assign(this, config);
+    }
+}
+
+class DialogInjector {
+    constructor({ injector, dialogRef }) {
+        this.parentInjector = injector;
+        this.dialogRef = dialogRef;
+        this.initAdditionalTokens();
+    }
+    get(token, notFoundValue) {
+        const value = this.additionalTokens.get(token);
+        if (value) {
+            return value;
+        }
+        return this.parentInjector.get(token, notFoundValue);
+    }
+    initAdditionalTokens() {
+        this.additionalTokens = new WeakMap();
+        this.additionalTokens.set(DIALOG_REF, this.dialogRef);
+        this.additionalTokens.set(DIALOG_CONFIG, this.dialogRef.config);
+        this.additionalTokens.set(DIALOG_DATA, this.dialogRef.config.data);
+    }
+}
+
+class DialogRefModel {
+    constructor(dialogConfig) {
+        this.dialogConfig = dialogConfig;
+        this._config$ = new BehaviorSubject({});
+        this._afterClosed$ = new Subject();
+        this._id = String(getRandomNumber(1, 100000));
+        this.init(dialogConfig);
+    }
+    get afterClosed$() {
+        return this._afterClosed$.asObservable();
+    }
+    get config$() {
+        return this._config$.asObservable();
+    }
+    get config() {
+        return this._config$.getValue();
+    }
+    get id() {
+        return this._id;
+    }
+    get dialogElement() {
+        return this._dialogElement;
+    }
+    get componentRef() {
+        return this._componentRef;
+    }
+    init(config) {
+        this.updateConfig(config);
+    }
+    updateConfig(config) {
+        this._config$.next(Object.assign(Object.assign({}, this.config), config));
+    }
+    close(result) {
+        this._afterClosed$.next(result);
+    }
+    setDialogElement(element) {
+        this._dialogElement = element;
+    }
+    setComponentRef(componentRef) {
+        this._componentRef = componentRef;
+    }
+    destroy() {
+        this._config$.complete();
+        this._afterClosed$.complete();
+    }
+}
+
+class DialogService {
+    constructor(componentFactoryResolver, injector, applicationRef, document) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.applicationRef = applicationRef;
+        this.document = document;
+        this._layer = 100;
+    }
+    open(component, config = {}) {
+        this.addLayer();
+        const dialogRef = this.createDialog(Object.assign(Object.assign({}, config), { layerIndex: this._layer }));
+        this.applyDataForCreatedDialogInstance({ component, dialogRef });
+        return dialogRef;
+    }
+    createDialog(config) {
+        const dialogRef = new DialogRefModel(new DialogConfigModel(config));
+        const dialogInjector = new DialogInjector({ injector: this.injector, dialogRef });
+        const componentRef = this.createComponentRef(dialogInjector);
+        dialogRef.setComponentRef(componentRef);
+        this.initDialogRefAfterClosedObserver(dialogRef, componentRef);
+        this.appendDialogComponentToBody(componentRef);
+        return dialogRef;
+    }
+    createComponentRef(dialogInjector) {
+        return this.componentFactoryResolver
+            .resolveComponentFactory(DialogComponent)
+            .create(dialogInjector);
+    }
+    initDialogRefAfterClosedObserver(dialogRef, componentRef) {
+        const destroyDelayInMs = 50;
+        dialogRef.afterClosed$.pipe(delay(destroyDelayInMs)).subscribe(() => componentRef.destroy());
+    }
+    appendDialogComponentToBody(componentRef) {
+        const componentHostView = componentRef.hostView;
+        const componentHtmlElement = componentHostView.rootNodes[0];
+        this.applicationRef.attachView(componentHostView);
+        this.document.body.appendChild(componentHtmlElement);
+    }
+    applyDataForCreatedDialogInstance({ dialogRef, component, }) {
+        const { instance: dialogInstance } = dialogRef.componentRef;
+        dialogInstance.childComponentType = component;
+        dialogInstance.dialogRef = dialogRef;
+    }
+    addLayer() {
+        this._layer += 1;
+    }
+}
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
+
+class DialogModule {
+}
+DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, declarations: [DialogComponent], imports: [CommonModule] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, providers: [DialogService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DialogComponent],
+                    imports: [CommonModule],
+                    providers: [DialogService],
+                    exports: [],
+                }]
+        }] });
+
+const MOZ_INPUT_ICON = new InjectionToken('MozInputIcon');
+class InputIconDirective {
+}
+InputIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InputIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InputIconDirective, selector: "[mozInputIcon]", providers: [{ provide: MOZ_INPUT_ICON, useExisting: InputIconDirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mozInputIcon]',
+                    providers: [{ provide: MOZ_INPUT_ICON, useExisting: InputIconDirective }],
+                }]
+        }] });
+
+class FieldErrorComponent {
+}
+FieldErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FieldErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FieldErrorComponent, selector: "moz-field-error", host: { properties: { "class.mc-field__error-message": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-field-error', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.mc-field__error-message]': 'true',
+                    }, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"] }]
+        }] });
+
+class FieldComponent {
+    get viewLabel() {
+        return !!(this.label || this.requirementText || this.helpText);
+    }
+    get hasInputIcon() {
+        var _a, _b;
+        return (_a = this.InputIconDirective) === null || _a === void 0 ? void 0 : _a.changes.pipe(startWith(!!((_b = this.InputIconDirective) === null || _b === void 0 ? void 0 : _b.length)), map(() => { var _a; return !!((_a = this.InputIconDirective) === null || _a === void 0 ? void 0 : _a.length); }));
+    }
+    constructor(cd) {
+        this.cd = cd;
+        this.label = '';
+        this.requirementText = '';
+        this.helpText = '';
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+    }
+}
+FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FieldComponent, selector: "moz-field", inputs: { label: "label", requirementText: "requirementText", helpText: "helpText" }, host: { properties: { "class.mc-field": "true" } }, queries: [{ propertyName: "InputIconDirective", predicate: MOZ_INPUT_ICON, descendants: true }], ngImport: i0, template: "<label class=\"mc-field__label\" *ngIf=\"viewLabel\">\n  {{ label }}\n  <span *ngIf=\"requirementText\" [attr.aria-hidden]=\"requirementText\" class=\"mc-field__requirement\">\n    {{ requirementText }}\n  </span>\n  <span *ngIf=\"helpText\" id=\"helptext\" class=\"mc-field__help\">\n    {{ helpText }}\n  </span>\n</label>\n\n<ng-content></ng-content>\n\n<ng-template #inputIconTemplate>\n  <ng-content select=\"[mozInputIcon]\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n  <ng-content select=\"[moz-input]\"></ng-content>\n</ng-template>\n\n<div class=\"mc-left-icon-input\" *ngIf=\"hasInputIcon | async; else withoutIcon\">\n  <ng-container [ngTemplateOutlet]=\"inputIconTemplate\"></ng-container>\n  <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</div>\n\n<ng-template #withoutIcon>\n  <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</ng-template>\n\n<ng-content select=\"moz-field-error\"></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field{display:block}.mc-field__label{margin-bottom:.5rem;display:inline-block}.mc-left-icon-input [mozInputIcon]{left:.75rem;top:50%;width:1.5rem;height:1.5rem;position:absolute;z-index:1;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input [moz-input]{padding-left:2.9375rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class.mc-field]': 'true',
+                    }, template: "<label class=\"mc-field__label\" *ngIf=\"viewLabel\">\n  {{ label }}\n  <span *ngIf=\"requirementText\" [attr.aria-hidden]=\"requirementText\" class=\"mc-field__requirement\">\n    {{ requirementText }}\n  </span>\n  <span *ngIf=\"helpText\" id=\"helptext\" class=\"mc-field__help\">\n    {{ helpText }}\n  </span>\n</label>\n\n<ng-content></ng-content>\n\n<ng-template #inputIconTemplate>\n  <ng-content select=\"[mozInputIcon]\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n  <ng-content select=\"[moz-input]\"></ng-content>\n</ng-template>\n\n<div class=\"mc-left-icon-input\" *ngIf=\"hasInputIcon | async; else withoutIcon\">\n  <ng-container [ngTemplateOutlet]=\"inputIconTemplate\"></ng-container>\n  <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</div>\n\n<ng-template #withoutIcon>\n  <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</ng-template>\n\n<ng-content select=\"moz-field-error\"></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field{display:block}.mc-field__label{margin-bottom:.5rem;display:inline-block}.mc-left-icon-input [mozInputIcon]{left:.75rem;top:50%;width:1.5rem;height:1.5rem;position:absolute;z-index:1;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input [moz-input]{padding-left:2.9375rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], requirementText: [{
+                type: Input
+            }], helpText: [{
+                type: Input
+            }], InputIconDirective: [{
+                type: ContentChildren,
+                args: [MOZ_INPUT_ICON, { descendants: true }]
+            }] } });
+
+class FieldModule {
+}
+FieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, declarations: [FieldComponent, FieldErrorComponent, InputIconDirective], imports: [CommonModule], exports: [FieldComponent, FieldErrorComponent, InputIconDirective] });
+FieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [FieldComponent, FieldErrorComponent, InputIconDirective],
+                    exports: [FieldComponent, FieldErrorComponent, InputIconDirective],
+                }]
+        }] });
+
+var IconSize;
+(function (IconSize) {
+    IconSize["S"] = "16px";
+    IconSize["M"] = "24px";
+    IconSize["L"] = "32px";
+    IconSize["XL"] = "48px";
+})(IconSize || (IconSize = {}));
+
+class IconService {
+    constructor(http) {
+        this.http = http;
+        this.cachedIcons = new Map();
+        this.cachedRequests = new Map();
+    }
+    getIcon(name) {
+        const cacheIcon = this.cachedIcons.get(name);
+        const cachedRequest = this.cachedRequests.get(name);
+        if (cacheIcon) {
+            return of(cacheIcon);
+        }
+        if (cachedRequest) {
+            return cachedRequest;
+        }
+        const url = `/assets/moz-icons/${name}.svg`;
+        const request = this.http.get(url, { responseType: 'text' }).pipe(tap((svg) => this.cachedIcons.set(name, svg)), catchError(() => throwError(() => this.getNotFoundError(name))), finalize(() => this.cachedRequests.delete(name)), shareReplay({ refCount: true, bufferSize: 1 }));
+        this.cachedRequests.set(name, request);
+        return request;
+    }
+    getNotFoundError(name) {
+        return Error(`
+       The icon (${name}) you are trying to display does not exist.
+       Maybe the name is incorrect.
+       => (See all available icons: http://mozaic.adeo.cloud/Foundations/Icons/catalog/)`);
+    }
+}
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, deps: [{ token: i1$1.HttpClient, host: true }], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1$1.HttpClient, decorators: [{
+                        type: Host
+                    }] }];
+    } });
+
+class IconComponent {
+    constructor(iconService, elementRef) {
+        this.iconService = iconService;
+        this.elementRef = elementRef;
+        this.iconName = '';
+    }
+    ngOnChanges({ iconName }) {
+        this.needRenderIcon(iconName === null || iconName === void 0 ? void 0 : iconName.currentValue, iconName === null || iconName === void 0 ? void 0 : iconName.previousValue) &&
+            this.drawIcon(iconName === null || iconName === void 0 ? void 0 : iconName.currentValue, iconName === null || iconName === void 0 ? void 0 : iconName.previousValue);
+    }
+    needRenderIcon(currentIconName, previousIconName) {
+        return !!currentIconName && currentIconName !== previousIconName;
+    }
+    getSizeClass(name) {
+        const [size] = name.match(/\d\dpx/) || [];
+        const strategy = {
+            [IconSize.S]: 'icons-size-s',
+            [IconSize.M]: 'icons-size-m',
+            [IconSize.L]: 'icons-size-l',
+            [IconSize.XL]: 'icons-size-xl',
+        };
+        return strategy[size || null] || strategy[IconSize.S];
+    }
+    drawIcon(iconName, previousIconName) {
+        this.iconService
+            .getIcon(iconName)
+            .pipe(first())
+            .subscribe((svg) => {
+            this.elementRef.nativeElement.innerHTML = svg;
+            previousIconName &&
+                this.elementRef.nativeElement.classList.remove(this.getSizeClass(previousIconName));
+            this.elementRef.nativeElement.classList.add(this.getSizeClass(iconName));
+        });
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, deps: [{ token: IconService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconComponent, selector: "moz-icon", inputs: { iconName: "iconName" }, host: { properties: { "class.icon": "true" } }, usesOnChanges: true, ngImport: i0, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.icon]': 'true' }, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: IconService }, { type: i0.ElementRef }]; }, propDecorators: { iconName: [{
+                type: Input
+            }] } });
+
+class IconModule {
+}
+IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconComponent],
+                    imports: [CommonModule],
+                    exports: [IconComponent],
+                }]
+        }] });
+
+const layerAnimation = trigger('layerAnimation', [
+    transition(':enter', group([
+        query(':self', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
+        query('.mc-layer', [
+            style({ transform: 'translateX(250px)' }),
+            animate(200, style({ transform: 'translateX(0)' })),
+        ]),
+    ])),
+    transition(':leave', group([
+        query(':self', [animate(200, style({ opacity: 0 }))]),
+        query('.mc-layer', [
+            style({ transform: 'translateX(0)' }),
+            animate(200, style({ transform: 'translateX(250px)' })),
+        ]),
+    ])),
+]);
+
+const LAYER_CONFIG = new InjectionToken('LAYER_CONFIG_TOKEN');
+
+const LAYER_DATA = new InjectionToken('LAYER_DATA_TOKEN');
+
+const LAYER_REF = new InjectionToken('LAYER_DATA_TOKEN');
+
+class LayerComponent {
+    get title() {
+        return this.config.title || 'Layer title';
+    }
+    get icon() {
+        return this.config.icon;
+    }
+    constructor(layerRef, config, cd) {
+        this.layerRef = layerRef;
+        this.config = config;
+        this.cd = cd;
+    }
+    ngAfterViewInit() {
+        this.initChildComponent(this.childComponentType);
+    }
+    initChildComponent(componentType) {
+        this.childComponentRef = this.contentViewRef.createComponent(componentType);
+        this.cd.detectChanges();
+    }
+    close() {
+        this.layerRef.close();
+    }
+}
+LayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerComponent, deps: [{ token: LAYER_REF }, { token: LAYER_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LayerComponent, selector: "moz-layer", host: { properties: { "@layerAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"mc-layer\"\n  role=\"dialog\"\n  aria-labelledby=\"layerTitle\"\n  aria-modal=\"true\"\n  aria-hidden=\"true\"\n  tabindex=\"-1\"\n>\n  <div class=\"mc-layer__dialog is-open\" role=\"document\">\n    <div class=\"mc-layer__header\">\n      <span class=\"mc-layer__icon\" *ngIf=\"icon\">\n        <moz-icon iconName=\"{{ icon }}\"></moz-icon>\n      </span>\n      <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n      <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n        <span class=\"mc-layer__close-text\">Close</span>\n      </button>\n    </div>\n    <div class=\"mc-layer__body mc-layer__body--overflowing\">\n      <ng-template class=\"mc-layer__content\" #content></ng-template>\n    </div>\n  </div>\n</div>\n<div class=\"mc-layer-overlay is-visible\" tabindex=\"-1\" role=\"dialog\"></div>\n", styles: [".mc-layer{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close: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-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }], animations: [layerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-layer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [layerAnimation], host: { '[@layerAnimation]': 'true' }, template: "<div\n  class=\"mc-layer\"\n  role=\"dialog\"\n  aria-labelledby=\"layerTitle\"\n  aria-modal=\"true\"\n  aria-hidden=\"true\"\n  tabindex=\"-1\"\n>\n  <div class=\"mc-layer__dialog is-open\" role=\"document\">\n    <div class=\"mc-layer__header\">\n      <span class=\"mc-layer__icon\" *ngIf=\"icon\">\n        <moz-icon iconName=\"{{ icon }}\"></moz-icon>\n      </span>\n      <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n      <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n        <span class=\"mc-layer__close-text\">Close</span>\n      </button>\n    </div>\n    <div class=\"mc-layer__body mc-layer__body--overflowing\">\n      <ng-template class=\"mc-layer__content\" #content></ng-template>\n    </div>\n  </div>\n</div>\n<div class=\"mc-layer-overlay is-visible\" tabindex=\"-1\" role=\"dialog\"></div>\n", styles: [".mc-layer{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close: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-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_REF]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_CONFIG]
+                    }] }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { contentViewRef: [{
+                type: ViewChild,
+                args: ['content', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class LayerInjector {
+    constructor({ injector, layerRef }) {
+        this.parentInjector = injector;
+        this.layerRef = layerRef;
+        this.initAdditionalTokens();
+    }
+    get(token, notFoundValue) {
+        const value = this.additionalTokens.get(token);
+        if (value) {
+            return value;
+        }
+        return this.parentInjector.get(token, notFoundValue);
+    }
+    initAdditionalTokens() {
+        this.additionalTokens = new WeakMap();
+        this.additionalTokens.set(LAYER_REF, this.layerRef);
+        this.additionalTokens.set(LAYER_CONFIG, this.layerRef.config);
+        this.additionalTokens.set(LAYER_DATA, this.layerRef.config.data);
+    }
+}
+
+class LayerRefModel {
+    get afterClosed$() {
+        return this._afterClosed$.pipe(first());
+    }
+    get config$() {
+        return this._config$.asObservable();
+    }
+    get config() {
+        return this._config$.getValue();
+    }
+    get componentRef() {
+        return this._componentRef;
+    }
+    constructor(layerConfig) {
+        this.layerConfig = layerConfig;
+        this._config$ = new BehaviorSubject({});
+        this._afterClosed$ = new Subject();
+        this.init(layerConfig);
+    }
+    init(config) {
+        this.updateConfig(config);
+    }
+    updateConfig(config) {
+        this._config$.next(Object.assign(Object.assign({}, this.config), config));
+    }
+    close(result) {
+        this._afterClosed$.next(result);
+    }
+    setComponentRef(componentRef) {
+        this._componentRef = componentRef;
+    }
+    destroy() {
+        this._config$.complete();
+        this._afterClosed$.complete();
+    }
+}
+
+class LayerService {
+    constructor(componentFactoryResolver, injector, applicationRef, document) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.applicationRef = applicationRef;
+        this.document = document;
+    }
+    open(component, config = {}) {
+        const layerRef = this.createLayer(config);
+        this.applyChildComponent({ component, layerRef });
+        return layerRef;
+    }
+    createLayer(config) {
+        const layerRef = new LayerRefModel(config);
+        const layerInjector = new LayerInjector({ injector: this.injector, layerRef });
+        const componentRef = this.createComponentRef(layerInjector);
+        layerRef.setComponentRef(componentRef);
+        this.appendLayerComponentToBody(componentRef);
+        this.initDialogRefAfterClosedObserver(layerRef, componentRef);
+        return layerRef;
+    }
+    initDialogRefAfterClosedObserver(layerRef, componentRef) {
+        layerRef.afterClosed$.subscribe(() => componentRef.destroy());
+    }
+    createComponentRef(injector) {
+        return this.componentFactoryResolver.resolveComponentFactory(LayerComponent).create(injector);
+    }
+    appendLayerComponentToBody(componentRef) {
+        const componentHostView = componentRef.hostView;
+        const componentHtmlElement = componentHostView.rootNodes[0];
+        this.applicationRef.attachView(componentHostView);
+        this.document.body.appendChild(componentHtmlElement);
+    }
+    applyChildComponent({ layerRef, component, }) {
+        const { instance } = layerRef.componentRef;
+        instance.childComponentType = component;
+    }
+}
+LayerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+LayerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
+
+class LayerModule {
+}
+LayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, declarations: [LayerComponent], imports: [CommonModule, IconModule], exports: [LayerComponent] });
+LayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, providers: [LayerService], imports: [CommonModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IconModule],
+                    providers: [LayerService],
+                    declarations: [LayerComponent],
+                    exports: [LayerComponent],
+                }]
+        }] });
+
+const CIRCLE_VIEW_BOX_SIZES = {
+    s: '0 0 24 24',
+    m: '0 0 32 32',
+    l: '0 0 64 64',
+};
+const CIRCLE_RADIUSES = {
+    s: 6,
+    m: 9,
+    l: 19,
+};
+
+class LoaderComponent {
+    get viewText() {
+        return this.isOverlay && !!this.text;
+    }
+    get overlayCssClasses() {
+        return {
+            'mc-overlay-loader': true,
+            'is-visible': !this.hideOverlay,
+        };
+    }
+    get loaderCssClasses() {
+        return {
+            'mc-loader': true,
+            [`mc-loader--${this.size}`]: true,
+            [`mc-loader--${this.theme}`]: this.theme !== 'primary',
+        };
+    }
+    get viewBoxSize() {
+        return CIRCLE_VIEW_BOX_SIZES[this.size];
+    }
+    get radius() {
+        return CIRCLE_RADIUSES[this.size];
+    }
+    constructor(cd) {
+        this.cd = cd;
+        this.size = 'm';
+        this.theme = 'primary';
+        this.isOverlay = false;
+        this.hideOverlay = true;
+        this.text = '';
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoaderComponent, selector: "moz-loader", inputs: { size: "size", theme: "theme" }, host: { properties: { "class.loader": "!isOverlay" } }, ngImport: i0, template: "<ng-template #loader>\n  <div [ngClass]=\"loaderCssClasses\">\n    <span class=\"mc-loader__spinner\">\n      <svg class=\"mc-loader__icon\" xmlns=\"http://www.w3.org/2000/svg\" [attr.viewBox]=\"viewBoxSize\">\n        <circle class=\"mc-loader__path\" cx=\"50%\" cy=\"50%\" [attr.r]=\"radius\" />\n      </svg>\n    </span>\n\n    <span class=\"mc-loader__text\" *ngIf=\"viewText\">{{ text }}</span>\n  </div>\n</ng-template>\n\n<div [ngClass]=\"overlayCssClasses\" tabindex=\"-1\" role=\"dialog\" *ngIf=\"isOverlay; else loader\">\n  <ng-container [ngTemplateOutlet]=\"loader\"></ng-container>\n</div>\n", styles: [".mc-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:#191919b3;inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998;align-items:center;display:flex;justify-content:center}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-loader{color:#188803;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loader{display:inline-flex}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-loader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.loader]': '!isOverlay' }, template: "<ng-template #loader>\n  <div [ngClass]=\"loaderCssClasses\">\n    <span class=\"mc-loader__spinner\">\n      <svg class=\"mc-loader__icon\" xmlns=\"http://www.w3.org/2000/svg\" [attr.viewBox]=\"viewBoxSize\">\n        <circle class=\"mc-loader__path\" cx=\"50%\" cy=\"50%\" [attr.r]=\"radius\" />\n      </svg>\n    </span>\n\n    <span class=\"mc-loader__text\" *ngIf=\"viewText\">{{ text }}</span>\n  </div>\n</ng-template>\n\n<div [ngClass]=\"overlayCssClasses\" tabindex=\"-1\" role=\"dialog\" *ngIf=\"isOverlay; else loader\">\n  <ng-container [ngTemplateOutlet]=\"loader\"></ng-container>\n</div>\n", styles: [".mc-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:#191919b3;inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998;align-items:center;display:flex;justify-content:center}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-loader{color:#188803;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loader{display:inline-flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+
+class LoaderService {
+    get _loaderComponent() {
+        return this._loaderRef.instance;
+    }
+    constructor(applicationRef, componentFactoryResolver, injector, document) {
+        this.applicationRef = applicationRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.document = document;
+        this._loaderRef = this.createComponentRef();
+        this._loaderComponent.isOverlay = true;
+        this._loaderComponent.theme = 'light';
+        this.appendLoaderToBody(this._loaderRef);
+    }
+    startLoad(config) {
+        const { size = 'l', text = '' } = config || {};
+        this._loaderComponent.size = size;
+        this._loaderComponent.text = text;
+        this._loaderComponent.hideOverlay = false;
+        this._loaderComponent.cd.markForCheck();
+    }
+    stopLoad() {
+        this._loaderComponent.hideOverlay = true;
+        this._loaderComponent.cd.markForCheck();
+    }
+    createComponentRef() {
+        return this.componentFactoryResolver
+            .resolveComponentFactory(LoaderComponent)
+            .create(this.injector);
+    }
+    appendLoaderToBody(componentRef) {
+        const componentHostView = componentRef.hostView;
+        const componentHtmlElement = componentHostView.rootNodes[0];
+        this.applicationRef.attachView(componentHostView);
+        this.document.body.appendChild(componentHtmlElement);
+    }
+}
+LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
+
+class LoaderModule {
+}
+LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
+LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, providers: [LoaderService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [LoaderComponent],
+                    providers: [LoaderService],
+                    exports: [LoaderComponent],
+                }]
+        }] });
+
+const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
+class NotificationConfigFactory {
+    static create(config = {}) {
+        return Object.assign({ duration: 3000 }, config);
+    }
+}
+
+const NotificationAnimation = trigger('fadeIn', [
+    transition(':enter', [
+        style({ opacity: 1, transform: 'translateY(50%)' }),
+        animate('300ms ease-out', style({ transform: 'translateY(0)' })),
+    ]),
+    transition(':leave', [
+        group([
+            query('.mc-notification__title', [animate('200ms', style({ opacity: 0, height: 0 }))], {
+                optional: true,
+            }),
+            query('.mc-notification__message', [animate('200ms', style({ opacity: 0, height: 0 }))], {
+                optional: true,
+            }),
+            query(':self', [
+                animate('300ms', style({ opacity: 0, height: 0, padding: 0, transform: 'translateY(-200%)' })),
+            ]),
+        ]),
+    ]),
+]);
+
+class NotificationComponent {
+    constructor() {
+        this.type = 'information';
+        this.size = 'm';
+    }
+    get hostCssClasses() {
+        const staticClasses = 'mc-notification';
+        const sizeCssClass = `mc-notification--${this.size}`;
+        const typeCssClass = `mc-notification--${this.type}`;
+        const dynamicClasses = `${sizeCssClass} ${typeCssClass}`;
+        return `${staticClasses} ${dynamicClasses}`;
+    }
+}
+NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationComponent, selector: "moz-notification", inputs: { type: "type", size: "size" }, host: { properties: { "class.mc-notification": "true", "class": "this.hostCssClasses" } }, ngImport: i0, template: "<div class=\"mc-notification__content\">\n  <ng-content select=\"[mozNotificationTitle]\"></ng-content>\n  <ng-content select=\"[mozNotificationMessage]\"></ng-content>\n  <ng-content select=\"[mozNotificationFooter]\"></ng-content>\n</div>\n", styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification]': 'true' }, template: "<div class=\"mc-notification__content\">\n  <ng-content select=\"[mozNotificationTitle]\"></ng-content>\n  <ng-content select=\"[mozNotificationMessage]\"></ng-content>\n  <ng-content select=\"[mozNotificationFooter]\"></ng-content>\n</div>\n", styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class NotificationTitleComponent {
+}
+NotificationTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationTitleComponent, selector: "[mozNotificationTitle]", host: { properties: { "class.mc-notification__title": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, decorators: [{
+            type: Component,
+            args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationTitle]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__title]': 'true' }, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"] }]
+        }] });
+
+class NotificationMessageComponent {
+}
+NotificationMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationMessageComponent, selector: "[mozNotificationMessage]", host: { properties: { "class.mc-notification__message": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, decorators: [{
+            type: Component,
+            args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationMessage]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__message]': 'true' }, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"] }]
+        }] });
+
+class NotificationContainerComponent {
+    constructor(notificationConfig) {
+        this.notificationConfig = notificationConfig;
+        this._notifications = new BehaviorSubject([]);
+    }
+    get notifications() {
+        return this._notifications.asObservable();
+    }
+    add(notification) {
+        this._notifications.next([...this._notifications.value, notification]);
+        this.autoremove(notification);
+    }
+    autoremove(notification) {
+        setTimeout(() => {
+            const newState = this._notifications.value.filter((n) => n !== notification);
+            this._notifications.next(newState);
+        }, this.notificationConfig.duration);
+    }
+}
+NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationContainerComponent, selector: "moz-notification-container", ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n  <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n    <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n    <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n  </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NotificationComponent, selector: "moz-notification", inputs: ["type", "size"] }, { kind: "component", type: NotificationTitleComponent, selector: "[mozNotificationTitle]" }, { kind: "component", type: NotificationMessageComponent, selector: "[mozNotificationMessage]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [NotificationAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n  <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n    <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n    <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n  </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [NOTIFICATION_CONFIG]
+                    }] }];
+    } });
+
+class NotificationFooterComponent {
+}
+NotificationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationFooterComponent, selector: "[mozNotificationFooter]", host: { properties: { "class.mc-notification__footer": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, decorators: [{
+            type: Component,
+            args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationFooter]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__footer]': 'true' }, styles: [".mc-notification{font-family:LeroyMerlin,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close: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-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}\n"] }]
+        }] });
+
+class NotificationService {
+    constructor(applicationRef, componentFactoryResolver, injector, document) {
+        this.applicationRef = applicationRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.document = document;
+        this.container = this.createContainer();
+        this.appendNotificationContainerToBody(this.container);
+    }
+    add(notification) {
+        this.container.instance.add(notification);
+    }
+    createContainer() {
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(NotificationContainerComponent);
+        const componentRef = componentFactory.create(this.injector);
+        return componentRef;
+    }
+    appendNotificationContainerToBody(componentRef) {
+        const componentHostView = componentRef.hostView;
+        const componentHtmlElement = componentHostView.rootNodes[0];
+        this.applicationRef.attachView(componentHostView);
+        this.document.body.appendChild(componentHtmlElement);
+    }
+}
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
+
+class NotificationModule {
+    static forRoot(config = {}) {
+        return {
+            ngModule: NotificationModule,
+            providers: [
+                {
+                    provide: NOTIFICATION_CONFIG,
+                    useValue: NotificationConfigFactory.create(config),
+                },
+            ],
+        };
+    }
+}
+NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent,
+        NotificationTitleComponent,
+        NotificationMessageComponent,
+        NotificationFooterComponent,
+        NotificationContainerComponent], imports: [CommonModule], exports: [NotificationComponent,
+        NotificationTitleComponent,
+        NotificationMessageComponent,
+        NotificationFooterComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, providers: [
+        NotificationService,
+        {
+            provide: NOTIFICATION_CONFIG,
+            useValue: NotificationConfigFactory.create(),
+        },
+    ], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        NotificationComponent,
+                        NotificationTitleComponent,
+                        NotificationMessageComponent,
+                        NotificationFooterComponent,
+                        NotificationContainerComponent,
+                    ],
+                    providers: [
+                        NotificationService,
+                        {
+                            provide: NOTIFICATION_CONFIG,
+                            useValue: NotificationConfigFactory.create(),
+                        },
+                    ],
+                    exports: [
+                        NotificationComponent,
+                        NotificationTitleComponent,
+                        NotificationMessageComponent,
+                        NotificationFooterComponent,
+                    ],
+                }]
+        }] });
+
+var SELECT_SIZE;
+(function (SELECT_SIZE) {
+    SELECT_SIZE["S"] = "s";
+    SELECT_SIZE["M"] = "m";
+})(SELECT_SIZE || (SELECT_SIZE = {}));
+
+const PAGINATION_FIRST_PAGE = 1;
+const PAGINATION_MIN_NUMBER_OF_PAGES = 1;
+const PAGINATION_PAGE_STEP = 1;
+
+class SelectComponent {
+    constructor() {
+        this.size = 's';
+    }
+    get hostCssClasses() {
+        const staticClasses = 'mc-select';
+        const sizeCssClass = `mc-select--${this.size}`;
+        const dynamicClasses = `${sizeCssClass}`;
+        return `${staticClasses} ${dynamicClasses}`;
+    }
+}
+SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SelectComponent, selector: "select[moz-`select`]", inputs: { size: "size" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content select=\"option\"></ng-content>\n", styles: [".mc-select{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'select[moz-`select`]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"option\"></ng-content>\n", styles: [".mc-select{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const PAGINATION_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => PaginationComponent),
+    multi: true,
+};
+class PaginationComponent {
+    constructor(globalEventService, cd) {
+        this.globalEventService = globalEventService;
+        this.cd = cd;
+        this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
+        this.light = false;
+        this.pageLabel = 'Page';
+        this.pageOfLabel = 'of';
+        this.pageTitleMask = (page, numberOfPages) => `${this.pageLabel} ${page} ${this.pageOfLabel} ${numberOfPages}`;
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.currentPage = PAGINATION_FIRST_PAGE;
+        this.pages = [];
+        this.smallResolution = 1024;
+        const isSmall = this.displayIsSmall().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
+        this.initializeIcons(isSmall);
+        this.selectSize = isSmall.pipe(map((isSmall) => this.chooseSelectSize(isSmall)));
+    }
+    ngAfterViewInit() {
+        this.reinitializeNumberOfPagesAtInvalidValue();
+        if (this.viewSelect) {
+            this.pages = this.initializePages(this.numberOfPages);
+        }
+        this.reinitializeCurrentPageAtOverflow();
+        this.cd.detectChanges();
+    }
+    ngOnChanges({ numberOfPages, pageTitleMask }) {
+        if (this.needRenderPages(this.viewSelect, numberOfPages === null || numberOfPages === void 0 ? void 0 : numberOfPages.currentValue, numberOfPages === null || numberOfPages === void 0 ? void 0 : numberOfPages.previousValue, pageTitleMask === null || pageTitleMask === void 0 ? void 0 : pageTitleMask.currentValue, pageTitleMask === null || pageTitleMask === void 0 ? void 0 : pageTitleMask.previousValue)) {
+            this.reinitializeNumberOfPagesAtInvalidValue();
+            this.pages = this.initializePages(this.numberOfPages);
+        }
+        this.reinitializeCurrentPageAtOverflow();
+    }
+    get viewSelect() {
+        return !this.light;
+    }
+    get isFirstPage() {
+        return this.currentPage <= PAGINATION_FIRST_PAGE;
+    }
+    get isLastPage() {
+        return this.currentPage >= this.numberOfPages;
+    }
+    get disabledSelect() {
+        return this.numberOfPages <= PAGINATION_MIN_NUMBER_OF_PAGES;
+    }
+    writeValue(value) {
+        if (!value || value === this.currentPage || value > this.numberOfPages)
+            return;
+        this.currentPage = value;
+        this.cd.markForCheck();
+        this.onChange(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    nextPage() {
+        this.writeValue(this.currentPage + PAGINATION_PAGE_STEP);
+    }
+    previousPage() {
+        this.writeValue(this.currentPage - PAGINATION_PAGE_STEP);
+    }
+    compareWithPages(page, currentPage) {
+        return page === currentPage;
+    }
+    initializePages(numberOfPages) {
+        return new Array(numberOfPages).fill(null).map((_, index) => ({
+            title: this.pageTitleMask(index + 1, numberOfPages),
+            value: index + 1,
+        }));
+    }
+    initializeIcons(isSmall) {
+        const iconSize = isSmall.pipe(map((isSmall) => this.chooseIconSize(isSmall)), shareReplay({ refCount: true, bufferSize: 1 }));
+        this.leftIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Left_${iconSize}`));
+        this.rightIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Right_${iconSize}`));
+    }
+    displayIsSmall() {
+        const resizeEvent = this.globalEventService.getWindowEvent('resize').pipe(debounceTime(100));
+        const displayWidth = resizeEvent.pipe(map((event) => { var _a; return (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.innerWidth; }), startWith(this.globalEventService.window.innerWidth));
+        return displayWidth.pipe(map((width) => width < this.smallResolution));
+    }
+    reinitializeCurrentPageAtOverflow() {
+        if (this.numberOfPages < this.currentPage) {
+            this.writeValue(PAGINATION_FIRST_PAGE);
+        }
+    }
+    reinitializeNumberOfPagesAtInvalidValue() {
+        if (!this.numberOfPages || this.numberOfPages < PAGINATION_MIN_NUMBER_OF_PAGES) {
+            this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
+        }
+    }
+    chooseIconSize(isSmall) {
+        return isSmall ? IconSize.L : IconSize.M;
+    }
+    chooseSelectSize(isSmall) {
+        return isSmall ? SELECT_SIZE.M : SELECT_SIZE.S;
+    }
+    needRenderPages(viewSelect, numberOfPagesPrevious, numberOfPagesCurrent, pageTitleMaskPrevious, pageTitleMaskCurrent) {
+        const numberOfPageHasChanges = numberOfPagesPrevious !== numberOfPagesCurrent;
+        const maskHasChanges = pageTitleMaskPrevious !== pageTitleMaskCurrent;
+        return viewSelect && (numberOfPageHasChanges || maskHasChanges);
+    }
+}
+PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationComponent, deps: [{ token: GlobalEventsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PaginationComponent, selector: "moz-pagination", inputs: { numberOfPages: "numberOfPages", light: "light", pageLabel: "pageLabel", pageOfLabel: "pageOfLabel", pageTitleMask: "pageTitleMask" }, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<nav class=\"mc-pagination\" role=\"navigation\" aria-label=\"pagination\">\n  <button\n    moz-button\n    theme=\"neutral\"\n    class=\"mc-pagination__button\"\n    [disabled]=\"isFirstPage\"\n    [onlyIcon]=\"true\"\n    [size]=\"(selectSize | async)!\"\n    (click)=\"previousPage()\"\n    *ngIf=\"leftIconName | async; let icon\"\n  >\n    <moz-icon [iconName]=\"icon\"></moz-icon>\n  </button>\n  <div *ngIf=\"viewSelect\">\n    <select\n      moz-select\n      [ngModel]=\"currentPage\"\n      (ngModelChange)=\"writeValue($event)\"\n      [compareWith]=\"compareWithPages\"\n      [size]=\"(selectSize | async)!\"\n      [disabled]=\"disabledSelect\"\n    >\n      <option *ngFor=\"let page of pages\" [ngValue]=\"page.value\">{{ page.title }}</option>\n    </select>\n  </div>\n\n  <button\n    moz-button\n    theme=\"neutral\"\n    class=\"mc-pagination__button\"\n    [disabled]=\"isLastPage\"\n    (click)=\"nextPage()\"\n    [size]=\"(selectSize | async)!\"\n    [onlyIcon]=\"true\"\n    *ngIf=\"rightIconName | async; let icon\"\n  >\n    <moz-icon [iconName]=\"icon\"></moz-icon>\n  </button>\n</nav>\n", styles: [".mc-pagination{align-items:center;display:flex;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:.875rem 3rem .875rem calc(.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:.875rem;line-height:1.1428571429;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-pagination{gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: SelectComponent, selector: "select[moz-`select`]", inputs: ["size"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-pagination', changeDetection: ChangeDetectionStrategy.OnPush, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], template: "<nav class=\"mc-pagination\" role=\"navigation\" aria-label=\"pagination\">\n  <button\n    moz-button\n    theme=\"neutral\"\n    class=\"mc-pagination__button\"\n    [disabled]=\"isFirstPage\"\n    [onlyIcon]=\"true\"\n    [size]=\"(selectSize | async)!\"\n    (click)=\"previousPage()\"\n    *ngIf=\"leftIconName | async; let icon\"\n  >\n    <moz-icon [iconName]=\"icon\"></moz-icon>\n  </button>\n  <div *ngIf=\"viewSelect\">\n    <select\n      moz-select\n      [ngModel]=\"currentPage\"\n      (ngModelChange)=\"writeValue($event)\"\n      [compareWith]=\"compareWithPages\"\n      [size]=\"(selectSize | async)!\"\n      [disabled]=\"disabledSelect\"\n    >\n      <option *ngFor=\"let page of pages\" [ngValue]=\"page.value\">{{ page.title }}</option>\n    </select>\n  </div>\n\n  <button\n    moz-button\n    theme=\"neutral\"\n    class=\"mc-pagination__button\"\n    [disabled]=\"isLastPage\"\n    (click)=\"nextPage()\"\n    [size]=\"(selectSize | async)!\"\n    [onlyIcon]=\"true\"\n    *ngIf=\"rightIconName | async; let icon\"\n  >\n    <moz-icon [iconName]=\"icon\"></moz-icon>\n  </button>\n</nav>\n", styles: [".mc-pagination{align-items:center;display:flex;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:.875rem 3rem .875rem calc(.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:.875rem;line-height:1.1428571429;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-pagination{gap:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: GlobalEventsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numberOfPages: [{
+                type: Input
+            }], light: [{
+                type: Input
+            }], pageLabel: [{
+                type: Input
+            }], pageOfLabel: [{
+                type: Input
+            }], pageTitleMask: [{
+                type: Input
+            }] } });
+
+class SelectModule {
+}
+SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, declarations: [SelectComponent], imports: [CommonModule], exports: [SelectComponent] });
+SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [SelectComponent],
+                    exports: [SelectComponent],
+                }]
+        }] });
+
+class PaginationModule {
+}
+PaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, declarations: [PaginationComponent], imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule], exports: [PaginationComponent] });
+PaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule],
+                    declarations: [PaginationComponent],
+                    exports: [PaginationComponent],
+                }]
+        }] });
+
+class ProgressBarComponent {
+    constructor() {
+        this.size = 'm';
+        this.theme = 'default';
+        this.percent = 0;
+        this.text = '';
+    }
+    get indicatorWidth() {
+        return { width: `${this.percent}%` };
+    }
+    get hostCssClasses() {
+        const sizeClass = `mc-progressbar--${this.size}`;
+        const themeClass = `mc-progressbar--${this.theme}`;
+        const textClass = !!this.text ? `mc-progressbar--percent` : '';
+        return `mc-progressbar ${sizeClass} ${themeClass} ${textClass}`;
+    }
+}
+ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProgressBarComponent, selector: "moz-progress-bar", inputs: { size: "size", theme: "theme", percent: "percent", text: "text" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<div\n  class=\"mc-progressbar__indicator\"\n  role=\"progressbar\"\n  [attr.aria-valuenow]=\"percent\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [ngStyle]=\"indicatorWidth\"\n></div>\n<div *ngIf=\"text\" class=\"mc-progressbar__percentage\">{{ text }}</div>\n", styles: [".mc-progressbar{font-family:LeroyMerlin,sans-serif;align-items:center;background-color:#ccc;display:flex;height:.5rem;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#188803;height:100%;left:0;position:absolute;transition:width .4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{transition:none}.mc-progressbar__percentage{font-size:.875rem;line-height:1.2857142857;font-weight:600;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#fff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-progressbar--xs{height:.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"mc-progressbar__indicator\"\n  role=\"progressbar\"\n  [attr.aria-valuenow]=\"percent\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [ngStyle]=\"indicatorWidth\"\n></div>\n<div *ngIf=\"text\" class=\"mc-progressbar__percentage\">{{ text }}</div>\n", styles: [".mc-progressbar{font-family:LeroyMerlin,sans-serif;align-items:center;background-color:#ccc;display:flex;height:.5rem;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#188803;height:100%;left:0;position:absolute;transition:width .4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{transition:none}.mc-progressbar__percentage{font-size:.875rem;line-height:1.2857142857;font-weight:600;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#fff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-progressbar--xs{height:.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], percent: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ProgressBarModule {
+}
+ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent], imports: [CommonModule], exports: [ProgressBarComponent] });
+ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ProgressBarComponent],
+                    exports: [ProgressBarComponent],
+                }]
+        }] });
+
+class StepComponent {
+    get validated() {
+        return this.state === 'validated';
+    }
+    get isCurrent() {
+        return this.state === 'current';
+    }
+    get indicator() {
+        return this.index + 1;
+    }
+    get index() {
+        return this._index;
+    }
+    set index(newIndex) {
+        this._index = newIndex;
+        this.cd.markForCheck();
+    }
+    get state() {
+        return this._state;
+    }
+    set state(newState) {
+        this._state = newState;
+        this.cd.markForCheck();
+    }
+    constructor(cd) {
+        this.cd = cd;
+        this.title = '';
+        this._state = '';
+        this._index = 0;
+    }
+    get hostCssClasses() {
+        const stateClass = this.state ? `mc-stepper__item--${this.state}` : '';
+        return `mc-stepper__item ${stateClass}`;
+    }
+}
+StepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+StepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StepComponent, selector: "moz-step", inputs: { title: "title" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class StepperComponent {
+    constructor() {
+        this.selectStepIndex = 0;
+        this.viewCompact = false;
+    }
+    ngAfterViewInit() {
+        if (!this.steps)
+            return;
+        this.initStepIndex(this.steps);
+        this.selectStep(this.steps, this.selectStepIndex);
+        this.initCssVariablesForSteps(this.stepElements);
+    }
+    ngOnChanges(changes) {
+        this.updateSelectStepAtChanges(changes);
+    }
+    get hostCssClasses() {
+        const viewCompactClass = this.viewCompact ? `mc-stepper--compact` : '';
+        return `mc-stepper ${viewCompactClass}`;
+    }
+    initStepIndex(steps) {
+        steps.forEach((step, index) => (step.index = index));
+    }
+    initCssVariablesForSteps(stepElements) {
+        stepElements.forEach(this.initCssVariablesForStep);
+    }
+    initCssVariablesForStep(elementRef, currentIndex, elementRefs) {
+        elementRef.nativeElement.style = `--steps: ${elementRefs.length}; --current: ${currentIndex + 1}`;
+    }
+    selectStep(steps, selectStepIndex) {
+        steps.forEach((step) => this.updateStateStep(step, selectStepIndex));
+    }
+    updateStateStep(step, selectStepIndex) {
+        const oldState = step.state;
+        const newState = this.stateDefinitionForStep(step.index, selectStepIndex);
+        const hasChanges = oldState !== newState;
+        if (!hasChanges)
+            return;
+        step.state = newState;
+    }
+    stateDefinitionForStep(stepIndex, selectStepIndex) {
+        const isCurrentStep = stepIndex === selectStepIndex;
+        const isValidatedStep = stepIndex < selectStepIndex;
+        if (isCurrentStep)
+            return 'current';
+        if (isValidatedStep)
+            return 'validated';
+        return '';
+    }
+    updateSelectStepAtChanges({ selectStepIndex }) {
+        if (!this.steps ||
+            !selectStepIndex ||
+            selectStepIndex.currentValue === selectStepIndex.previousValue)
+            return;
+        this.selectStep(this.steps, selectStepIndex.currentValue);
+    }
+}
+StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StepperComponent, selector: "moz-stepper", inputs: { selectStepIndex: "selectStepIndex", viewCompact: "viewCompact" }, host: { properties: { "class": "this.hostCssClasses" } }, queries: [{ propertyName: "steps", predicate: StepComponent }, { propertyName: "stepElements", predicate: StepComponent, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
+        }], propDecorators: { selectStepIndex: [{
+                type: Input
+            }], viewCompact: [{
+                type: Input
+            }], steps: [{
+                type: ContentChildren,
+                args: [StepComponent]
+            }], stepElements: [{
+                type: ContentChildren,
+                args: [StepComponent, { read: ElementRef }]
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class StepperModule {
+}
+StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, declarations: [StepperComponent, StepComponent], imports: [CommonModule, IconModule], exports: [StepperComponent, StepComponent] });
+StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, imports: [CommonModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IconModule],
+                    declarations: [StepperComponent, StepComponent],
+                    exports: [StepperComponent, StepComponent],
+                }]
+        }] });
+
+class TabComponent {
+    constructor(routerLinkActive, routerLink) {
+        this.routerLinkActive = routerLinkActive;
+        this.routerLink = routerLink;
+        this.index = 0;
+        this.disabled = false;
+        this.data = null;
+        this.selected = false;
+    }
+    get isAvailableTabForSelection() {
+        return !this.selected && !this.disabled;
+    }
+    get isActiveTab() {
+        var _a;
+        return !!((_a = this.routerLinkActive) === null || _a === void 0 ? void 0 : _a.isActive);
+    }
+    get link() {
+        var _a;
+        return ((_a = this.routerLink) === null || _a === void 0 ? void 0 : _a.href) || null;
+    }
+}
+TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabComponent, deps: [{ token: RouterLinkActive, optional: true }, { token: RouterLinkWithHref, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabComponent, selector: "a[moz-tab],span[moz-tab],div[moz-tab]", inputs: { disabled: "disabled", data: "data" }, host: { properties: { "class.mc-tabs__item": "true", "class.mc-tabs__link": "true", "class.mc-tabs__link--outline": "true", "class.mc-tabs__link--selected": "selected", "class.mc-tabs__link--disabled": "disabled", "attr.tab-index": "this.index" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-tabs{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:600;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{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;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeeff1}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#cfd2d8}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#000}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#000}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover,.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#000}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tabs__link,.mc-tabs__link:active,.mc-tabs__link--selected{font-weight:400}.mc-tabs__link:focus:after{box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `a[moz-tab],span[moz-tab],div[moz-tab]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.mc-tabs__item]': 'true',
+                        '[class.mc-tabs__link]': 'true',
+                        '[class.mc-tabs__link--outline]': 'true',
+                        '[class.mc-tabs__link--selected]': 'selected',
+                        '[class.mc-tabs__link--disabled]': 'disabled',
+                    }, template: "<ng-content></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-tabs{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:600;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{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;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeeff1}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#cfd2d8}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#000}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#000}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover,.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#000}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tabs__link,.mc-tabs__link:active,.mc-tabs__link--selected{font-weight:400}.mc-tabs__link:focus:after{box-shadow:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$2.RouterLinkActive, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [RouterLinkActive]
+                    }] }, { type: i1$2.RouterLinkWithHref, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [RouterLinkWithHref]
+                    }] }];
+    }, propDecorators: { index: [{
+                type: HostBinding,
+                args: ['attr.tab-index']
+            }], disabled: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+const TAB_SELECTORS = 'a,div,span';
+const TABS_SELECTOR = 'moz-tabs';
+
+class TabsComponent {
+    constructor(elementRef, cd, router) {
+        this.elementRef = elementRef;
+        this.cd = cd;
+        this.router = router;
+        this.fullWidth = false;
+        this.fullWidthCenter = false;
+        this.hideShadow = false;
+        this.selectTabIndex = null;
+        this.selectedTabChange = new EventEmitter();
+        this.afterViewInit = new Subject();
+        this.viewDestroyed = new Subject();
+        this.initBehaviorSelectForTab();
+    }
+    get viewFullWidth() {
+        return this.fullWidth && !this.fullWidthCenter;
+    }
+    ngAfterViewInit() {
+        this.afterViewInit.next(true);
+    }
+    ngOnChanges({ selectTabIndex }) {
+        if (selectTabIndex && typeof selectTabIndex.currentValue === 'number') {
+            this.selectTabAtChanges(selectTabIndex.currentValue);
+        }
+    }
+    ngOnDestroy() {
+        this.viewDestroyed.next(true);
+        this.viewDestroyed.complete();
+    }
+    initBehaviorSelectForTab() {
+        const afterFullNavigateAndRender = this.getAfterFullNavigateAndRenderEvent();
+        const tabsAfterNavigate = afterFullNavigateAndRender.pipe(map(() => this.tabs), filter(Boolean));
+        tabsAfterNavigate
+            .pipe(tap((tabs) => this.initTabIndex(tabs)), tap((tabs) => this.initFirstSelectionTab(tabs)), switchMap((tabs) => this.getAllTabEvents(tabs)), tap((tab) => this.selectTab(this.tabs, tab)), takeUntil(this.viewDestroyed))
+            .subscribe();
+    }
+    initTabIndex(tabs) {
+        tabs.forEach((tab, index) => (tab.index = index));
+        this.cd.markForCheck();
+    }
+    initFirstSelectionTab(tabs) {
+        const activeTab = tabs.find((tab) => tab.isActiveTab);
+        const selectTabByIndex = typeof this.selectTabIndex === 'number' && tabs.get(this.selectTabIndex);
+        const firstSelectedTab = selectTabByIndex || activeTab || tabs.first;
+        if (firstSelectedTab) {
+            firstSelectedTab.selected = true;
+            this.tryNavigateToTab(firstSelectedTab);
+        }
+    }
+    tryNavigateToTab(tab) {
+        var _a;
+        if (!tab.link || tab.isActiveTab)
+            return;
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.navigate([tab.link]);
+    }
+    selectTabAtChanges(selectTabIndex) {
+        var _a;
+        const newSelectTab = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.get(selectTabIndex);
+        if (!newSelectTab || !this.tabs)
+            return;
+        this.selectTab(this.tabs, newSelectTab);
+        this.tryNavigateToTab(newSelectTab);
+    }
+    getTabSelectionEvents(tabs) {
+        const indexClickedTab = this.getIndexClickedTab();
+        const clickedTab = indexClickedTab.pipe(map((tabIndex) => tabs.get(+tabIndex)));
+        return clickedTab.pipe(filter(Boolean), filter((tab) => tab.isAvailableTabForSelection));
+    }
+    getTabActiveEvents(tabs) {
+        const tabWithLink = tabs.filter(({ routerLinkActive }) => !!routerLinkActive);
+        const tabsActiveEvent = tabWithLink.map((tab) => {
+            return tab.routerLinkActive.isActiveChange.pipe(filter(Boolean), map(() => tab));
+        });
+        return merge(...tabsActiveEvent);
+    }
+    getAfterFullNavigateAndRenderEvent() {
+        var _a;
+        const eventNavigationEnd = ((_a = this.router) === null || _a === void 0 ? void 0 : _a.events.pipe(filter((event) => event instanceof NavigationEnd), first())) || of(true);
+        return combineLatest([eventNavigationEnd, this.afterViewInit]).pipe(delay$1(0));
+    }
+    getIndexClickedTab() {
+        return fromEvent(this.elementRef.nativeElement, 'click').pipe(map((event) => event.target), filter(this.filterTabsElement.bind(this)), map((targetElement) => targetElement.closest(TAB_SELECTORS)), filter((tabElement) => !!tabElement), map((tabElement) => tabElement.getAttribute('tab-index')));
+    }
+    getAllTabEvents(tabs) {
+        return merge(this.getTabSelectionEvents(tabs), this.getTabActiveEvents(tabs));
+    }
+    filterTabsElement({ nodeName }) {
+        return nodeName.toLowerCase() !== TABS_SELECTOR;
+    }
+    selectTab(tabs, clickedTab) {
+        tabs.forEach((tab) => (tab.selected = tab === clickedTab));
+        this.selectedTabChange.emit(clickedTab);
+        this.cd.markForCheck();
+    }
+}
+TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.Router, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabsComponent, selector: "moz-tabs", inputs: { fullWidth: "fullWidth", fullWidthCenter: "fullWidthCenter", hideShadow: "hideShadow", selectTabIndex: "selectTabIndex" }, outputs: { selectedTabChange: "selectedTabChange" }, host: { properties: { "class.mc-tabs": "true", "class.mc-tabs--full": "viewFullWidth", "class.mc-tabs--full-centered": "fullWidthCenter", "class.mc-tab--hide-shadow": "hideShadow" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[moz-tab]\"></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-tabs{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:600;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{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;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeeff1}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#cfd2d8}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#000}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#000}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover,.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#000}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tab--hide-shadow:before{box-shadow:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: TABS_SELECTOR, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class.mc-tabs]': 'true',
+                        '[class.mc-tabs--full]': 'viewFullWidth',
+                        '[class.mc-tabs--full-centered]': 'fullWidthCenter',
+                        '[class.mc-tab--hide-shadow]': 'hideShadow',
+                    }, template: "<ng-content select=\"[moz-tab]\"></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-tabs{font-family:LeroyMerlin,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:600;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{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;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeeff1}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#cfd2d8}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#000}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#000}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover,.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#000}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tab--hide-shadow:before{box-shadow:none!important}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.Router, decorators: [{
+                        type: Host
+                    }, {
+                        type: Optional
+                    }] }];
+    }, propDecorators: { fullWidth: [{
+                type: Input
+            }], fullWidthCenter: [{
+                type: Input
+            }], hideShadow: [{
+                type: Input
+            }], selectTabIndex: [{
+                type: Input
+            }], selectedTabChange: [{
+                type: Output
+            }], tabs: [{
+                type: ContentChildren,
+                args: [TabComponent]
+            }] } });
+
+class TabsModule {
+}
+TabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, declarations: [TabsComponent, TabComponent], imports: [CommonModule], exports: [TabsComponent, TabComponent] });
+TabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TabsComponent, TabComponent],
+                    imports: [CommonModule],
+                    exports: [TabsComponent, TabComponent],
+                }]
+        }] });
+
+class TagComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.size = 'm';
+        this.select = false;
+        this.selectChange = new EventEmitter();
+        this.clickOnRemove = new EventEmitter();
+        this.type = this.getDefaultType();
+    }
+    get hostCssClasses() {
+        return `${this.tagCssClass} ${this.sizeCssClass}`;
+    }
+    get labelCssClass() {
+        return `${this.tagCssClass}__label`;
+    }
+    get tagName() {
+        var _a;
+        return (_a = this.elementRef) === null || _a === void 0 ? void 0 : _a.nativeElement.tagName.toLowerCase();
+    }
+    get hostIsLink() {
+        return this.tagName === 'a';
+    }
+    get tagCssClass() {
+        return `mc-tag-${this.type}`;
+    }
+    get sizeCssClass() {
+        return `${this.tagCssClass}--${this.size}`;
+    }
+    getDefaultType() {
+        return this.hostIsLink ? 'link' : 'text';
+    }
+    emitRemove() {
+        this.clickOnRemove.emit();
+    }
+    emitSelectChanges($event) {
+        this.selectChange.emit($event);
+    }
+}
+TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: { type: "type", size: "size", select: "select" }, outputs: { selectChange: "selectChange", clickOnRemove: "clickOnRemove" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-template #labelTemplate>\n  <span [ngClass]=\"labelCssClass\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'selectable'\">\n    <input\n      class=\"mc-tag-selectable__input\"\n      type=\"checkbox\"\n      id=\"selectable\"\n      [ngModel]=\"select\"\n      (ngModelChange)=\"emitSelectChanges($event)\"\n    />\n    <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n      <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n    </label>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'removable'\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n    <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-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;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-tag, a[moz-tag]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #labelTemplate>\n  <span [ngClass]=\"labelCssClass\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'selectable'\">\n    <input\n      class=\"mc-tag-selectable__input\"\n      type=\"checkbox\"\n      id=\"selectable\"\n      [ngModel]=\"select\"\n      (ngModelChange)=\"emitSelectChanges($event)\"\n    />\n    <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n      <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n    </label>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'removable'\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n    <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-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;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill: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;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill: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;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl: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;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl: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;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], select: [{
+                type: Input
+            }], selectChange: [{
+                type: Output
+            }], clickOnRemove: [{
+                type: Output
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class TagModule {
+}
+TagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule, FormsModule], exports: [TagComponent] });
+TagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: [TagComponent],
+                    exports: [TagComponent],
+                }]
+        }] });
+
+class TextAreaComponent {
+    constructor() {
+        this._invalid = false;
+        this._valid = false;
+    }
+    get invalid() {
+        return this._invalid || false;
+    }
+    get valid() {
+        const valid = this._valid || false;
+        return !this.invalid && valid;
+    }
+    get hostCssClasses() {
+        const staticClasses = 'mc-textarea';
+        const validClass = this.valid ? 'is-valid' : '';
+        const invalidClass = this.invalid ? 'is-invalid' : '';
+        const dynamicClasses = `${validClass} ${invalidClass}`;
+        return `${staticClasses} ${dynamicClasses}`;
+    }
+    set invalid(val) {
+        this._invalid = castBooleanProperty(val);
+    }
+    set valid(val) {
+        this._valid = castBooleanProperty(val);
+    }
+}
+TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextAreaComponent, selector: "textarea[moz-text-area]", inputs: { invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'textarea[moz-text-area]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"] }]
+        }], propDecorators: { hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], invalid: [{
+                type: Input
+            }], valid: [{
+                type: Input
+            }] } });
+
+class TextAreaModule {
+}
+TextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, declarations: [TextAreaComponent], exports: [TextAreaComponent] });
+TextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextAreaComponent],
+                    exports: [TextAreaComponent],
+                }]
+        }] });
+
+class TextInputComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.size = 'm';
+        this._invalid = false;
+        this._valid = false;
+    }
+    get hostCssClasses() {
+        const validClass = this.valid ? 'is-valid' : '';
+        const invalidClass = this.invalid ? 'is-invalid' : '';
+        const sizeCssClass = this.isRadioButton || this.isCheckbox ? '' : `mc-text-input--${this.size}`;
+        return `${this.inputClass} ${sizeCssClass} ${validClass} ${invalidClass}`;
+    }
+    get invalid() {
+        return this._invalid || false;
+    }
+    get valid() {
+        const valid = this._valid || false;
+        return !this.invalid && valid;
+    }
+    get typeElement() {
+        return this.elementRef.nativeElement.type || 'text';
+    }
+    get isRadioButton() {
+        return this.typeElement === 'radio';
+    }
+    get isCheckbox() {
+        return this.typeElement === 'checkbox';
+    }
+    get inputClass() {
+        if (this.isCheckbox) {
+            return 'mc-checkbox__input';
+        }
+        if (this.isRadioButton) {
+            return 'mc-radio__input';
+        }
+        return 'mc-text-input';
+    }
+    set invalid(val) {
+        this._invalid = castBooleanProperty(val);
+    }
+    set valid(val) {
+        this._valid = castBooleanProperty(val);
+    }
+}
+TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem;position:unset}.mc-text-input--s{height:2rem;position:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem;position:unset}.mc-text-input--s{height:2rem;position:unset}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], invalid: [{
+                type: Input
+            }], valid: [{
+                type: Input
+            }] } });
+
+class TextInputModule {
+}
+TextInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, declarations: [TextInputComponent], imports: [CommonModule, FormsModule, IconModule], exports: [TextInputComponent] });
+TextInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, imports: [CommonModule, FormsModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextInputComponent],
+                    imports: [CommonModule, FormsModule, IconModule],
+                    exports: [TextInputComponent],
+                }]
+        }] });
+
+const TOGGLE_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => ToggleComponent),
+    multi: true,
+};
+class ToggleComponent {
+    get checked() {
+        return this._checked;
+    }
+    constructor() {
+        this.disabled = false;
+        this.size = 'm';
+        this._checked = false;
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.toggleId = generateId();
+    }
+    set checked(v) {
+        this._checked = v;
+        this.onChange(this._checked);
+        this.onTouch();
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    toggle() {
+        this.writeValue(!this.checked);
+    }
+    get hostCssClasses() {
+        const sizeClass = `mc-toggle--${this.size}`;
+        return `mc-toggle ${sizeClass}`;
+    }
+}
+ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleComponent, selector: "moz-toggle", inputs: { disabled: "disabled", size: "size", checked: "checked" }, host: { properties: { "class": "this.hostCssClasses" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n  [id]=\"toggleId\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  class=\"mc-toggle__input\"\n  (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n  <span class=\"mc-toggle__content\">\n    <ng-content></ng-content>\n  </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], template: "<input\n  [id]=\"toggleId\"\n  type=\"checkbox\"\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  class=\"mc-toggle__input\"\n  (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n  <span class=\"mc-toggle__content\">\n    <ng-content></ng-content>\n  </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], hostCssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ToggleModule {
+}
+ToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, declarations: [ToggleComponent], imports: [CommonModule], exports: [ToggleComponent] });
+ToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ToggleComponent],
+                    exports: [ToggleComponent],
+                }]
+        }] });
+
+class TooltipDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.tooltipContent = '';
+        this.tooltipPosition = 'top';
+        this.tooltip = null;
+        this.offset = 16;
+    }
+    onMouseIn() {
+        if (!this.tooltip)
+            this.showTooltip();
+    }
+    onMouseOut() {
+        if (this.tooltip)
+            this.hideTooltip();
+    }
+    showTooltip() {
+        this.tooltip = this.renderer.createElement('span');
+        this.renderer.appendChild(this.tooltip, this.renderer.createText(this.tooltipContent));
+        this.renderer.appendChild(document.body, this.tooltip);
+        this.renderer.addClass(this.tooltip, 'mc-tooltip__content');
+        this.renderer.addClass(this.tooltip, `mc-tooltip__content-${this.tooltipPosition}`);
+        this.renderer.setStyle(this.tooltip, '-webkit-transition', `opacity 500ms`);
+        this.renderer.setStyle(this.tooltip, '-moz-transition', `opacity 500ms`);
+        this.renderer.setStyle(this.tooltip, '-o-transition', `opacity 500ms`);
+        this.renderer.setStyle(this.tooltip, 'transition', `opacity 500ms`);
+        this.setPosition();
+        this.renderer.addClass(this.tooltip, 'mc-tooltip__content-show');
+    }
+    hideTooltip() {
+        this.renderer.removeChild(document.body, this.tooltip);
+        this.tooltip = null;
+    }
+    setPosition() {
+        if (this.tooltip) {
+            const hostPos = this.el.nativeElement.getBoundingClientRect();
+            const tooltipPos = this.tooltip.getBoundingClientRect();
+            const scrollPos = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
+            let top, left;
+            if (this.tooltipPosition === 'top') {
+                top = hostPos.top - tooltipPos.height - this.offset;
+                left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
+            }
+            if (this.tooltipPosition === 'bottom') {
+                top = hostPos.bottom + this.offset;
+                left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
+            }
+            if (this.tooltipPosition === 'left') {
+                top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
+                left = hostPos.left - tooltipPos.width - this.offset;
+            }
+            if (this.tooltipPosition === 'right') {
+                top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
+                left = hostPos.right + this.offset;
+            }
+            if (top) {
+                this.renderer.setStyle(this.tooltip, 'top', `${top + scrollPos}px`);
+                this.renderer.setStyle(this.tooltip, 'left', `${left}px`);
+            }
+        }
+    }
+}
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TooltipDirective, selector: "[mozTooltipDirective]", inputs: { tooltipContent: ["mozTooltipDirective", "tooltipContent"], tooltipPosition: "tooltipPosition" }, host: { listeners: { "mouseover": "onMouseIn()", "mouseleave": "onMouseOut()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mozTooltipDirective]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { tooltipContent: [{
+                type: Input,
+                args: ['mozTooltipDirective']
+            }], tooltipPosition: [{
+                type: Input
+            }], onMouseIn: [{
+                type: HostListener,
+                args: ['mouseover']
+            }], onMouseOut: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class TooltipComponent {
+    constructor() {
+        this.tooltipContent = '';
+        this.tooltipPosition = 'top';
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { tooltipContent: "tooltipContent", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<div\n  class=\"mc-tooltip__main\"\n  mozTooltipDirective=\"{{ tooltipContent }}\"\n  tooltipPosition=\"{{ tooltipPosition }}\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".mc-tooltip__main{display:inline-flex}.mc-tooltip__main:hover{cursor:help}.mc-tooltip__content{position:absolute;max-width:150px;font-size:14px;text-align:center;color:#f8f8f2;padding:10px;background:#4d4d4d;border-radius:3px;z-index:1000;opacity:0}.mc-tooltip__content:after{content:\"\";position:absolute;border-style:solid}.mc-tooltip__content-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#4d4d4d transparent transparent transparent}.mc-tooltip__content-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #4d4d4d transparent}.mc-tooltip__content-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #4d4d4d}.mc-tooltip__content-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #4d4d4d transparent transparent}.mc-tooltip__content-show{opacity:1}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[mozTooltipDirective]", inputs: ["mozTooltipDirective", "tooltipPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"mc-tooltip__main\"\n  mozTooltipDirective=\"{{ tooltipContent }}\"\n  tooltipPosition=\"{{ tooltipPosition }}\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".mc-tooltip__main{display:inline-flex}.mc-tooltip__main:hover{cursor:help}.mc-tooltip__content{position:absolute;max-width:150px;font-size:14px;text-align:center;color:#f8f8f2;padding:10px;background:#4d4d4d;border-radius:3px;z-index:1000;opacity:0}.mc-tooltip__content:after{content:\"\";position:absolute;border-style:solid}.mc-tooltip__content-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:#4d4d4d transparent transparent transparent}.mc-tooltip__content-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent #4d4d4d transparent}.mc-tooltip__content-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #4d4d4d}.mc-tooltip__content-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent #4d4d4d transparent transparent}.mc-tooltip__content-show{opacity:1}\n"] }]
+        }], propDecorators: { tooltipContent: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }] } });
+
+class TooltipModule {
+}
+TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent, TooltipDirective], imports: [CommonModule], exports: [TooltipComponent] });
+TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TooltipComponent, TooltipDirective],
+                    exports: [TooltipComponent],
+                }]
+        }] });
+
+class MozDatatableSelectionComponent {
+    constructor(ref) {
+        this.ref = ref;
+        this.updateSelectionAllEmitter = new EventEmitter();
+        this.isIndeterminate = false;
+    }
+    ngOnChanges(changes) {
+        if (changes['rowData']) {
+            this.updateSelection();
+        }
+    }
+    updateSelection() {
+        var _a, _b;
+        if (this.selectionSettings && this.rowData) {
+            (_a = this.rowData) === null || _a === void 0 ? void 0 : _a.filter((row) => {
+                var _a;
+                return !row.disableSelection &&
+                    row.selected &&
+                    ((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.selectedIds.filter((selectedRow) => {
+                        var _a;
+                        return (!((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.allSelected) &&
+                            this.selectionSettings &&
+                            selectedRow === row[this.selectionSettings.selectionIdentifierFieldKey]);
+                    }).length) === 0;
+            }).forEach((row) => {
+                var _a;
+                (_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.selectedIds.push(row[this.selectionSettings.selectionIdentifierFieldKey]);
+            });
+            if ((((_b = this.selectionSettings) === null || _b === void 0 ? void 0 : _b.selectedIds) || []).length ===
+                this.selectionSettings.totalSelectableItems) {
+                this.selectionSettings.allSelected = true;
+                this.selectionSettings.selectedIds = [];
+                this.selectionSettings.excludedIds = [];
+            }
+            this.isIndeterminate = this.isSelectionIndeterminate();
+            this.selectionSettings.allSelected = this.isAllPageRowAreSelected();
+            this.ref.markForCheck();
+        }
+    }
+    selectAll() {
+        if (this.selectionSettings) {
+            this.selectionSettings.excludedIds = [];
+            this.selectionSettings.selectedIds = [];
+            this.selectionSettings.allSelected = true;
+            this.updateSelectedValueOnRowData(true);
+            this.isIndeterminate = this.isSelectionIndeterminate();
+            this.selectionSettings.allSelected = this.isAllPageRowAreSelected();
+            this.updateSelectionAllEmitter.emit(this.selectionSettings);
+            this.ref.markForCheck();
+        }
+    }
+    clearAll() {
+        if (this.selectionSettings) {
+            this.selectionSettings.excludedIds = [];
+            this.selectionSettings.selectedIds = [];
+            this.selectionSettings.allSelected = false;
+            this.updateSelectedValueOnRowData(false);
+            this.isIndeterminate = this.isSelectionIndeterminate();
+            this.selectionSettings.allSelected = this.isAllPageRowAreSelected();
+            this.updateSelectionAllEmitter.emit(this.selectionSettings);
+            this.ref.markForCheck();
+        }
+    }
+    isAllPageRowAreSelected() {
+        if (this.rowData) {
+            const selectedRows = this.rowData.filter((row) => !row.disableSelection && row.selected === true);
+            return (selectedRows.length === this.rowData.filter((row) => !row.disableSelection).length &&
+                this.rowData.filter((row) => !row.disableSelection).length > 0);
+        }
+        return false;
+    }
+    onUdpateSelectionRow(row) {
+        this.handleCountItemSelection(row);
+    }
+    onUdpateSelectionAllPageRows($event) {
+        this.updateSelectedValueOnRowData($event.target.checked);
+        this.handleCountAllSelection(this.isAllPageRowAreSelected());
+    }
+    handleCountItemSelection(row) {
+        if (this.selectionSettings != null) {
+            const selectionIdentifierFieldKey = this.selectionSettings.selectionIdentifierFieldKey;
+            if (this.selectionSettings.allSelected) {
+                if (row.selected) {
+                    this.selectionSettings.excludedIds = [
+                        ...this.selectionSettings.excludedIds.filter((deselectedId) => {
+                            return deselectedId !== row[selectionIdentifierFieldKey];
+                        }),
+                    ];
+                }
+                else {
+                    if (this.paginationEnabled) {
+                        this.selectionSettings.excludedIds = [
+                            ...this.selectionSettings.excludedIds,
+                            row[selectionIdentifierFieldKey],
+                        ];
+                    }
+                    else {
+                        this.selectionSettings.selectedIds = [
+                            ...this.selectionSettings.selectedIds.filter((selectedId) => selectedId !== row[selectionIdentifierFieldKey]),
+                        ];
+                        this.selectionSettings.allSelected = false;
+                    }
+                    if (this.selectionSettings.excludedIds.length ===
+                        this.selectionSettings.totalSelectableItems) {
+                        this.selectionSettings.excludedIds = [];
+                        this.selectionSettings.allSelected = false;
+                    }
+                }
+            }
+            else {
+                if (row.selected) {
+                    this.selectionSettings.selectedIds = [
+                        ...this.selectionSettings.selectedIds,
+                        row[selectionIdentifierFieldKey],
+                    ];
+                    if (this.selectionSettings.selectedIds.length ===
+                        this.selectionSettings.totalSelectableItems) {
+                        if (this.paginationEnabled) {
+                            this.selectionSettings.selectedIds = [];
+                        }
+                        this.selectionSettings.allSelected = true;
+                    }
+                }
+                else {
+                    this.selectionSettings.selectedIds = [
+                        ...this.selectionSettings.selectedIds.filter((selectedId) => {
+                            return selectedId !== row[selectionIdentifierFieldKey];
+                        }),
+                    ];
+                }
+            }
+            this.isIndeterminate = this.isSelectionIndeterminate();
+            this.ref.markForCheck();
+        }
+    }
+    handleCountAllSelection(allPageRowsSelected) {
+        var _a, _b, _c;
+        if (this.selectionSettings) {
+            const selectionIdentifierFieldKey = this.selectionSettings.selectionIdentifierFieldKey;
+            if ((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.allSelected) {
+                if (this.isIndeterminate && this.rowData) {
+                    this.rowData
+                        .filter((row) => !row.disableSelection)
+                        .filter((row) => { var _a; return !(((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.selectedIds) || []).includes(row[selectionIdentifierFieldKey]); })
+                        .forEach((row) => {
+                        if (this.selectionSettings) {
+                            this.selectionSettings.selectedIds = [
+                                ...this.selectionSettings.selectedIds,
+                                row[selectionIdentifierFieldKey],
+                            ];
+                        }
+                    });
+                    this.rowData
+                        .filter((row) => !row.disableSelection)
+                        .forEach((row) => {
+                        if (this.selectionSettings) {
+                            const index = this.selectionSettings.excludedIds.indexOf(row[selectionIdentifierFieldKey], 0);
+                            if (index > -1) {
+                                this.selectionSettings.excludedIds.splice(index, 1);
+                                this.selectionSettings.excludedIds = [...this.selectionSettings.excludedIds];
+                            }
+                        }
+                    });
+                    if (this.selectionSettings.selectedIds.length ===
+                        this.selectionSettings.totalSelectableItems) {
+                        this.selectionSettings.allSelected = true;
+                        this.selectionSettings.selectedIds = [];
+                        this.rowData = (_b = this.rowData) === null || _b === void 0 ? void 0 : _b.filter((row) => !row.disableSelection).map((row) => {
+                            row.selected = true;
+                            return row;
+                        });
+                    }
+                }
+                else {
+                    if (this.rowData) {
+                        this.selectionSettings.excludedIds = [
+                            ...this.selectionSettings.excludedIds,
+                            ...this.rowData
+                                .filter((row) => !row.disableSelection)
+                                .map((row) => row[selectionIdentifierFieldKey]),
+                        ];
+                        if (this.selectionSettings.excludedIds.length ===
+                            this.selectionSettings.totalSelectableItems) {
+                            this.selectionSettings.allSelected = false;
+                            this.selectionSettings.selectedIds = [];
+                            this.selectionSettings.excludedIds = [];
+                            this.rowData = (_c = this.rowData) === null || _c === void 0 ? void 0 : _c.filter((row) => !row.disableSelection).map((row) => {
+                                row.selected = false;
+                                return row;
+                            });
+                        }
+                    }
+                }
+            }
+            else {
+                if (allPageRowsSelected && this.rowData) {
+                    this.rowData
+                        .filter((row) => !row.disableSelection)
+                        .filter((row) => { var _a; return !(((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.selectedIds) || []).includes(row[selectionIdentifierFieldKey]); })
+                        .forEach((row) => {
+                        if (this.selectionSettings) {
+                            this.selectionSettings.selectedIds = [
+                                ...this.selectionSettings.selectedIds,
+                                row[selectionIdentifierFieldKey],
+                            ];
+                        }
+                    });
+                    if (this.selectionSettings.selectedIds.length ===
+                        this.selectionSettings.totalSelectableItems) {
+                        if (this.paginationEnabled) {
+                            this.selectionSettings.selectedIds = [];
+                        }
+                        this.selectionSettings.allSelected = true;
+                    }
+                }
+                else {
+                    if (this.rowData) {
+                        this.rowData
+                            .filter((row) => !row.disableSelection)
+                            .forEach((row) => {
+                            if (this.selectionSettings) {
+                                this.selectionSettings.selectedIds = [
+                                    ...this.selectionSettings.selectedIds.filter((selectedId) => {
+                                        return selectedId !== row[selectionIdentifierFieldKey];
+                                    }),
+                                ];
+                            }
+                        });
+                    }
+                }
+            }
+        }
+        this.isIndeterminate = this.isSelectionIndeterminate();
+        this.ref.markForCheck();
+    }
+    updateSelectedValueOnRowData(selected) {
+        var _a;
+        this.rowData = (_a = this.rowData) === null || _a === void 0 ? void 0 : _a.filter((row) => !row.disableSelection).map((row) => {
+            row.selected = selected;
+            return row;
+        });
+    }
+    isSelectionIndeterminate() {
+        var _a;
+        if (this.selectionSettings) {
+            if ((!this.selectionSettings.allSelected &&
+                ((_a = this.rowData) === null || _a === void 0 ? void 0 : _a.filter((row) => !row.disableSelection).map((row) => {
+                    if (this.selectionSettings) {
+                        return row[this.selectionSettings.selectionIdentifierFieldKey];
+                    }
+                }).every((item) => { var _a; return (((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.selectedIds) || []).includes(item); }))) ||
+                (!this.selectionSettings.allSelected && this.selectionSettings.selectedIds.length === 0) ||
+                (this.selectionSettings.allSelected &&
+                    this.rowData &&
+                    !this.rowData
+                        .map((row) => {
+                        if (this.selectionSettings) {
+                            return row[this.selectionSettings.selectionIdentifierFieldKey];
+                        }
+                    })
+                        .some((id) => { var _a; return (((_a = this.selectionSettings) === null || _a === void 0 ? void 0 : _a.excludedIds) || []).includes(id); })) ||
+                (this.selectionSettings.allSelected && this.selectionSettings.excludedIds.length === 0)) {
+                return false;
+            }
+            return true;
+        }
+        return false;
+    }
+}
+MozDatatableSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableSelectionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableSelectionComponent, selector: "moz-datatable-selection", inputs: { selectionSettings: "selectionSettings", paginationEnabled: "paginationEnabled", rowData: "rowData" }, outputs: { updateSelectionAllEmitter: "updateSelectionAllEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mc-datatable__selection\">\n  <ng-container *ngIf=\"selectionSettings && selectionSettings.labels && paginationEnabled\">\n    <div class=\"mc-datatable__topbar-selection\">\n      <ng-container *ngIf=\"selectionSettings.selectedIds.length || selectionSettings.allSelected\">\n        <div class=\"center-selection-label\">\n          <div *ngIf=\"selectionSettings.allSelected; else notAllSelected\">\n            <ng-container *ngIf=\"selectionSettings.excludedIds.length > 0; else exludedIdsEmpty\">\n              <span>\n                <b\n                  >{{\n                    selectionSettings.totalSelectableItems - selectionSettings.excludedIds.length\n                  }}\n                  {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n                >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.totalSelectableItems -\n                      selectionSettings.excludedIds.length ===\n                      1;\n                    else plurialAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n\n                {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </span>\n            </ng-container>\n            <ng-template #exludedIdsEmpty>\n              <span>\n                {{\n                  selectionSettings.labels.rowsSelectedLabel ||\n                    'All rows are selected in the table.'\n                }}\n                -\n                <a href=\"/\" (click)=\"clearAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.clearSelectionLabel || 'Clear selection' }}\n                </a>\n              </span>\n            </ng-template>\n          </div>\n          <ng-template #notAllSelected>\n            <span>\n              <b\n                >{{ selectionSettings.selectedIds.length }}\n                {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n              >\n              <ng-container\n                *ngIf=\"selectionSettings.selectedIds && selectionSettings.selectedIds.length > 0\"\n              >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.selectedIds && selectionSettings.selectedIds.length === 1;\n                    else plurialNotAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialNotAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </ng-container>\n            </span>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [".center-selection-label{text-align:center;margin-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-selection', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-datatable__selection\">\n  <ng-container *ngIf=\"selectionSettings && selectionSettings.labels && paginationEnabled\">\n    <div class=\"mc-datatable__topbar-selection\">\n      <ng-container *ngIf=\"selectionSettings.selectedIds.length || selectionSettings.allSelected\">\n        <div class=\"center-selection-label\">\n          <div *ngIf=\"selectionSettings.allSelected; else notAllSelected\">\n            <ng-container *ngIf=\"selectionSettings.excludedIds.length > 0; else exludedIdsEmpty\">\n              <span>\n                <b\n                  >{{\n                    selectionSettings.totalSelectableItems - selectionSettings.excludedIds.length\n                  }}\n                  {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n                >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.totalSelectableItems -\n                      selectionSettings.excludedIds.length ===\n                      1;\n                    else plurialAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n\n                {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </span>\n            </ng-container>\n            <ng-template #exludedIdsEmpty>\n              <span>\n                {{\n                  selectionSettings.labels.rowsSelectedLabel ||\n                    'All rows are selected in the table.'\n                }}\n                -\n                <a href=\"/\" (click)=\"clearAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.clearSelectionLabel || 'Clear selection' }}\n                </a>\n              </span>\n            </ng-template>\n          </div>\n          <ng-template #notAllSelected>\n            <span>\n              <b\n                >{{ selectionSettings.selectedIds.length }}\n                {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n              >\n              <ng-container\n                *ngIf=\"selectionSettings.selectedIds && selectionSettings.selectedIds.length > 0\"\n              >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.selectedIds && selectionSettings.selectedIds.length === 1;\n                    else plurialNotAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialNotAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </ng-container>\n            </span>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [".center-selection-label{text-align:center;margin-bottom:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectionSettings: [{
+                type: Input
+            }], paginationEnabled: [{
+                type: Input
+            }], rowData: [{
+                type: Input
+            }], updateSelectionAllEmitter: [{
+                type: Output
+            }] } });
+
+class MozDatatableHeaderCellComponent {
+}
+MozDatatableHeaderCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableHeaderCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableHeaderCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableHeaderCellComponent, selector: "moz-datatable-header-cell", inputs: { field: "field" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableHeaderCellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-header-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class MozDatatableContentCellComponent {
+}
+MozDatatableContentCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableContentCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableContentCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableContentCellComponent, selector: "moz-datatable-content-cell", inputs: { field: "field" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableContentCellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-content-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class MozDatatableRowExpansionContentComponent {
+}
+MozDatatableRowExpansionContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableRowExpansionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableRowExpansionContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableRowExpansionContentComponent, selector: "moz-datatable-row-expansion-content", queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableRowExpansionContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-row-expansion-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class MozDatatableFooterComponent {
+    constructor() {
+        this.rowPerPageChangeEmitter = new EventEmitter();
+        this.pageChangeEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.selectedRowPerPage = ((_c = (_b = (_a = this.footerSettings) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.rowPerPage) === null || _c === void 0 ? void 0 : _c.selected) || 0;
+        this.currentPage = ((_e = (_d = this.footerSettings) === null || _d === void 0 ? void 0 : _d.pagination) === null || _e === void 0 ? void 0 : _e.currentPage) || 0;
+        this.totalItems = ((_g = (_f = this.footerSettings) === null || _f === void 0 ? void 0 : _f.pagination) === null || _g === void 0 ? void 0 : _g.totalItems) || 0;
+    }
+    calculateNumberOfPage() {
+        // case NAN
+        if (this.totalItems === 0 && this.selectedRowPerPage === 0) {
+            return 0;
+        }
+        // case INFINITY
+        if (this.totalItems === 1 && this.selectedRowPerPage === 0) {
+            return 0;
+        }
+        return Math.ceil(this.totalItems / this.selectedRowPerPage);
+    }
+    calculateCountEnd() {
+        const count = this.selectedRowPerPage * this.currentPage;
+        if (count > this.totalItems) {
+            return this.totalItems;
+        }
+        return count;
+    }
+    calculateCountStart() {
+        if (this.selectedRowPerPage === 0 || this.currentPage === 0 || this.totalItems === 0) {
+            return 0;
+        }
+        return this.selectedRowPerPage * (this.currentPage - 1) + 1;
+    }
+}
+MozDatatableFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: { footerSettings: "footerSettings", isLoading: "isLoading" }, outputs: { rowPerPageChangeEmitter: "rowPerPageChangeEmitter", pageChangeEmitter: "pageChangeEmitter" }, ngImport: i0, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      [disabled]=\"isLoading || false\"\n      id=\"selectRows\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"isLoading ? 0 : calculateNumberOfPage()\"\n      [(ngModel)]=\"currentPage\"\n      (ngModelChange)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PaginationComponent, selector: "moz-pagination", inputs: ["numberOfPages", "light", "pageLabel", "pageOfLabel", "pageTitleMask"] }, { kind: "component", type: SelectComponent, selector: "select[moz-`select`]", inputs: ["size"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      [disabled]=\"isLoading || false\"\n      id=\"selectRows\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"isLoading ? 0 : calculateNumberOfPage()\"\n      [(ngModel)]=\"currentPage\"\n      (ngModelChange)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n" }]
+        }], propDecorators: { footerSettings: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], rowPerPageChangeEmitter: [{
+                type: Output
+            }], pageChangeEmitter: [{
+                type: Output
+            }] } });
+
+class MozDatatableSortDirective {
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.sortEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+        var _a;
+        if ((_a = this.columnDef) === null || _a === void 0 ? void 0 : _a.sort) {
+            const sortIcon = this.renderer.createElement('span');
+            this.renderer.addClass(sortIcon, 'mc-datatable__sort-arrow');
+            this.updateSortDirection(sortIcon);
+            this.renderer.appendChild(this.elementRef.nativeElement, sortIcon);
+        }
+    }
+    onSortClick($event) {
+        this.updateSortDirection($event.target);
+    }
+    updateSortDirection(htmlSpanElement) {
+        var _a;
+        if ((_a = this.columnDef) === null || _a === void 0 ? void 0 : _a.sort) {
+            if (htmlSpanElement.classList.contains('mc-datatable__sort-arrow')) {
+                this.columnDef.sort.direction =
+                    this.columnDef.sort.direction == undefined
+                        ? 'ASC'
+                        : this.columnDef.sort.direction === 'ASC'
+                            ? 'DESC'
+                            : undefined;
+                if (this.columnDef.sort.direction === 'ASC') {
+                    this.renderer.addClass(htmlSpanElement, 'is-sorted-asc');
+                    this.renderer.removeClass(htmlSpanElement, 'is-sorted-desc');
+                }
+                else if (this.columnDef.sort.direction === 'DESC') {
+                    this.renderer.addClass(htmlSpanElement, 'is-sorted-desc');
+                    this.renderer.removeClass(htmlSpanElement, 'is-sorted-asc');
+                }
+                else {
+                    this.renderer.removeClass(htmlSpanElement, 'is-sorted-desc');
+                    this.renderer.removeClass(htmlSpanElement, 'is-sorted-asc');
+                }
+                this.sortEmitter.emit({
+                    direction: this.columnDef.sort.direction,
+                    field: this.columnDef.field,
+                });
+            }
+        }
+    }
+}
+MozDatatableSortDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableSortDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+MozDatatableSortDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableSortDirective, selector: "[mozDatatableSort]", inputs: { columnDef: ["mozDatatableSort", "columnDef"] }, outputs: { sortEmitter: "sortEmitter" }, host: { listeners: { "click": "onSortClick($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableSortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mozDatatableSort]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { columnDef: [{
+                type: Input,
+                args: ['mozDatatableSort']
+            }], sortEmitter: [{
+                type: Output
+            }], onSortClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class MozDatatableComponent {
+    constructor() {
+        // FROM BODY DATATABLE
+        this.rowClick = new EventEmitter();
+        this.sortColumn = new EventEmitter();
+        this.rowSelected = new EventEmitter();
+        this.rowAllSelected = new EventEmitter();
+        this.emptyBodyButtonClicked = new EventEmitter();
+        // FROM PAGINATION FOOTER
+        this.pageChange = new EventEmitter();
+        this.rowPerPageChange = new EventEmitter();
+        this.customHeaderCellsMap = new Map();
+        this.customContentCellsMap = new Map();
+        this.expandedRows = [];
+    }
+    ngAfterContentInit() {
+        this.buildCustomHeaderMap();
+        this.buildCustomContentMap();
+    }
+    buildCustomHeaderMap() {
+        if (this.headerCellComponents) {
+            this.headerCellComponents.forEach((header) => {
+                if (header.field && header.templateRef) {
+                    this.customHeaderCellsMap.set(header.field, header.templateRef);
+                }
+            });
+        }
+    }
+    buildCustomContentMap() {
+        if (this.contentCellComponents) {
+            this.contentCellComponents.forEach((cell) => {
+                if (cell.field && cell.templateRef) {
+                    this.customContentCellsMap.set(cell.field, cell.templateRef);
+                }
+            });
+        }
+    }
+    getCustomExpansionRowContent() {
+        var _a;
+        return (_a = this.expansionContentComponent) === null || _a === void 0 ? void 0 : _a.templateRef;
+    }
+    toggleRowExpansion(index) {
+        this.expandedRows[index] = !this.expandedRows[index];
+    }
+    hasSubRow() {
+        var _a;
+        return (((_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.rowData.filter((row) => row['subRow']).length) || 0) > 0;
+    }
+    getCustomHeader(columnId) {
+        return this.customHeaderCellsMap.get(columnId);
+    }
+    getCustomContent(columnId) {
+        return this.customContentCellsMap.get(columnId);
+    }
+    getColspanForExpansionRow() {
+        var _a, _b, _c, _d, _e;
+        return ((_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.activateSelection)
+            ? (((_c = (_b = this.datatableSettings) === null || _b === void 0 ? void 0 : _b.columnDefs) === null || _c === void 0 ? void 0 : _c.length) || 0) + 2
+            : (((_e = (_d = this.datatableSettings) === null || _d === void 0 ? void 0 : _d.columnDefs) === null || _e === void 0 ? void 0 : _e.length) || 0) + 1;
+    }
+    emptyButtonClickEvent() {
+        this.emptyBodyButtonClicked.emit(true);
+    }
+    rowClickEvent(event, rowClick) {
+        if (event.target instanceof HTMLInputElement) {
+            event.stopPropagation();
+            return;
+        }
+        this.rowClick.emit(rowClick);
+    }
+    selectionAllRowEvent($event) {
+        this.rowAllSelected.emit($event);
+    }
+    selectionRowEvent($event) {
+        this.rowSelected.emit(this.selectionSettings);
+        $event.stopPropagation();
+    }
+    rowPerPageChangeEvent($event) {
+        this.rowPerPageChange.emit($event);
+    }
+    pageChangeEvent($event) {
+        this.pageChange.emit($event);
+    }
+    sortEvent($event) {
+        this.sortColumn.emit($event);
+    }
+    getStyleLeftForColumnFixed() {
+        var _a;
+        return ((_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.activateSelection) && this.thSelectionRef
+            ? this.thSelectionRef.nativeElement.clientWidth
+            : 0;
+    }
+    getLeftValueFixFirstColumn() {
+        var _a;
+        let value = 0;
+        if (((_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.activateSelection) && this.thSelectionRef) {
+            value += this.thSelectionRef.nativeElement.clientWidth;
+        }
+        if (this.hasSubRow() && this.thSubRowRef) {
+            value += this.thSubRowRef.nativeElement.clientWidth;
+        }
+        return value;
+    }
+    getUnhiddenColumns() {
+        var _a;
+        return ((_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.columnDefs.filter((headTitle) => !headTitle.hide)) || [];
+    }
+}
+MozDatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableComponent, selector: "moz-datatable", inputs: { footerSettings: "footerSettings", selectionSettings: "selectionSettings", datatableSettings: "datatableSettings" }, outputs: { rowClick: "rowClick", sortColumn: "sortColumn", rowSelected: "rowSelected", rowAllSelected: "rowAllSelected", emptyBodyButtonClicked: "emptyBodyButtonClicked", pageChange: "pageChange", rowPerPageChange: "rowPerPageChange" }, queries: [{ propertyName: "expansionContentComponent", first: true, predicate: MozDatatableRowExpansionContentComponent, descendants: true }, { propertyName: "headerCellComponents", predicate: MozDatatableHeaderCellComponent }, { propertyName: "contentCellComponents", predicate: MozDatatableContentCellComponent }], viewQueries: [{ propertyName: "selectionComponent", first: true, predicate: MozDatatableSelectionComponent, descendants: true }, { propertyName: "thSelectionRef", first: true, predicate: ["thSelection"], descendants: true }, { propertyName: "thSubRowRef", first: true, predicate: ["thSubRow"], descendants: true }], ngImport: i0, template: "<div class=\"mc-datatable mc-datatable-height\">\n  <div class=\"mc-datatable__header\">\n    <ng-content select=\"moz-datatable-caption\"></ng-content>\n    <div>\n      <moz-datatable-selection\n        [selectionSettings]=\"selectionSettings\"\n        [paginationEnabled]=\"datatableSettings?.activatePagination\"\n        [rowData]=\"datatableSettings?.rowData\"\n        (updateSelectionAllEmitter)=\"selectionAllRowEvent($event)\"\n      ></moz-datatable-selection>\n    </div>\n  </div>\n  <div class=\"mc-datatable__container mc-datatable-height\">\n    <div class=\"mc-datatable__main mc-datatable-height\">\n      <table class=\"mc-datatable__table\">\n        <thead [ngClass]=\"{ 'fix-header-row': datatableSettings?.fixHeaderRow }\">\n          <tr>\n            <th\n              class=\"mc-datatable__cell-checkbox moz-datatable__th mc-datatable__fix-first-column\"\n              *ngIf=\"\n                datatableSettings?.activateSelection && selectionComponent && selectionSettings\n              \"\n              #thSelection\n            >\n              <moz-checkbox\n                (change)=\"\n                  selectionComponent.onUdpateSelectionAllPageRows($event); selectionRowEvent($event)\n                \"\n                [indeterminate]=\"selectionComponent.isIndeterminate\"\n                [checked]=\"selectionSettings.allSelected && !selectionComponent.isIndeterminate\"\n                [disabled]=\"datatableSettings?.isLoading || false\"\n              >\n              </moz-checkbox>\n            </th>\n            <th\n              *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\"\n              class=\"mc-datatable__fix-first-column\"\n              [style.left.px]=\"getStyleLeftForColumnFixed()\"\n              #thSubRow\n            ></th>\n            <ng-container *ngFor=\"let columnDef of datatableSettings?.columnDefs\">\n              <th\n                class=\"moz-datatable__th\"\n                *ngIf=\"!columnDef.hide\"\n                [ngClass]=\"{\n                  'mc-datatable__fix-first-column':\n                    datatableSettings?.fixFirstColumn &&\n                    getUnhiddenColumns()[0].field === columnDef.field\n                }\"\n                [style.left.px]=\"getLeftValueFixFirstColumn()\"\n              >\n                <div\n                  [mozDatatableSort]=\"columnDef\"\n                  [ngClass]=\"{ header: columnDef.sort }\"\n                  (sortEmitter)=\"sortEvent($event)\"\n                >\n                  <ng-container\n                    *ngIf=\"getCustomHeader(columnDef.field) as customHeader; else defaultHeaderCell\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        customHeader;\n                        context: {\n                          $implicit: {\n                            content: columnDef\n                          }\n                        }\n                      \"\n                    ></ng-container>\n                  </ng-container>\n                  <ng-template #defaultHeaderCell>\n                    {{ columnDef.headerName | uppercase }}\n                  </ng-template>\n                </div>\n              </th>\n            </ng-container>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngIf=\"(datatableSettings?.rowData?.length || 0) > 0; else emptyBody\">\n            <ng-container *ngFor=\"let row of datatableSettings?.rowData; index as i\">\n              <tr class=\"mc-datatable__row-parent\" (click)=\"rowClickEvent($event, row)\">\n                <td\n                  class=\"mc-datatable__fix-first-column\"\n                  *ngIf=\"datatableSettings?.activateSelection && selectionComponent\"\n                >\n                  <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCheckbox\">\n                    <div class=\"skeleton-box mu-mb-100 checkbox-loading\"></div>\n                  </ng-container>\n                  <ng-template #notLoadingCheckbox>\n                    <moz-checkbox\n                      (change)=\"\n                        selectionComponent.onUdpateSelectionRow(row); selectionRowEvent($event)\n                      \"\n                      [(ngModel)]=\"row.selected\"\n                      [checked]=\"row.selected || false\"\n                      [disabled]=\"row.disableSelection || false\"\n                    >\n                    </moz-checkbox>\n                  </ng-template>\n                </td>\n                <ng-container *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\">\n                  <td\n                    *ngIf=\"row['subRow']; else noSubRow\"\n                    class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                    [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                  >\n                    <button\n                      class=\"mc-datatable__expand mc-datatable__btn\"\n                      (click)=\"toggleRowExpansion(i); $event.stopPropagation()\"\n                    >\n                      <span class=\"mc-datatable__btn-icon\">\n                        <ng-container *ngIf=\"!expandedRows[i]; else subrowClosed\">\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--More_24px'\"></moz-icon>\n                        </ng-container>\n                        <ng-template #subrowClosed>\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--Less_24px'\"></moz-icon>\n                        </ng-template>\n                      </span>\n                    </button>\n                  </td>\n                  <ng-template #noSubRow\n                    ><td\n                      class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                      [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                    ></td\n                  ></ng-template>\n                </ng-container>\n                <ng-container *ngFor=\"let columnDef of datatableSettings?.columnDefs\">\n                  <td\n                    *ngIf=\"!columnDef.hide\"\n                    [ngClass]=\"{\n                      'mc-datatable__fix-first-column':\n                        datatableSettings?.fixFirstColumn &&\n                        getUnhiddenColumns()[0].field === columnDef.field\n                    }\"\n                    [style.left.px]=\"getLeftValueFixFirstColumn()\"\n                  >\n                    <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCells\">\n                      <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                    </ng-container>\n                    <ng-template #notLoadingCells>\n                      <ng-container\n                        *ngIf=\"\n                          getCustomContent(columnDef.field) as customContent;\n                          else defaultContentCell\n                        \"\n                      >\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            customContent;\n                            context: {\n                              $implicit: {\n                                row: row,\n                                index: i,\n                                columnDefs: datatableSettings?.columnDefs,\n                                content: row[columnDef.field]\n                              }\n                            }\n                          \"\n                        ></ng-container>\n                      </ng-container>\n                      <ng-template #defaultContentCell>\n                        {{ row[columnDef.field] }}\n                      </ng-template>\n                    </ng-template>\n                  </td>\n                </ng-container>\n              </tr>\n              <ng-container>\n                <tr *ngIf=\"expandedRows[i]\">\n                  <td [attr.colspan]=\"getColspanForExpansionRow()\">\n                    <ng-container\n                      *ngIf=\"getCustomExpansionRowContent() as expansionRowContentComponent\"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                        expansionRowContentComponent;\n                        context: {\n                          $implicit: {\n                            subRowContent: row['subRow'],\n                            index: i,\n                          }\n                        }\n                      \"\n                      ></ng-container>\n                    </ng-container>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-template #emptyBody>\n            <tr class=\"mc-datatable__empty\">\n              <td colspan=\"5\" class=\"mc-datatable__empty-cell\">\n                <div class=\"mc-datatable__empty-content\">\n                  <div>\n                    <div>\n                      <p>\n                        <strong>\n                          {{\n                            datatableSettings?.labels?.emptyBodyTitle || 'There is no result.'\n                          }}</strong\n                        ><br />\n                        {{\n                          datatableSettings?.labels?.emptyBodyDescription ||\n                            'Please try changing your filters.'\n                        }}\n                      </p>\n                    </div>\n                    <div *ngIf=\"datatableSettings?.activateEmptyBodyButton\">\n                      <button\n                        moz-button\n                        [theme]=\"'neutral'\"\n                        [size]=\"'s'\"\n                        [variation]=\"'bordered'\"\n                        (click)=\"emptyButtonClickEvent()\"\n                      >\n                        <moz-icon\n                          iconName=\"{{\n                            datatableSettings?.icons?.emptyBodyButtonIcon ||\n                              'Navigation_Display_Filter_24px'\n                          }}\"\n                        ></moz-icon>\n                        {{ datatableSettings?.labels?.emptyBodyButtonTitle || 'Change filters' }}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </td>\n            </tr></ng-template\n          >\n        </tbody>\n      </table>\n    </div>\n    <moz-datatable-footer\n      *ngIf=\"datatableSettings?.activatePagination\"\n      [footerSettings]=\"footerSettings\"\n      [isLoading]=\"datatableSettings?.isLoading\"\n      (rowPerPageChangeEmitter)=\"rowPerPageChangeEvent($event)\"\n      (pageChangeEmitter)=\"pageChangeEvent($event)\"\n    ></moz-datatable-footer>\n  </div>\n</div>\n", styles: [".mc-datatable{font-family:LeroyMerlin,sans-serif;box-sizing:border-box}.mc-datatable *,.mc-datatable :after,.mc-datatable :before{box-sizing:inherit}.mc-datatable__container{border-radius:4px;box-shadow:0 1px 5px #19191933;background-color:#e6e6e6;overflow:hidden}.mc-datatable__main{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;overflow:auto}.mc-datatable__main::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable__main::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable__main::-webkit-scrollbar-thumb{background:#666666}.mc-datatable__table tr,.mc-datatable thead th,.mc-datatable thead td{height:2.9375rem}.mc-datatable__table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-datatable__table>thead,.mc-datatable__table>tbody{background-color:#fff}.mc-datatable__table th,.mc-datatable__table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding-right:1rem;padding-left:1rem}.mc-datatable thead th,.mc-datatable thead td{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase}.mc-datatable__head{align-items:center;display:flex;justify-content:space-between}.mc-datatable tbody tr:hover:not(.mc-datatable__empty){background-color:#e6e6e6}.mc-datatable tbody tr.selected{background-color:#ebf5de}.mc-datatable tbody th,.mc-datatable tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable{height:0}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable .mc-datatable__row-inner{overflow:hidden;max-height:0}.mc-datatable__row-parent.mc-datatable__row-parent--expanded+.mc-datatable__row-expandable .mc-datatable__row-inner{max-height:100%}.mc-datatable__row-expandable>td{padding:0;border-bottom:0}.mc-datatable__row-expandable--offset-1 table th:first-child,.mc-datatable__row-expandable--offset-1 table td:first-child{padding-left:4.25rem}.mc-datatable__row-expandable--offset-2 table th:first-child,.mc-datatable__row-expandable--offset-2 table td:first-child{padding-left:7.75rem}.mc-datatable__cell-checkbox{width:3.25rem}.mc-datatable__cell-button{width:3.5rem}.mc-datatable__cell-field{min-width:9.375rem}td.mc-datatable__cell-number{text-align:right}.mc-datatable__empty,.mc-datatable__empty:hover{background-color:#e6e6e6}.mc-datatable__empty-cell{color:#666}.mc-datatable__empty-content{font-size:1rem;line-height:1.375;align-items:center;color:#666;display:flex;gap:1.5rem;min-height:19.375rem;justify-content:center;text-align:center}.mc-datatable__empty-content strong{font-size:1.125rem;line-height:1.3333333333}.mc-datatable--s .mc-datatable__table tr,.mc-datatable--s .mc-datatable thead th,.mc-datatable--s .mc-datatable thead td{height:2.4375rem}.mc-datatable--l .mc-datatable__table tr,.mc-datatable--l .mc-datatable thead th,.mc-datatable--l .mc-datatable thead td{height:3.4375rem}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky-header .mc-datatable__table>thead{box-shadow:0 4px 20px #19191933;top:0;z-index:2}.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child td,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child td{border-bottom:transparent}.mc-datatable--sticky .mc-datatable__footer,.mc-datatable--sticky-header .mc-datatable__footer{border-top:1px solid #b3b3b3;position:relative;z-index:2}.mc-datatable--sticky .mc-datatable__main{padding-top:2.9375rem;transform:translateZ(0)}.mc-datatable--sticky .mc-datatable__table{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;display:block;overflow-y:auto}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb{background:#666666}.mc-datatable--sticky .mc-datatable__table>thead{position:fixed;width:100%}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr,.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{display:flex}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr{width:100%}.mc-datatable--sticky .mc-datatable__table>tbody{flex-direction:column}.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{align-items:center}.mc-datatable--sticky .mc-datatable__table>thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button){flex:1}.mc-datatable--sticky .mc-datatable__cell-checkbox,.mc-datatable--sticky .mc-datatable__cell-button,.mc-datatable--sticky .mc-datatable__cell-field,.mc-datatable--sticky .mc-datatable__cell-number{flex-shrink:0}.mc-datatable--sticky .mc-datatable__cell-number{justify-content:flex-end}.mc-datatable--sticky-header .mc-datatable__main{overflow-y:auto}.mc-datatable--sticky-header .mc-datatable__table>thead{position:sticky}.mc-datatable--overflow-visible .mc-datatable__container,.mc-datatable--overflow-visible .mc-datatable__main{overflow:visible}.mc-datatable__btn{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;display:flex}.mc-datatable__btn-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-datatable__btn-icon,.mc-datatable__btn svg{width:1.5rem;height:1.5rem}.mc-datatable__sort{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.mc-datatable__sort-arrow{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;margin-left:.5rem;width:1.5rem}.mc-datatable__sort-arrow:after,.mc-datatable__sort-arrow:before{background-color:#ccc;content:\"\";flex-shrink:0;height:.5rem;width:.75rem}.mc-datatable__sort-arrow:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.asc .mc-datatable__sort-arrow:before{background-color:#333}.desc .mc-datatable__sort-arrow:before{display:none}.mc-datatable__sort-arrow:after{clip-path:polygon(0 0,100% 0,50% 100%)}.asc .mc-datatable__sort-arrow:after{display:none}.desc .mc-datatable__sort-arrow:after{background-color:#333}.mc-datatable__options{width:1.5rem;height:1.5rem}.mc-datatable__expand .mc-datatable__btn-icon{fill:#46a610}.mc-datatable .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__topbar{justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar,.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{display:flex;gap:1rem}.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{flex-wrap:wrap}.mc-datatable__topbar-edition{flex-shrink:0}.mc-datatable__topbar-actions{align-items:center;justify-content:flex-end;margin-left:auto}.mc-datatable__filters{align-items:center;border-top:1px solid #b3b3b3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-datatable__footer{align-items:center;background-color:#fff;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer{flex-direction:column}}.mc-datatable__select{display:flex;align-items:center;gap:.5rem}.mc-datatable__select-label{font-size:.875rem;line-height:1.2857142857;color:#333;flex-shrink:0}.mc-datatable__count{font-size:.75rem;line-height:1.3333333333;color:#666}.mc-datatable__pagination{margin-left:auto}.mc-datatable__subtable{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%;background-color:#e6e6e6}.mc-datatable__subtable th,.mc-datatable__subtable td{border-bottom-color:#b3b3b3}.mc-datatable__subtable thead th,.mc-datatable__subtable thead td{font-size:.75rem;line-height:1.3333333333;color:#000}.mc-datatable__subtable tbody th,.mc-datatable__subtable tbody td{color:#000}.fix-header-row{position:sticky;top:0;box-shadow:0 1px 5px #22202033}.header{align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.is-sorted-asc:before{background-color:var(--color-datatable-sort-arrow-active, #333333)}.is-sorted-desc:after{background-color:var(--color-datatable-sort-arrow-active, #333333)}.mc-datatable-height{height:100%}.mc-datatable__sort-arrow{cursor:pointer}.mc-datatable__fix-first-column{position:sticky;background-color:#fff;left:0}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#ccc}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.checkbox-loading{width:25px;height:25px}.cells-loading{width:250px;height:25px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: CheckboxComponent, selector: "moz-checkbox", inputs: ["disabled", "indeterminate", "invalid", "checked"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: ["footerSettings", "isLoading"], outputs: ["rowPerPageChangeEmitter", "pageChangeEmitter"] }, { kind: "component", type: MozDatatableSelectionComponent, selector: "moz-datatable-selection", inputs: ["selectionSettings", "paginationEnabled", "rowData"], outputs: ["updateSelectionAllEmitter"] }, { kind: "directive", type: MozDatatableSortDirective, selector: "[mozDatatableSort]", inputs: ["mozDatatableSort"], outputs: ["sortEmitter"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable', encapsulation: ViewEncapsulation.None, template: "<div class=\"mc-datatable mc-datatable-height\">\n  <div class=\"mc-datatable__header\">\n    <ng-content select=\"moz-datatable-caption\"></ng-content>\n    <div>\n      <moz-datatable-selection\n        [selectionSettings]=\"selectionSettings\"\n        [paginationEnabled]=\"datatableSettings?.activatePagination\"\n        [rowData]=\"datatableSettings?.rowData\"\n        (updateSelectionAllEmitter)=\"selectionAllRowEvent($event)\"\n      ></moz-datatable-selection>\n    </div>\n  </div>\n  <div class=\"mc-datatable__container mc-datatable-height\">\n    <div class=\"mc-datatable__main mc-datatable-height\">\n      <table class=\"mc-datatable__table\">\n        <thead [ngClass]=\"{ 'fix-header-row': datatableSettings?.fixHeaderRow }\">\n          <tr>\n            <th\n              class=\"mc-datatable__cell-checkbox moz-datatable__th mc-datatable__fix-first-column\"\n              *ngIf=\"\n                datatableSettings?.activateSelection && selectionComponent && selectionSettings\n              \"\n              #thSelection\n            >\n              <moz-checkbox\n                (change)=\"\n                  selectionComponent.onUdpateSelectionAllPageRows($event); selectionRowEvent($event)\n                \"\n                [indeterminate]=\"selectionComponent.isIndeterminate\"\n                [checked]=\"selectionSettings.allSelected && !selectionComponent.isIndeterminate\"\n                [disabled]=\"datatableSettings?.isLoading || false\"\n              >\n              </moz-checkbox>\n            </th>\n            <th\n              *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\"\n              class=\"mc-datatable__fix-first-column\"\n              [style.left.px]=\"getStyleLeftForColumnFixed()\"\n              #thSubRow\n            ></th>\n            <ng-container *ngFor=\"let columnDef of datatableSettings?.columnDefs\">\n              <th\n                class=\"moz-datatable__th\"\n                *ngIf=\"!columnDef.hide\"\n                [ngClass]=\"{\n                  'mc-datatable__fix-first-column':\n                    datatableSettings?.fixFirstColumn &&\n                    getUnhiddenColumns()[0].field === columnDef.field\n                }\"\n                [style.left.px]=\"getLeftValueFixFirstColumn()\"\n              >\n                <div\n                  [mozDatatableSort]=\"columnDef\"\n                  [ngClass]=\"{ header: columnDef.sort }\"\n                  (sortEmitter)=\"sortEvent($event)\"\n                >\n                  <ng-container\n                    *ngIf=\"getCustomHeader(columnDef.field) as customHeader; else defaultHeaderCell\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        customHeader;\n                        context: {\n                          $implicit: {\n                            content: columnDef\n                          }\n                        }\n                      \"\n                    ></ng-container>\n                  </ng-container>\n                  <ng-template #defaultHeaderCell>\n                    {{ columnDef.headerName | uppercase }}\n                  </ng-template>\n                </div>\n              </th>\n            </ng-container>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngIf=\"(datatableSettings?.rowData?.length || 0) > 0; else emptyBody\">\n            <ng-container *ngFor=\"let row of datatableSettings?.rowData; index as i\">\n              <tr class=\"mc-datatable__row-parent\" (click)=\"rowClickEvent($event, row)\">\n                <td\n                  class=\"mc-datatable__fix-first-column\"\n                  *ngIf=\"datatableSettings?.activateSelection && selectionComponent\"\n                >\n                  <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCheckbox\">\n                    <div class=\"skeleton-box mu-mb-100 checkbox-loading\"></div>\n                  </ng-container>\n                  <ng-template #notLoadingCheckbox>\n                    <moz-checkbox\n                      (change)=\"\n                        selectionComponent.onUdpateSelectionRow(row); selectionRowEvent($event)\n                      \"\n                      [(ngModel)]=\"row.selected\"\n                      [checked]=\"row.selected || false\"\n                      [disabled]=\"row.disableSelection || false\"\n                    >\n                    </moz-checkbox>\n                  </ng-template>\n                </td>\n                <ng-container *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\">\n                  <td\n                    *ngIf=\"row['subRow']; else noSubRow\"\n                    class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                    [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                  >\n                    <button\n                      class=\"mc-datatable__expand mc-datatable__btn\"\n                      (click)=\"toggleRowExpansion(i); $event.stopPropagation()\"\n                    >\n                      <span class=\"mc-datatable__btn-icon\">\n                        <ng-container *ngIf=\"!expandedRows[i]; else subrowClosed\">\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--More_24px'\"></moz-icon>\n                        </ng-container>\n                        <ng-template #subrowClosed>\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--Less_24px'\"></moz-icon>\n                        </ng-template>\n                      </span>\n                    </button>\n                  </td>\n                  <ng-template #noSubRow\n                    ><td\n                      class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                      [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                    ></td\n                  ></ng-template>\n                </ng-container>\n                <ng-container *ngFor=\"let columnDef of datatableSettings?.columnDefs\">\n                  <td\n                    *ngIf=\"!columnDef.hide\"\n                    [ngClass]=\"{\n                      'mc-datatable__fix-first-column':\n                        datatableSettings?.fixFirstColumn &&\n                        getUnhiddenColumns()[0].field === columnDef.field\n                    }\"\n                    [style.left.px]=\"getLeftValueFixFirstColumn()\"\n                  >\n                    <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCells\">\n                      <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                    </ng-container>\n                    <ng-template #notLoadingCells>\n                      <ng-container\n                        *ngIf=\"\n                          getCustomContent(columnDef.field) as customContent;\n                          else defaultContentCell\n                        \"\n                      >\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            customContent;\n                            context: {\n                              $implicit: {\n                                row: row,\n                                index: i,\n                                columnDefs: datatableSettings?.columnDefs,\n                                content: row[columnDef.field]\n                              }\n                            }\n                          \"\n                        ></ng-container>\n                      </ng-container>\n                      <ng-template #defaultContentCell>\n                        {{ row[columnDef.field] }}\n                      </ng-template>\n                    </ng-template>\n                  </td>\n                </ng-container>\n              </tr>\n              <ng-container>\n                <tr *ngIf=\"expandedRows[i]\">\n                  <td [attr.colspan]=\"getColspanForExpansionRow()\">\n                    <ng-container\n                      *ngIf=\"getCustomExpansionRowContent() as expansionRowContentComponent\"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                        expansionRowContentComponent;\n                        context: {\n                          $implicit: {\n                            subRowContent: row['subRow'],\n                            index: i,\n                          }\n                        }\n                      \"\n                      ></ng-container>\n                    </ng-container>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-template #emptyBody>\n            <tr class=\"mc-datatable__empty\">\n              <td colspan=\"5\" class=\"mc-datatable__empty-cell\">\n                <div class=\"mc-datatable__empty-content\">\n                  <div>\n                    <div>\n                      <p>\n                        <strong>\n                          {{\n                            datatableSettings?.labels?.emptyBodyTitle || 'There is no result.'\n                          }}</strong\n                        ><br />\n                        {{\n                          datatableSettings?.labels?.emptyBodyDescription ||\n                            'Please try changing your filters.'\n                        }}\n                      </p>\n                    </div>\n                    <div *ngIf=\"datatableSettings?.activateEmptyBodyButton\">\n                      <button\n                        moz-button\n                        [theme]=\"'neutral'\"\n                        [size]=\"'s'\"\n                        [variation]=\"'bordered'\"\n                        (click)=\"emptyButtonClickEvent()\"\n                      >\n                        <moz-icon\n                          iconName=\"{{\n                            datatableSettings?.icons?.emptyBodyButtonIcon ||\n                              'Navigation_Display_Filter_24px'\n                          }}\"\n                        ></moz-icon>\n                        {{ datatableSettings?.labels?.emptyBodyButtonTitle || 'Change filters' }}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </td>\n            </tr></ng-template\n          >\n        </tbody>\n      </table>\n    </div>\n    <moz-datatable-footer\n      *ngIf=\"datatableSettings?.activatePagination\"\n      [footerSettings]=\"footerSettings\"\n      [isLoading]=\"datatableSettings?.isLoading\"\n      (rowPerPageChangeEmitter)=\"rowPerPageChangeEvent($event)\"\n      (pageChangeEmitter)=\"pageChangeEvent($event)\"\n    ></moz-datatable-footer>\n  </div>\n</div>\n", styles: [".mc-datatable{font-family:LeroyMerlin,sans-serif;box-sizing:border-box}.mc-datatable *,.mc-datatable :after,.mc-datatable :before{box-sizing:inherit}.mc-datatable__container{border-radius:4px;box-shadow:0 1px 5px #19191933;background-color:#e6e6e6;overflow:hidden}.mc-datatable__main{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;overflow:auto}.mc-datatable__main::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable__main::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable__main::-webkit-scrollbar-thumb{background:#666666}.mc-datatable__table tr,.mc-datatable thead th,.mc-datatable thead td{height:2.9375rem}.mc-datatable__table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-datatable__table>thead,.mc-datatable__table>tbody{background-color:#fff}.mc-datatable__table th,.mc-datatable__table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding-right:1rem;padding-left:1rem}.mc-datatable thead th,.mc-datatable thead td{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase}.mc-datatable__head{align-items:center;display:flex;justify-content:space-between}.mc-datatable tbody tr:hover:not(.mc-datatable__empty){background-color:#e6e6e6}.mc-datatable tbody tr.selected{background-color:#ebf5de}.mc-datatable tbody th,.mc-datatable tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable{height:0}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable .mc-datatable__row-inner{overflow:hidden;max-height:0}.mc-datatable__row-parent.mc-datatable__row-parent--expanded+.mc-datatable__row-expandable .mc-datatable__row-inner{max-height:100%}.mc-datatable__row-expandable>td{padding:0;border-bottom:0}.mc-datatable__row-expandable--offset-1 table th:first-child,.mc-datatable__row-expandable--offset-1 table td:first-child{padding-left:4.25rem}.mc-datatable__row-expandable--offset-2 table th:first-child,.mc-datatable__row-expandable--offset-2 table td:first-child{padding-left:7.75rem}.mc-datatable__cell-checkbox{width:3.25rem}.mc-datatable__cell-button{width:3.5rem}.mc-datatable__cell-field{min-width:9.375rem}td.mc-datatable__cell-number{text-align:right}.mc-datatable__empty,.mc-datatable__empty:hover{background-color:#e6e6e6}.mc-datatable__empty-cell{color:#666}.mc-datatable__empty-content{font-size:1rem;line-height:1.375;align-items:center;color:#666;display:flex;gap:1.5rem;min-height:19.375rem;justify-content:center;text-align:center}.mc-datatable__empty-content strong{font-size:1.125rem;line-height:1.3333333333}.mc-datatable--s .mc-datatable__table tr,.mc-datatable--s .mc-datatable thead th,.mc-datatable--s .mc-datatable thead td{height:2.4375rem}.mc-datatable--l .mc-datatable__table tr,.mc-datatable--l .mc-datatable thead th,.mc-datatable--l .mc-datatable thead td{height:3.4375rem}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky-header .mc-datatable__table>thead{box-shadow:0 4px 20px #19191933;top:0;z-index:2}.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child td,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child td{border-bottom:transparent}.mc-datatable--sticky .mc-datatable__footer,.mc-datatable--sticky-header .mc-datatable__footer{border-top:1px solid #b3b3b3;position:relative;z-index:2}.mc-datatable--sticky .mc-datatable__main{padding-top:2.9375rem;transform:translateZ(0)}.mc-datatable--sticky .mc-datatable__table{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;display:block;overflow-y:auto}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb{background:#666666}.mc-datatable--sticky .mc-datatable__table>thead{position:fixed;width:100%}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr,.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{display:flex}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr{width:100%}.mc-datatable--sticky .mc-datatable__table>tbody{flex-direction:column}.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{align-items:center}.mc-datatable--sticky .mc-datatable__table>thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button){flex:1}.mc-datatable--sticky .mc-datatable__cell-checkbox,.mc-datatable--sticky .mc-datatable__cell-button,.mc-datatable--sticky .mc-datatable__cell-field,.mc-datatable--sticky .mc-datatable__cell-number{flex-shrink:0}.mc-datatable--sticky .mc-datatable__cell-number{justify-content:flex-end}.mc-datatable--sticky-header .mc-datatable__main{overflow-y:auto}.mc-datatable--sticky-header .mc-datatable__table>thead{position:sticky}.mc-datatable--overflow-visible .mc-datatable__container,.mc-datatable--overflow-visible .mc-datatable__main{overflow:visible}.mc-datatable__btn{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;display:flex}.mc-datatable__btn-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-datatable__btn-icon,.mc-datatable__btn svg{width:1.5rem;height:1.5rem}.mc-datatable__sort{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.mc-datatable__sort-arrow{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;margin-left:.5rem;width:1.5rem}.mc-datatable__sort-arrow:after,.mc-datatable__sort-arrow:before{background-color:#ccc;content:\"\";flex-shrink:0;height:.5rem;width:.75rem}.mc-datatable__sort-arrow:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.asc .mc-datatable__sort-arrow:before{background-color:#333}.desc .mc-datatable__sort-arrow:before{display:none}.mc-datatable__sort-arrow:after{clip-path:polygon(0 0,100% 0,50% 100%)}.asc .mc-datatable__sort-arrow:after{display:none}.desc .mc-datatable__sort-arrow:after{background-color:#333}.mc-datatable__options{width:1.5rem;height:1.5rem}.mc-datatable__expand .mc-datatable__btn-icon{fill:#46a610}.mc-datatable .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__topbar{justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar,.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{display:flex;gap:1rem}.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{flex-wrap:wrap}.mc-datatable__topbar-edition{flex-shrink:0}.mc-datatable__topbar-actions{align-items:center;justify-content:flex-end;margin-left:auto}.mc-datatable__filters{align-items:center;border-top:1px solid #b3b3b3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-datatable__footer{align-items:center;background-color:#fff;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer{flex-direction:column}}.mc-datatable__select{display:flex;align-items:center;gap:.5rem}.mc-datatable__select-label{font-size:.875rem;line-height:1.2857142857;color:#333;flex-shrink:0}.mc-datatable__count{font-size:.75rem;line-height:1.3333333333;color:#666}.mc-datatable__pagination{margin-left:auto}.mc-datatable__subtable{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%;background-color:#e6e6e6}.mc-datatable__subtable th,.mc-datatable__subtable td{border-bottom-color:#b3b3b3}.mc-datatable__subtable thead th,.mc-datatable__subtable thead td{font-size:.75rem;line-height:1.3333333333;color:#000}.mc-datatable__subtable tbody th,.mc-datatable__subtable tbody td{color:#000}.fix-header-row{position:sticky;top:0;box-shadow:0 1px 5px #22202033}.header{align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.is-sorted-asc:before{background-color:var(--color-datatable-sort-arrow-active, #333333)}.is-sorted-desc:after{background-color:var(--color-datatable-sort-arrow-active, #333333)}.mc-datatable-height{height:100%}.mc-datatable__sort-arrow{cursor:pointer}.mc-datatable__fix-first-column{position:sticky;background-color:#fff;left:0}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#ccc}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.checkbox-loading{width:25px;height:25px}.cells-loading{width:250px;height:25px}\n"] }]
+        }], propDecorators: { footerSettings: [{
+                type: Input
+            }], selectionSettings: [{
+                type: Input
+            }], datatableSettings: [{
+                type: Input
+            }], rowClick: [{
+                type: Output
+            }], sortColumn: [{
+                type: Output
+            }], rowSelected: [{
+                type: Output
+            }], rowAllSelected: [{
+                type: Output
+            }], emptyBodyButtonClicked: [{
+                type: Output
+            }], selectionComponent: [{
+                type: ViewChild,
+                args: [MozDatatableSelectionComponent]
+            }], pageChange: [{
+                type: Output
+            }], rowPerPageChange: [{
+                type: Output
+            }], thSelectionRef: [{
+                type: ViewChild,
+                args: ['thSelection', { static: false }]
+            }], thSubRowRef: [{
+                type: ViewChild,
+                args: ['thSubRow', { static: false }]
+            }], headerCellComponents: [{
+                type: ContentChildren,
+                args: [MozDatatableHeaderCellComponent]
+            }], contentCellComponents: [{
+                type: ContentChildren,
+                args: [MozDatatableContentCellComponent]
+            }], expansionContentComponent: [{
+                type: ContentChild,
+                args: [MozDatatableRowExpansionContentComponent]
+            }] } });
+
+class MozDatatableCaptionComponent {
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        this.showParent = true;
+    }
+    ngAfterViewInit() {
+        var _a, _b;
+        if (((_a = this.parentRef) === null || _a === void 0 ? void 0 : _a.nativeElement.children) &&
+            ((_b = this.parentRef) === null || _b === void 0 ? void 0 : _b.nativeElement.children.length) === 0) {
+            this.showParent = false;
+        }
+        this.cdRef.detectChanges();
+    }
+}
+MozDatatableCaptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableCaptionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableCaptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableCaptionComponent, selector: "moz-datatable-caption", viewQueries: [{ propertyName: "parentRef", first: true, predicate: ["parentRef"], descendants: true }], ngImport: i0, template: "<div class=\"mc-datatable__topbar\">\n  <div class=\"mc-datatable__topbar-edition\">\n    <ng-content select=\"[edition]\"></ng-content>\n  </div>\n  <div class=\"mc-datatable__topbar-actions\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n<div class=\"mc-datatable__filters\" #parentRef *ngIf=\"showParent\">\n  <ng-content select=\"[filters]\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableCaptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-caption', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-datatable__topbar\">\n  <div class=\"mc-datatable__topbar-edition\">\n    <ng-content select=\"[edition]\"></ng-content>\n  </div>\n  <div class=\"mc-datatable__topbar-actions\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n<div class=\"mc-datatable__filters\" #parentRef *ngIf=\"showParent\">\n  <ng-content select=\"[filters]\"></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parentRef: [{
+                type: ViewChild,
+                args: ['parentRef']
+            }] } });
+
+class MozDatatableModule {
+}
+MozDatatableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MozDatatableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableModule, declarations: [MozDatatableComponent,
+        MozDatatableContentCellComponent,
+        MozDatatableHeaderCellComponent,
+        MozDatatableFooterComponent,
+        MozDatatableCaptionComponent,
+        MozDatatableRowExpansionContentComponent,
+        MozDatatableSelectionComponent,
+        MozDatatableSortDirective], imports: [CommonModule,
+        PaginationModule,
+        SelectModule,
+        FormsModule,
+        ButtonModule,
+        CheckboxModule,
+        IconModule,
+        ToggleModule], exports: [MozDatatableComponent,
+        MozDatatableContentCellComponent,
+        MozDatatableHeaderCellComponent,
+        MozDatatableFooterComponent,
+        MozDatatableCaptionComponent,
+        MozDatatableRowExpansionContentComponent,
+        MozDatatableSelectionComponent,
+        MozDatatableSortDirective] });
+MozDatatableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableModule, imports: [CommonModule,
+        PaginationModule,
+        SelectModule,
+        FormsModule,
+        ButtonModule,
+        CheckboxModule,
+        IconModule,
+        ToggleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MozDatatableComponent,
+                        MozDatatableContentCellComponent,
+                        MozDatatableHeaderCellComponent,
+                        MozDatatableFooterComponent,
+                        MozDatatableCaptionComponent,
+                        MozDatatableRowExpansionContentComponent,
+                        MozDatatableSelectionComponent,
+                        MozDatatableSortDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        PaginationModule,
+                        SelectModule,
+                        FormsModule,
+                        ButtonModule,
+                        CheckboxModule,
+                        IconModule,
+                        ToggleModule,
+                    ],
+                    exports: [
+                        MozDatatableComponent,
+                        MozDatatableContentCellComponent,
+                        MozDatatableHeaderCellComponent,
+                        MozDatatableFooterComponent,
+                        MozDatatableCaptionComponent,
+                        MozDatatableRowExpansionContentComponent,
+                        MozDatatableSelectionComponent,
+                        MozDatatableSortDirective,
+                    ],
+                }]
+        }] });
+
+class TaglistLayerContentComponent {
+    constructor(data, layerRef) {
+        this.data = data;
+        this.layerRef = layerRef;
+        this.tagItems = [];
+        this.tagSize = 's';
+        this.tagItems = data.tags;
+        this.tagSize = data.size;
+        this._removedTagFromLayer$ = data.subject;
+        this.layerRef.config$.subscribe((config) => {
+            this.tagItems = config.data.tags;
+        });
+    }
+    removeTagEvent(tagItem) {
+        this._removedTagFromLayer$.next(tagItem);
+    }
+}
+TaglistLayerContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistLayerContentComponent, deps: [{ token: LAYER_DATA }, { token: LAYER_REF }], target: i0.ɵɵFactoryTarget.Component });
+TaglistLayerContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TaglistLayerContentComponent, selector: "moz-taglist-layer-content", host: { properties: { "class.mc-taglist__manage": "true" } }, ngImport: i0, template: "<div class=\"mc-taglist__body\">\n  <div class=\"mc-taglist\">\n    <moz-tag\n      type=\"removable\"\n      *ngFor=\"let tagItem of tagItems\"\n      [size]=\"tagSize\"\n      (clickOnRemove)=\"removeTagEvent(tagItem)\"\n    >\n      {{ tagItem.label }}\n    </moz-tag>\n  </div>\n</div>\n", styles: [".mc-taglist__footer{display:flex;justify-content:space-evenly;align-items:center}.mc-taglist__manage{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: ["type", "size", "select"], outputs: ["selectChange", "clickOnRemove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistLayerContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-taglist-layer-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-taglist__manage]': 'true' }, template: "<div class=\"mc-taglist__body\">\n  <div class=\"mc-taglist\">\n    <moz-tag\n      type=\"removable\"\n      *ngFor=\"let tagItem of tagItems\"\n      [size]=\"tagSize\"\n      (clickOnRemove)=\"removeTagEvent(tagItem)\"\n    >\n      {{ tagItem.label }}\n    </moz-tag>\n  </div>\n</div>\n", styles: [".mc-taglist__footer{display:flex;justify-content:space-evenly;align-items:center}.mc-taglist__manage{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_DATA]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_REF]
+                    }] }];
+    } });
+
+class TaglistComponent {
+    constructor(layerService) {
+        this.layerService = layerService;
+        this.tagItems = [];
+        this.tagSize = 's';
+        this.showAllTitle = 'Show all';
+        this.showAll = false;
+        this.layerTagsTitle = 'Tags';
+        this.layerTagsIcon = 'Navigation_Display_Setting_24px';
+        this.max = 5;
+        this.removeTag = new EventEmitter();
+        this._removedTagFromLayer$ = new Subject();
+        this.destroyed = new Subject();
+    }
+    showAllEvent() {
+        this.taglistLayerRef = this.layerService.open(TaglistLayerContentComponent, {
+            title: this.layerTagsTitle || 'Settings',
+            icon: this.layerTagsIcon || 'Navigation_Display_Setting_24px',
+            data: {
+                tags: this.tagItems,
+                size: this.tagSize,
+                subject: this._removedTagFromLayer$,
+            },
+        });
+        this._removedTagFromLayer$
+            .pipe(takeUntil(this.destroyed))
+            .subscribe((tagItem) => this.removeTagEvent(tagItem));
+    }
+    removeTagEvent(tagItem) {
+        this.removeTag.emit(tagItem);
+    }
+    updateTaglistLayerConfig(tagItems) {
+        this.taglistLayerRef.updateConfig({
+            data: {
+                tags: tagItems,
+            },
+        });
+    }
+    closeTaglistLayer() {
+        this.taglistLayerRef.close();
+    }
+    ngOnDestroy() {
+        this.destroyed.next(null);
+        this.destroyed.complete();
+    }
+}
+TaglistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistComponent, deps: [{ token: LayerService }], target: i0.ɵɵFactoryTarget.Component });
+TaglistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TaglistComponent, selector: "moz-taglist", inputs: { tagItems: "tagItems", tagSize: "tagSize", showAllTitle: "showAllTitle", showAll: "showAll", layerTagsTitle: "layerTagsTitle", layerTagsIcon: "layerTagsIcon", max: "max" }, outputs: { removeTag: "removeTag" }, ngImport: i0, template: "<div class=\"mc-taglist\">\n  <ng-container *ngFor=\"let tagItem of tagItems; let i = index\">\n    <moz-tag\n      class=\"tag-selected\"\n      *ngIf=\"i < max || showAll\"\n      type=\"removable\"\n      [size]=\"tagSize\"\n      (clickOnRemove)=\"removeTagEvent(tagItem)\"\n    >\n      {{ tagItem.label }}\n    </moz-tag>\n  </ng-container>\n  <ng-container *ngIf=\"!showAll && tagItems.length > max\">\n    <a\n      moz-tag\n      [size]=\"tagSize\"\n      class=\"tag-selected mc-taglist__showhide\"\n      (click)=\"showAllEvent()\"\n      >{{ showAllTitle }}</a\n    >\n  </ng-container>\n</div>\n", styles: [".mc-taglist{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.mc-taglist__showhide{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: ["type", "size", "select"], outputs: ["selectChange", "clickOnRemove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-taglist', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mc-taglist\">\n  <ng-container *ngFor=\"let tagItem of tagItems; let i = index\">\n    <moz-tag\n      class=\"tag-selected\"\n      *ngIf=\"i < max || showAll\"\n      type=\"removable\"\n      [size]=\"tagSize\"\n      (clickOnRemove)=\"removeTagEvent(tagItem)\"\n    >\n      {{ tagItem.label }}\n    </moz-tag>\n  </ng-container>\n  <ng-container *ngIf=\"!showAll && tagItems.length > max\">\n    <a\n      moz-tag\n      [size]=\"tagSize\"\n      class=\"tag-selected mc-taglist__showhide\"\n      (click)=\"showAllEvent()\"\n      >{{ showAllTitle }}</a\n    >\n  </ng-container>\n</div>\n", styles: [".mc-taglist{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.mc-taglist__showhide{cursor:pointer}\n"] }]
+        }], ctorParameters: function () { return [{ type: LayerService }]; }, propDecorators: { tagItems: [{
+                type: Input
+            }], tagSize: [{
+                type: Input
+            }], showAllTitle: [{
+                type: Input
+            }], showAll: [{
+                type: Input
+            }], layerTagsTitle: [{
+                type: Input
+            }], layerTagsIcon: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], removeTag: [{
+                type: Output
+            }] } });
+
+class TaglistModule {
+}
+TaglistModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TaglistModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TaglistModule, declarations: [TaglistComponent, TaglistLayerContentComponent], imports: [CommonModule, TagModule, ButtonModule], exports: [TaglistComponent, TaglistLayerContentComponent] });
+TaglistModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistModule, imports: [CommonModule, TagModule, ButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TaglistModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TaglistComponent, TaglistLayerContentComponent],
+                    imports: [CommonModule, TagModule, ButtonModule],
+                    exports: [TaglistComponent, TaglistLayerContentComponent],
+                }]
+        }] });
+
+class ListboxComponent {
+    constructor() {
+        this.listboxItems = [];
+        this.multiple = false;
+        this.isOpen = false;
+        this.itemsSelected = new EventEmitter();
+        this.uuid = Math.random();
+    }
+    ngOnInit() {
+        if (!this.multiple && this.selectedItems) {
+            this.selectedItem = this.selectedItems.value;
+        }
+    }
+    selectedItemEvent(listboxItem) {
+        if (this.multiple) {
+            if (!this.selectedItems) {
+                this.selectedItems = [];
+            }
+            const index = this.selectedItems.findIndex((selectedItem) => selectedItem.value === listboxItem.value);
+            if (index !== -1) {
+                this.selectedItems.splice(index, 1);
+            }
+            else {
+                this.selectedItems.push(listboxItem);
+            }
+        }
+        else {
+            this.selectedItems = listboxItem;
+        }
+        this.itemsSelected.emit(this.selectedItems);
+    }
+    isChecked(listboxItem) {
+        let listBoxItemFounded;
+        if (this.multiple) {
+            listBoxItemFounded =
+                this.selectedItems &&
+                    this.selectedItems.find((selectedItem) => selectedItem.value === listboxItem.value);
+        }
+        else {
+            listBoxItemFounded = this.selectedItems;
+        }
+        return listBoxItemFounded != null;
+    }
+}
+ListboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ListboxComponent, selector: "moz-listbox", inputs: { listboxItems: "listboxItems", multiple: "multiple", isOpen: "isOpen", selectedItems: "selectedItems", customMaxWidth: "customMaxWidth" }, outputs: { itemsSelected: "itemsSelected" }, ngImport: i0, template: "<ul\n  [ngClass]=\"{ 'mc-listbox--multi': multiple, 'is-open': isOpen }\"\n  class=\"mc-listbox\"\n  [ngStyle]=\"{ 'max-width': customMaxWidth }\"\n  role=\"listbox\"\n  tabindex=\"0\"\n>\n  <li\n    class=\"mc-listbox__tile\"\n    [ngClass]=\"{ 'is-disabled': listboxItem.disabled }\"\n    role=\"option\"\n    *ngFor=\"let listboxItem of listboxItems; let i = index\"\n  >\n    <moz-icon\n      *ngIf=\"listboxItem.icon\"\n      class=\"mc-listbox__icon\"\n      [iconName]=\"listboxItem.icon\"\n    ></moz-icon>\n    <ng-container *ngIf=\"multiple; else monoSelection\">\n      <input\n        id=\"multiItem-{{ listboxItem.value + '-' + i + '-' + uuid }}\"\n        (click)=\"selectedItemEvent(listboxItem)\"\n        type=\"checkbox\"\n        class=\"mc-listbox__input mc-checkbox__input\"\n        disabled=\"{{ listboxItem.disabled }}\"\n        [checked]=\"isChecked(listboxItem)\"\n        value=\"{{ listboxItem.value }}\"\n      />\n    </ng-container>\n    <ng-template #monoSelection>\n      <input\n        id=\"monoItem-{{ listboxItem.value + '-' + i + '-' + uuid }}\"\n        (change)=\"selectedItemEvent(listboxItem)\"\n        type=\"radio\"\n        name=\"monoSelection\"\n        class=\"mc-listbox__input\"\n        [(ngModel)]=\"selectedItem\"\n        [value]=\"listboxItem.value\"\n      />\n    </ng-template>\n\n    <label\n      for=\"{{\n        multiple\n          ? 'multiItem-' + listboxItem.value + '-' + i + '-' + uuid\n          : 'monoItem-' + listboxItem.value + '-' + i + '-' + uuid\n      }}\"\n      class=\"mc-listbox__label\"\n      >{{ listboxItem.label }}</label\n    >\n  </li>\n</ul>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-listbox{font-family:LeroyMerlin,sans-serif}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-listbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul\n  [ngClass]=\"{ 'mc-listbox--multi': multiple, 'is-open': isOpen }\"\n  class=\"mc-listbox\"\n  [ngStyle]=\"{ 'max-width': customMaxWidth }\"\n  role=\"listbox\"\n  tabindex=\"0\"\n>\n  <li\n    class=\"mc-listbox__tile\"\n    [ngClass]=\"{ 'is-disabled': listboxItem.disabled }\"\n    role=\"option\"\n    *ngFor=\"let listboxItem of listboxItems; let i = index\"\n  >\n    <moz-icon\n      *ngIf=\"listboxItem.icon\"\n      class=\"mc-listbox__icon\"\n      [iconName]=\"listboxItem.icon\"\n    ></moz-icon>\n    <ng-container *ngIf=\"multiple; else monoSelection\">\n      <input\n        id=\"multiItem-{{ listboxItem.value + '-' + i + '-' + uuid }}\"\n        (click)=\"selectedItemEvent(listboxItem)\"\n        type=\"checkbox\"\n        class=\"mc-listbox__input mc-checkbox__input\"\n        disabled=\"{{ listboxItem.disabled }}\"\n        [checked]=\"isChecked(listboxItem)\"\n        value=\"{{ listboxItem.value }}\"\n      />\n    </ng-container>\n    <ng-template #monoSelection>\n      <input\n        id=\"monoItem-{{ listboxItem.value + '-' + i + '-' + uuid }}\"\n        (change)=\"selectedItemEvent(listboxItem)\"\n        type=\"radio\"\n        name=\"monoSelection\"\n        class=\"mc-listbox__input\"\n        [(ngModel)]=\"selectedItem\"\n        [value]=\"listboxItem.value\"\n      />\n    </ng-template>\n\n    <label\n      for=\"{{\n        multiple\n          ? 'multiItem-' + listboxItem.value + '-' + i + '-' + uuid\n          : 'monoItem-' + listboxItem.value + '-' + i + '-' + uuid\n      }}\"\n      class=\"mc-listbox__label\"\n      >{{ listboxItem.label }}</label\n    >\n  </li>\n</ul>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:600;font-style:italic;font-display:swap}.mc-listbox{font-family:LeroyMerlin,sans-serif}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}\n"] }]
+        }], propDecorators: { listboxItems: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], selectedItems: [{
+                type: Input
+            }], customMaxWidth: [{
+                type: Input
+            }], itemsSelected: [{
+                type: Output
+            }] } });
+
+class ListboxModule {
+}
+ListboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ListboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ListboxModule, declarations: [ListboxComponent], imports: [CommonModule, FormsModule, IconModule], exports: [ListboxComponent] });
+ListboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListboxModule, imports: [CommonModule, FormsModule, IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ListboxComponent],
+                    imports: [CommonModule, FormsModule, IconModule],
+                    exports: [ListboxComponent],
+                }]
+        }] });
+
+class DropdownComponent {
+    constructor(eRef, cd) {
+        this.eRef = eRef;
+        this.cd = cd;
+        this.listboxItems = [];
+        this.multiple = false;
+        this.placeholder = 'Placeholder';
+        this.disabled = false;
+        this.loading = false;
+        this.clearfield = false;
+        this.valid = false;
+        this.invalid = false;
+        this.showSelectedTags = false;
+        this.maxShowingSelectedTags = 5;
+        this.size = 'm';
+        this.layerTagsTitle = 'Dropdown tags';
+        this.layerTagsIcon = 'Navigation_Display_Setting_24px';
+        this.openState = false;
+        this.destroyed = new Subject();
+        this.onChange = () => { };
+        this.onTouch = () => { };
+    }
+    writeValue(value) {
+        this.selectedItems = value;
+        this.onChange(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    ngOnDestroy() {
+        if (this.listboxElementRef) {
+            const mozListbox = this.listboxElementRef.nativeElement;
+            if (mozListbox && mozListbox.parentNode) {
+                mozListbox.parentNode.removeChild(mozListbox);
+            }
+        }
+        this.destroyed.next(null);
+        this.destroyed.complete();
+    }
+    ngAfterViewInit() {
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(() => {
+            this.closeListbox();
+            this.cd.detectChanges();
+        });
+        fromEvent(window, 'scroll')
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(() => {
+            this.closeListbox();
+            this.cd.detectChanges();
+        });
+    }
+    clickout(event) {
+        const listboxHtmlElementContainsClickTarget = this.listboxElementRef && this.listboxElementRef.nativeElement.contains(event.target);
+        const dropdownInputContainsClickTarget = this.eRef.nativeElement.contains(event.target);
+        if (!listboxHtmlElementContainsClickTarget && !dropdownInputContainsClickTarget) {
+            this.closeListbox();
+        }
+    }
+    openListbox() {
+        if (this.openState) {
+            this.closeListbox();
+        }
+        else {
+            this.openState = true;
+            setTimeout(() => {
+                const mozListbox = this.listboxElementRef.nativeElement;
+                const inputElement = this.eRef.nativeElement.firstChild;
+                const inputRect = inputElement.getBoundingClientRect();
+                mozListbox.style.position = 'absolute';
+                mozListbox.style.top = inputRect.bottom + window.scrollY + 'px';
+                mozListbox.style.left = inputRect.left + window.scrollX + 'px';
+                mozListbox.style.width = inputRect.width + 'px';
+                this.originalListboxParent = mozListbox.parentElement;
+                document.body.appendChild(mozListbox);
+            }, 10);
+        }
+    }
+    closeListbox() {
+        this.openState = false;
+        if (this.originalListboxParent && this.listboxElementRef) {
+            this.originalListboxParent.appendChild(this.listboxElementRef.nativeElement);
+            this.originalListboxParent = null;
+        }
+    }
+    itemsSelectedListboxEvent(listboxItemSelected) {
+        this.writeValue(listboxItemSelected);
+        if (!this.multiple) {
+            this.closeListbox();
+        }
+    }
+    clearFieldEvent() {
+        if (!this.disabled) {
+            this.selectedItems = undefined;
+            this.openState = false;
+            this.writeValue(this.selectedItems);
+        }
+    }
+    getMultiSelectedLabel() {
+        if (this.multiple) {
+            return this.selectedItems
+                .map((selectedItem) => selectedItem.label)
+                .join(', ');
+        }
+        return '';
+    }
+    getSelectedListboxItems() {
+        if (this.multiple && this.selectedItems) {
+            return this.selectedItems;
+        }
+        return [];
+    }
+    getSelectedListboxItem() {
+        if (!this.multiple && this.selectedItems) {
+            return this.selectedItems;
+        }
+        return undefined;
+    }
+    getLabelFromMultipleSelection() {
+        return this.getSelectedListboxItems().length > 0
+            ? this.getMultiSelectedLabel()
+            : this.placeholder;
+    }
+    getLabelFromMonoSelection() {
+        var _a;
+        return ((_a = this.getSelectedListboxItem()) === null || _a === void 0 ? void 0 : _a.label) || this.placeholder;
+    }
+    canClearField() {
+        if (this.multiple) {
+            return !this.disabled && this.clearfield && this.getSelectedListboxItems().length > 0;
+        }
+        else {
+            return !this.disabled && this.clearfield && this.getSelectedListboxItem() != null;
+        }
+    }
+    getTagItemsFromSelectedItems() {
+        if (!this.selectedItems) {
+            return [];
+        }
+        return this.selectedItems.map((selectedItem) => ({ id: selectedItem.value, label: selectedItem.label }));
+    }
+    removeTagEvent($event) {
+        this.writeValue(this.selectedItems.filter((selectedItem) => selectedItem.value !== $event.id));
+        this.taglistComponent.updateTaglistLayerConfig(this.getTagItemsFromSelectedItems());
+        if (this.getTagItemsFromSelectedItems().length === 0) {
+            this.taglistComponent.closeTaglistLayer();
+        }
+        this.cd.detectChanges();
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DropdownComponent, selector: "moz-dropdown", inputs: { listboxItems: "listboxItems", multiple: "multiple", placeholder: "placeholder", disabled: "disabled", loading: "loading", clearfield: "clearfield", valid: "valid", invalid: "invalid", showSelectedTags: "showSelectedTags", maxShowingSelectedTags: "maxShowingSelectedTags", size: "size", layerTagsTitle: "layerTagsTitle", layerTagsIcon: "layerTagsIcon" }, host: { listeners: { "document:click": "clickout($event)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => DropdownComponent),
+            multi: true,
+        },
+    ], viewQueries: [{ propertyName: "taglistComponent", first: true, predicate: ["taglist"], descendants: true }, { propertyName: "listboxElementRef", first: true, predicate: ["listbox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"mc-dropdown mc-dropdown--clearable\"\n  [ngClass]=\"{ 'mc-dropdown--multi': multiple }\"\n  [ngStyle]=\"{\n    '--dropdown-tag-width':\n      !showSelectedTags && multiple && getSelectedListboxItems().length > 0 ? '3.5rem' : '',\n    '--dropdown-width': '100%'\n  }\"\n>\n  <div class=\"mc-dropdown__main\">\n    <moz-tag\n      *ngIf=\"!showSelectedTags && multiple && getSelectedListboxItems().length > 0\"\n      class=\"mc-dropdown__tag mc-tag-removable mc-tag-removable--s mc-autocomplete__tag\"\n      type=\"removable\"\n      [size]=\"'s'\"\n      (clickOnRemove)=\"clearFieldEvent()\"\n    >\n      {{ getSelectedListboxItems().length }}</moz-tag\n    >\n\n    <button\n      type=\"button\"\n      id=\"trigger\"\n      class=\"mc-select mc-dropdown__trigger mc-button--{{ size }}\"\n      [ngClass]=\"{ 'is-open': openState, 'is-valid': valid, 'is-invalid': invalid }\"\n      aria-haspopup=\"listbox\"\n      title=\"Dropdown menu options\"\n      [disabled]=\"disabled\"\n      aria-expanded=\"false\"\n      (click)=\"openListbox()\"\n    >\n      <ng-container *ngIf=\"multiple; else monoSelection\">{{\n        getLabelFromMultipleSelection()\n      }}</ng-container>\n      <ng-template #monoSelection>{{ getLabelFromMonoSelection() }}</ng-template>\n    </button>\n\n    <div class=\"mc-dropdown__tools\">\n      <div class=\"mc-dropdown__loader mc-loader mc-loader--s\" *ngIf=\"loading\">\n        <span class=\"mc-loader__spinner\">\n          <moz-loader class=\"mc-loader__icon\" [size]=\"size\"></moz-loader>\n        </span>\n      </div>\n      <button\n        class=\"mc-dropdown__clear\"\n        type=\"button\"\n        *ngIf=\"canClearField()\"\n        (click)=\"clearFieldEvent()\"\n      >\n        <moz-icon\n          class=\"mc-dropdown__clear-icon\"\n          [iconName]=\"'Navigation_Control_Tag--Cross_24px'\"\n        ></moz-icon>\n        <span class=\"mc-autocomplete__clear-text\">Clear</span>\n      </button>\n    </div>\n  </div>\n  <moz-listbox\n    *ngIf=\"openState\"\n    #listbox\n    [listboxItems]=\"listboxItems\"\n    [isOpen]=\"openState\"\n    [multiple]=\"multiple\"\n    [selectedItems]=\"selectedItems\"\n    (itemsSelected)=\"itemsSelectedListboxEvent($event)\"\n  ></moz-listbox>\n</div>\n<div class=\"mc-dropdow__taglist\">\n  <moz-taglist\n    #taglist\n    *ngIf=\"showSelectedTags && multiple\"\n    (removeTag)=\"removeTagEvent($event)\"\n    [tagItems]=\"getTagItemsFromSelectedItems()\"\n    [max]=\"maxShowingSelectedTags\"\n    [layerTagsTitle]=\"layerTagsTitle\"\n    [layerTagsIcon]=\"layerTagsIcon\"\n  ></moz-taglist>\n</div>\n", styles: [".mc-select{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}.mc-loader{color:#188803;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.mc-dropdown{align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{align-items:center;background-color:#fff;display:flex;gap:.5rem;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(.75rem + var(--dropdown-tag-width, 0px))}.mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#188803;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#fff}.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#fff}.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-dropdow__taglist{margin-top:1rem}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ListboxComponent, selector: "moz-listbox", inputs: ["listboxItems", "multiple", "isOpen", "selectedItems", "customMaxWidth"], outputs: ["itemsSelected"] }, { kind: "component", type: LoaderComponent, selector: "moz-loader", inputs: ["size", "theme"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: ["type", "size", "select"], outputs: ["selectChange", "clickOnRemove"] }, { kind: "component", type: TaglistComponent, selector: "moz-taglist", inputs: ["tagItems", "tagSize", "showAllTitle", "showAll", "layerTagsTitle", "layerTagsIcon", "max"], outputs: ["removeTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DropdownComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n  class=\"mc-dropdown mc-dropdown--clearable\"\n  [ngClass]=\"{ 'mc-dropdown--multi': multiple }\"\n  [ngStyle]=\"{\n    '--dropdown-tag-width':\n      !showSelectedTags && multiple && getSelectedListboxItems().length > 0 ? '3.5rem' : '',\n    '--dropdown-width': '100%'\n  }\"\n>\n  <div class=\"mc-dropdown__main\">\n    <moz-tag\n      *ngIf=\"!showSelectedTags && multiple && getSelectedListboxItems().length > 0\"\n      class=\"mc-dropdown__tag mc-tag-removable mc-tag-removable--s mc-autocomplete__tag\"\n      type=\"removable\"\n      [size]=\"'s'\"\n      (clickOnRemove)=\"clearFieldEvent()\"\n    >\n      {{ getSelectedListboxItems().length }}</moz-tag\n    >\n\n    <button\n      type=\"button\"\n      id=\"trigger\"\n      class=\"mc-select mc-dropdown__trigger mc-button--{{ size }}\"\n      [ngClass]=\"{ 'is-open': openState, 'is-valid': valid, 'is-invalid': invalid }\"\n      aria-haspopup=\"listbox\"\n      title=\"Dropdown menu options\"\n      [disabled]=\"disabled\"\n      aria-expanded=\"false\"\n      (click)=\"openListbox()\"\n    >\n      <ng-container *ngIf=\"multiple; else monoSelection\">{{\n        getLabelFromMultipleSelection()\n      }}</ng-container>\n      <ng-template #monoSelection>{{ getLabelFromMonoSelection() }}</ng-template>\n    </button>\n\n    <div class=\"mc-dropdown__tools\">\n      <div class=\"mc-dropdown__loader mc-loader mc-loader--s\" *ngIf=\"loading\">\n        <span class=\"mc-loader__spinner\">\n          <moz-loader class=\"mc-loader__icon\" [size]=\"size\"></moz-loader>\n        </span>\n      </div>\n      <button\n        class=\"mc-dropdown__clear\"\n        type=\"button\"\n        *ngIf=\"canClearField()\"\n        (click)=\"clearFieldEvent()\"\n      >\n        <moz-icon\n          class=\"mc-dropdown__clear-icon\"\n          [iconName]=\"'Navigation_Control_Tag--Cross_24px'\"\n        ></moz-icon>\n        <span class=\"mc-autocomplete__clear-text\">Clear</span>\n      </button>\n    </div>\n  </div>\n  <moz-listbox\n    *ngIf=\"openState\"\n    #listbox\n    [listboxItems]=\"listboxItems\"\n    [isOpen]=\"openState\"\n    [multiple]=\"multiple\"\n    [selectedItems]=\"selectedItems\"\n    (itemsSelected)=\"itemsSelectedListboxEvent($event)\"\n  ></moz-listbox>\n</div>\n<div class=\"mc-dropdow__taglist\">\n  <moz-taglist\n    #taglist\n    *ngIf=\"showSelectedTags && multiple\"\n    (removeTag)=\"removeTagEvent($event)\"\n    [tagItems]=\"getTagItemsFromSelectedItems()\"\n    [max]=\"maxShowingSelectedTags\"\n    [layerTagsTitle]=\"layerTagsTitle\"\n    [layerTagsIcon]=\"layerTagsIcon\"\n  ></moz-taglist>\n</div>\n", styles: [".mc-select{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}.mc-loader{color:#188803;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.mc-dropdown{align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{align-items:center;background-color:#fff;display:flex;gap:.5rem;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(.75rem + var(--dropdown-tag-width, 0px))}.mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#188803;font-family:LeroyMerlin,sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#fff}.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#fff}.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-dropdow__taglist{margin-top:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { listboxItems: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], clearfield: [{
+                type: Input
+            }], valid: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], showSelectedTags: [{
+                type: Input
+            }], maxShowingSelectedTags: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], layerTagsTitle: [{
+                type: Input
+            }], layerTagsIcon: [{
+                type: Input
+            }], taglistComponent: [{
+                type: ViewChild,
+                args: ['taglist', { static: false }]
+            }], listboxElementRef: [{
+                type: ViewChild,
+                args: ['listbox', { read: ElementRef }]
+            }], clickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class DropdownModule {
+}
+DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent], imports: [CommonModule,
+        FormsModule,
+        ListboxModule,
+        LoaderModule,
+        IconModule,
+        TagModule,
+        TaglistModule], exports: [DropdownComponent] });
+DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropdownModule, imports: [CommonModule,
+        FormsModule,
+        ListboxModule,
+        LoaderModule,
+        IconModule,
+        TagModule,
+        TaglistModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DropdownComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ListboxModule,
+                        LoaderModule,
+                        IconModule,
+                        TagModule,
+                        TaglistModule,
+                    ],
+                    exports: [DropdownComponent],
+                }]
+        }] });
+
+class MozDatatableManagementContentComponent {
+    constructor(data, layerRef) {
+        this.data = data;
+        this.layerRef = layerRef;
+        this.mouseYCoordinate = null;
+        this.distanceTopGrabbedVsPointer = null;
+        this.draggingColumn = null;
+        this.draggingColumnField = null;
+        this.draggingColumnIndex = null;
+        this.hoveredColumnIndex = null;
+        this.columnDefs = [];
+        this.datatableSettings = data;
+        this.firstColumnFixed = this.datatableSettings.fixFirstColumn;
+        this.columnDefs = data.columnDefs.map((x) => (Object.assign({}, x)));
+    }
+    close(data) {
+        this.layerRef.close(data);
+    }
+    dragStartEvent($event, columnDef, index) {
+        this.mouseYCoordinate = $event.clientY;
+        this.draggingColumn = columnDef;
+        this.draggingColumnIndex = index;
+        this.draggingColumnField = columnDef.field;
+    }
+    dragEvent($event) {
+        this.mouseYCoordinate = $event.clientY;
+    }
+    dragOverEvent(index) {
+        this.hoveredColumnIndex = index;
+        this.updateColumnDefsList();
+    }
+    dragEndEvent() {
+        this.draggingColumnField = null;
+        this.hoveredColumnIndex = null;
+    }
+    hideColumnChangeEvent(item) {
+        item.hide = item.hide ? false : true;
+    }
+    updateColumnDefsList() {
+        if (this.draggingColumnIndex != null &&
+            this.hoveredColumnIndex != null &&
+            this.draggingColumnIndex != this.hoveredColumnIndex) {
+            // Allows to swap the position of 2 elements when there is a drag over
+            [this.columnDefs[this.draggingColumnIndex], this.columnDefs[this.hoveredColumnIndex]] = [
+                this.columnDefs[this.hoveredColumnIndex],
+                this.columnDefs[this.draggingColumnIndex],
+            ];
+            this.draggingColumnIndex = this.hoveredColumnIndex;
+        }
+    }
+    applyEvent() {
+        this.close({ columnDefs: this.columnDefs, firstColumnFixed: this.firstColumnFixed });
+    }
+    resetEvent() {
+        this.columnDefs = this.datatableSettings.columnDefs.map((x) => Object.assign({}, x));
+        this.firstColumnFixed = this.datatableSettings.fixFirstColumn;
+    }
+}
+MozDatatableManagementContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementContentComponent, deps: [{ token: LAYER_DATA }, { token: LAYER_REF }], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableManagementContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableManagementContentComponent, selector: "moz-datatable-management-content", host: { properties: { "class.manage-settings": "true" } }, ngImport: i0, template: "<div class=\"settings__body\">\n  <span class=\"settings__title\">{{\n    datatableSettings.labels?.settings?.columnsLockTitle || 'Columns lock'\n  }}</span>\n  <div class=\"settings__toggle-column-lock\">\n    <moz-toggle [size]=\"'s'\" [(ngModel)]=\"firstColumnFixed\">{{\n      datatableSettings.labels?.settings?.fixFirstColumnTitle || 'Fix the first column'\n    }}</moz-toggle>\n  </div>\n  <span class=\"settings__title\">{{\n    datatableSettings.labels?.settings?.columnsDisplayTitle || 'Columns display'\n  }}</span>\n  <div class=\"settings__columns-container\">\n    <div\n      *ngIf=\"mouseYCoordinate\"\n      class=\"settings__columns-container-item settings__columns-container-item-ghost\"\n      [style.top.px]=\"mouseYCoordinate + (distanceTopGrabbedVsPointer || 0)\"\n    >\n      <div class=\"settings__column-icon-value\">\n        <moz-icon iconName=\"Navigation_Display_MovingBlock_24px\"></moz-icon>\n        <moz-checkbox [checked]=\"!draggingColumn?.hide\"> </moz-checkbox>\n        <span class=\"settings__column-value\">{{ draggingColumn?.headerName }}</span>\n      </div>\n    </div>\n\n    <div\n      *ngFor=\"let columnDef of columnDefs; let index = index\"\n      class=\"settings__columns-container-item\"\n      [class.settings__columns-container-item-invisible]=\"draggingColumnField === columnDef.field\"\n      [draggable]=\"true\"\n      (dragstart)=\"dragStartEvent($event, columnDef, index)\"\n      (drag)=\"dragEvent($event)\"\n      (dragover)=\"dragOverEvent(index)\"\n      (dragend)=\"dragEndEvent()\"\n    >\n      <div class=\"settings__column-icon-value\">\n        <moz-icon iconName=\"Navigation_Display_MovingBlock_24px\"></moz-icon>\n        <moz-checkbox [checked]=\"!columnDef.hide\" (change)=\"hideColumnChangeEvent(columnDef)\">\n        </moz-checkbox>\n        <span class=\"settings__column-value\">{{ columnDef.headerName }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"settings__footer\">\n  <button aria-label=\"apply settings\" moz-button [size]=\"'m'\" (click)=\"applyEvent()\">\n    {{ datatableSettings.labels?.settings?.applyButtonTitle || 'Apply' }}\n  </button>\n  <button\n    aria-label=\"reset settings\"\n    moz-button\n    [size]=\"'m'\"\n    [variation]=\"'bordered'\"\n    (click)=\"resetEvent()\"\n  >\n    {{ datatableSettings.labels?.settings?.resetButtonTitle || 'Reset' }}\n  </button>\n</div>\n", styles: [".manage-settings{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.settings__footer{display:flex;justify-content:space-evenly;align-items:center}.settings__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.settings__title{font-weight:700}.settings__reset-button{margin-left:25px}.settings__column-icon-value{display:flex;text-align:center;align-items:center}.settings__checkbox-hide-column{margin-left:25px}.settings__column-value{margin-left:8px}.settings__columns-container{margin-top:25px}.settings__columns-container-item{width:300px;background:white;margin-bottom:18px;cursor:grab}.settings__columns-container-item-ghost{margin-bottom:10px;pointer-events:none;z-index:99;position:absolute;top:0;left:10}.settings__columns-container-item-invisible{opacity:0}.settings__toggle-column-lock{margin-top:17px;margin-bottom:17px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: CheckboxComponent, selector: "moz-checkbox", inputs: ["disabled", "indeterminate", "invalid", "checked"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: ToggleComponent, selector: "moz-toggle", inputs: ["disabled", "size", "checked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-management-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.manage-settings]': 'true' }, template: "<div class=\"settings__body\">\n  <span class=\"settings__title\">{{\n    datatableSettings.labels?.settings?.columnsLockTitle || 'Columns lock'\n  }}</span>\n  <div class=\"settings__toggle-column-lock\">\n    <moz-toggle [size]=\"'s'\" [(ngModel)]=\"firstColumnFixed\">{{\n      datatableSettings.labels?.settings?.fixFirstColumnTitle || 'Fix the first column'\n    }}</moz-toggle>\n  </div>\n  <span class=\"settings__title\">{{\n    datatableSettings.labels?.settings?.columnsDisplayTitle || 'Columns display'\n  }}</span>\n  <div class=\"settings__columns-container\">\n    <div\n      *ngIf=\"mouseYCoordinate\"\n      class=\"settings__columns-container-item settings__columns-container-item-ghost\"\n      [style.top.px]=\"mouseYCoordinate + (distanceTopGrabbedVsPointer || 0)\"\n    >\n      <div class=\"settings__column-icon-value\">\n        <moz-icon iconName=\"Navigation_Display_MovingBlock_24px\"></moz-icon>\n        <moz-checkbox [checked]=\"!draggingColumn?.hide\"> </moz-checkbox>\n        <span class=\"settings__column-value\">{{ draggingColumn?.headerName }}</span>\n      </div>\n    </div>\n\n    <div\n      *ngFor=\"let columnDef of columnDefs; let index = index\"\n      class=\"settings__columns-container-item\"\n      [class.settings__columns-container-item-invisible]=\"draggingColumnField === columnDef.field\"\n      [draggable]=\"true\"\n      (dragstart)=\"dragStartEvent($event, columnDef, index)\"\n      (drag)=\"dragEvent($event)\"\n      (dragover)=\"dragOverEvent(index)\"\n      (dragend)=\"dragEndEvent()\"\n    >\n      <div class=\"settings__column-icon-value\">\n        <moz-icon iconName=\"Navigation_Display_MovingBlock_24px\"></moz-icon>\n        <moz-checkbox [checked]=\"!columnDef.hide\" (change)=\"hideColumnChangeEvent(columnDef)\">\n        </moz-checkbox>\n        <span class=\"settings__column-value\">{{ columnDef.headerName }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"settings__footer\">\n  <button aria-label=\"apply settings\" moz-button [size]=\"'m'\" (click)=\"applyEvent()\">\n    {{ datatableSettings.labels?.settings?.applyButtonTitle || 'Apply' }}\n  </button>\n  <button\n    aria-label=\"reset settings\"\n    moz-button\n    [size]=\"'m'\"\n    [variation]=\"'bordered'\"\n    (click)=\"resetEvent()\"\n  >\n    {{ datatableSettings.labels?.settings?.resetButtonTitle || 'Reset' }}\n  </button>\n</div>\n", styles: [".manage-settings{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.settings__footer{display:flex;justify-content:space-evenly;align-items:center}.settings__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.settings__title{font-weight:700}.settings__reset-button{margin-left:25px}.settings__column-icon-value{display:flex;text-align:center;align-items:center}.settings__checkbox-hide-column{margin-left:25px}.settings__column-value{margin-left:8px}.settings__columns-container{margin-top:25px}.settings__columns-container-item{width:300px;background:white;margin-bottom:18px;cursor:grab}.settings__columns-container-item-ghost{margin-bottom:10px;pointer-events:none;z-index:99;position:absolute;top:0;left:10}.settings__columns-container-item-invisible{opacity:0}.settings__toggle-column-lock{margin-top:17px;margin-bottom:17px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_DATA]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAYER_REF]
+                    }] }];
+    } });
+
+class MozDatatableManagementComponent {
+    constructor(layerService) {
+        this.layerService = layerService;
+        this.columnsOrderUpdate = new EventEmitter();
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    clickSettingsEvent() {
+        var _a, _b, _c;
+        const layerRef = this.layerService.open(MozDatatableManagementContentComponent, {
+            title: ((_c = (_b = (_a = this.datatableSettings) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.settings) === null || _c === void 0 ? void 0 : _c.layerTitle) || 'Settings',
+            icon: 'Navigation_Display_Setting_24px',
+            data: this.datatableSettings,
+        });
+        this.subscription = layerRef.afterClosed$.subscribe((result) => {
+            if (this.datatableSettings && result) {
+                this.datatableSettings.columnDefs = result.columnDefs;
+                this.datatableSettings.fixFirstColumn = result.firstColumnFixed;
+                this.columnsOrderUpdateEvent(result);
+            }
+        });
+    }
+    columnsOrderUpdateEvent(result) {
+        this.columnsOrderUpdate.emit(result);
+    }
+}
+MozDatatableManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementComponent, deps: [{ token: LayerService }], target: i0.ɵɵFactoryTarget.Component });
+MozDatatableManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MozDatatableManagementComponent, selector: "moz-datatable-management", inputs: { datatableSettings: "datatableSettings" }, outputs: { columnsOrderUpdate: "columnsOrderUpdate" }, ngImport: i0, template: "<button\n  moz-button\n  size=\"s\"\n  variation=\"bordered\"\n  widthBehavior=\"fit\"\n  theme=\"neutral\"\n  [onlyIcon]=\"true\"\n  (click)=\"clickSettingsEvent()\"\n>\n  <moz-icon iconName=\"Navigation_Display_Setting_24px\"></moz-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-datatable-management', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  moz-button\n  size=\"s\"\n  variation=\"bordered\"\n  widthBehavior=\"fit\"\n  theme=\"neutral\"\n  [onlyIcon]=\"true\"\n  (click)=\"clickSettingsEvent()\"\n>\n  <moz-icon iconName=\"Navigation_Display_Setting_24px\"></moz-icon>\n</button>\n" }]
+        }], ctorParameters: function () { return [{ type: LayerService }]; }, propDecorators: { datatableSettings: [{
+                type: Input
+            }], columnsOrderUpdate: [{
+                type: Output
+            }] } });
+
+class MozDatatableManagementModule {
+}
+MozDatatableManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MozDatatableManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementModule, declarations: [MozDatatableManagementComponent, MozDatatableManagementContentComponent], imports: [CommonModule,
+        FormsModule,
+        PaginationModule,
+        ButtonModule,
+        CheckboxModule,
+        IconModule,
+        ToggleModule], exports: [MozDatatableManagementComponent, MozDatatableManagementContentComponent] });
+MozDatatableManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementModule, imports: [CommonModule,
+        FormsModule,
+        PaginationModule,
+        ButtonModule,
+        CheckboxModule,
+        IconModule,
+        ToggleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MozDatatableManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MozDatatableManagementComponent, MozDatatableManagementContentComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        PaginationModule,
+                        ButtonModule,
+                        CheckboxModule,
+                        IconModule,
+                        ToggleModule,
+                    ],
+                    exports: [MozDatatableManagementComponent, MozDatatableManagementContentComponent],
+                }]
+        }] });
+
+class AutocompleteComponent {
+    constructor(eRef, cd) {
+        this.eRef = eRef;
+        this.cd = cd;
+        this.listboxItems = [];
+        this.multiple = false;
+        this.placeholder = 'Placeholder';
+        this.disabled = false;
+        this.loading = false;
+        this.clearfield = false;
+        this.valid = false;
+        this.invalid = false;
+        this.size = 's';
+        this.showSelectedTags = false;
+        this.maxShowingSelectedTags = 5;
+        this.layerTagsTitle = 'Autocomplete tags';
+        this.layerTagsIcon = 'Navigation_Display_Setting_24px';
+        this.noResultsFoundLabel = 'No results found';
+        this.searchUpdated = new EventEmitter();
+        this.openState = false;
+        this.destroyed = new Subject();
+        this.search = '';
+        this.initialListboxItems = [];
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.noResults = false;
+    }
+    ngOnInit() {
+        this.initialListboxItems = this.listboxItems.map((x) => (Object.assign({}, x)));
+    }
+    writeValue(value) {
+        if (!this.multiple && value) {
+            this.search = value.label || '';
+        }
+        this.noResults = false;
+        this.selectedItems = value;
+        this.onChange(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    ngOnDestroy() {
+        if (this.listboxElementRef) {
+            const mozListbox = this.listboxElementRef.nativeElement;
+            if (mozListbox && mozListbox.parentNode) {
+                mozListbox.parentNode.removeChild(mozListbox);
+            }
+        }
+        this.destroyed.next(null);
+        this.destroyed.complete();
+    }
+    ngAfterViewInit() {
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(() => {
+            this.closeListbox();
+            this.cd.detectChanges();
+        });
+        fromEvent(window, 'scroll')
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(() => {
+            this.closeListbox();
+            this.cd.detectChanges();
+        });
+    }
+    clickout(event) {
+        const listboxHtmlElementContainsClickTarget = this.listboxElementRef && this.listboxElementRef.nativeElement.contains(event.target);
+        const autocompleteInputContainsClickTarget = this.eRef.nativeElement.contains(event.target);
+        if ((!listboxHtmlElementContainsClickTarget && !autocompleteInputContainsClickTarget) ||
+            this.disabled) {
+            this.closeListbox();
+        }
+    }
+    openListbox() {
+        this.openState = true;
+        setTimeout(() => {
+            const mozListbox = this.listboxElementRef.nativeElement;
+            const inputElement = this.eRef.nativeElement.firstChild;
+            const inputRect = inputElement.getBoundingClientRect();
+            mozListbox.style.position = 'absolute';
+            mozListbox.style.top = inputRect.bottom + window.scrollY + 'px';
+            mozListbox.style.left = inputRect.left + window.scrollX + 'px';
+            mozListbox.style.width = inputRect.width + 'px';
+            this.originalListboxParent = mozListbox.parentElement;
+            document.body.appendChild(mozListbox);
+        }, 10);
+    }
+    closeListbox() {
+        this.openState = false;
+        if (this.originalListboxParent && this.listboxElementRef) {
+            this.originalListboxParent.appendChild(this.listboxElementRef.nativeElement);
+            this.originalListboxParent = null;
+        }
+        this.listboxItems = this.initialListboxItems;
+    }
+    itemsSelectedListboxEvent(listboxItemSelected) {
+        if (!this.multiple) {
+            this.search = listboxItemSelected.label;
+            this.closeListbox();
+        }
+        this.invalid = false;
+        this.writeValue(listboxItemSelected);
+    }
+    clearFieldEvent() {
+        if (!this.disabled) {
+            this.selectedItems = undefined;
+            this.openState = false;
+            if (!this.multiple) {
+                this.search = '';
+            }
+            this.writeValue(this.selectedItems);
+        }
+    }
+    getMultiSelectedLabel() {
+        if (this.multiple) {
+            return this.selectedItems
+                .map((selectedItem) => selectedItem.label)
+                .join(', ');
+        }
+        return '';
+    }
+    getSelectedListboxItems() {
+        if (this.multiple && this.selectedItems) {
+            return this.selectedItems;
+        }
+        return [];
+    }
+    getSelectedListboxItem() {
+        if (!this.multiple && this.selectedItems) {
+            return this.selectedItems;
+        }
+        return undefined;
+    }
+    canClearField() {
+        if (this.multiple) {
+            return !this.disabled && this.clearfield && this.getSelectedListboxItems().length > 0;
+        }
+        else {
+            return !this.disabled && this.clearfield && this.getSelectedListboxItem() != null;
+        }
+    }
+    getTagItemsFromSelectedItems() {
+        if (!this.selectedItems) {
+            return [];
+        }
+        return this.selectedItems.map((selectedItem) => ({ id: selectedItem.value, label: selectedItem.label }));
+    }
+    removeTagEvent($event) {
+        this.writeValue(this.selectedItems.filter((selectedItem) => selectedItem.value !== $event.id));
+        this.taglistComponent.updateTaglistLayerConfig(this.getTagItemsFromSelectedItems());
+        if (this.getTagItemsFromSelectedItems().length === 0) {
+            this.taglistComponent.closeTaglistLayer();
+        }
+        this.cd.detectChanges();
+    }
+    searchEvent() {
+        this.noResults = false;
+        this.invalid = false;
+        if (this.search.length > 0) {
+            this.listboxItems = [
+                ...this.initialListboxItems.filter((listboxItem) => listboxItem.label.includes(this.search)),
+            ];
+            if (this.listboxItems.length === 0) {
+                this.openState = false;
+                this.noResults = true;
+                this.invalid = true;
+            }
+            else {
+                this.openState = true;
+            }
+        }
+        else {
+            this.listboxItems = this.initialListboxItems;
+            this.openState = true;
+        }
+        this.searchUpdated.emit(this.search);
+        this.cd.detectChanges();
+    }
+}
+AutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AutocompleteComponent, selector: "moz-autocomplete", inputs: { listboxItems: "listboxItems", multiple: "multiple", placeholder: "placeholder", disabled: "disabled", loading: "loading", clearfield: "clearfield", valid: "valid", invalid: "invalid", size: "size", showSelectedTags: "showSelectedTags", maxShowingSelectedTags: "maxShowingSelectedTags", layerTagsTitle: "layerTagsTitle", layerTagsIcon: "layerTagsIcon", noResultsFoundLabel: "noResultsFoundLabel" }, outputs: { searchUpdated: "searchUpdated" }, host: { listeners: { "document:click": "clickout($event)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AutocompleteComponent),
+            multi: true,
+        },
+    ], viewQueries: [{ propertyName: "taglistComponent", first: true, predicate: ["taglist"], descendants: true }, { propertyName: "listboxElementRef", first: true, predicate: ["listbox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  id=\"js-autocomplete\"\n  class=\"mc-autocomplete mc-autocomplete--clearable\"\n  [ngClass]=\"{ 'mc-autocomplete--multi': multiple }\"\n  [ngStyle]=\"{\n    '--autocomplete-tag-width':\n      !showSelectedTags && multiple && getSelectedListboxItems().length > 0 ? '3.5rem' : '',\n    '--autocomplete-width': '100%'\n  }\"\n>\n  <div class=\"mc-autocomplete__main\">\n    <moz-tag\n      *ngIf=\"!showSelectedTags && multiple && getSelectedListboxItems().length > 0\"\n      type=\"removable\"\n      class=\"mc-autocomplete__tag mc-tag-removable mc-tag-removable--s\"\n      [size]=\"'s'\"\n      (clickOnRemove)=\"clearFieldEvent()\"\n    >\n      {{ getSelectedListboxItems().length }}</moz-tag\n    >\n\n    <div class=\"mc-left-icon-input\" [ngClass]=\"{ 'is-valid': valid, 'is-invalid': invalid }\" F>\n      <moz-icon\n        class=\"mc-left-icon-input__icon\"\n        [iconName]=\"'Navigation_Display_Search_24px'\"\n      ></moz-icon>\n      <input\n        moz-input\n        [type]=\"'text'\"\n        [invalid]=\"invalid\"\n        class=\"mc-left-icon-input__input mc-text-input mc-autocomplete__trigger\"\n        [valid]=\"valid\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [size]=\"size\"\n        [(ngModel)]=\"search\"\n        (ngModelChange)=\"searchEvent()\"\n        (click)=\"openListbox()\"\n      />\n    </div>\n\n    <div class=\"mc-autocomplete__tools\">\n      <div class=\"mc-autocomplete__loader mc-loader mc-loader--s\" *ngIf=\"loading\">\n        <span class=\"mc-loader__spinner\">\n          <moz-loader class=\"mc-loader__icon\" [size]=\"size\"></moz-loader>\n        </span>\n      </div>\n      <button\n        class=\"mc-autocomplete__clear\"\n        type=\"button\"\n        *ngIf=\"canClearField()\"\n        (click)=\"clearFieldEvent()\"\n      >\n        <moz-icon\n          class=\"mc-autocomplete__clear-icon\"\n          [iconName]=\"'Navigation_Control_Tag--Cross_24px'\"\n        ></moz-icon\n        ><span class=\"mc-autocomplete__clear-text\">Clear</span>\n      </button>\n    </div>\n  </div>\n  <moz-listbox\n    *ngIf=\"openState\"\n    #listbox\n    [listboxItems]=\"listboxItems\"\n    [isOpen]=\"openState\"\n    [multiple]=\"multiple\"\n    [selectedItems]=\"selectedItems\"\n    (itemsSelected)=\"itemsSelectedListboxEvent($event)\"\n  ></moz-listbox>\n</div>\n<div class=\"mc-autocomplete__taglist\">\n  <moz-taglist\n    #taglist\n    *ngIf=\"showSelectedTags && multiple\"\n    (removeTag)=\"removeTagEvent($event)\"\n    [tagItems]=\"getTagItemsFromSelectedItems()\"\n    [max]=\"maxShowingSelectedTags\"\n    [layerTagsTitle]=\"layerTagsTitle\"\n    [layerTagsIcon]=\"layerTagsIcon\"\n  ></moz-taglist>\n</div>\n", styles: [".mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}.mc-autocomplete{align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{align-items:center;background-color:#fff;display:flex;gap:.5rem;justify-content:flex-end;right:.75rem}.is-valid+.mc-autocomplete__tools,.is-invalid+.mc-autocomplete__tools{right:2.5rem}.mc-autocomplete__clear{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__taglist{margin-top:1rem}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: ["type", "size", "select"], outputs: ["selectChange", "clickOnRemove"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TaglistComponent, selector: "moz-taglist", inputs: ["tagItems", "tagSize", "showAllTitle", "showAll", "layerTagsTitle", "layerTagsIcon", "max"], outputs: ["removeTag"] }, { kind: "component", type: ListboxComponent, selector: "moz-listbox", inputs: ["listboxItems", "multiple", "isOpen", "selectedItems", "customMaxWidth"], outputs: ["itemsSelected"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: LoaderComponent, selector: "moz-loader", inputs: ["size", "theme"] }, { kind: "component", type: TextInputComponent, selector: "input[moz-input]", inputs: ["size", "invalid", "valid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AutocompleteComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n  id=\"js-autocomplete\"\n  class=\"mc-autocomplete mc-autocomplete--clearable\"\n  [ngClass]=\"{ 'mc-autocomplete--multi': multiple }\"\n  [ngStyle]=\"{\n    '--autocomplete-tag-width':\n      !showSelectedTags && multiple && getSelectedListboxItems().length > 0 ? '3.5rem' : '',\n    '--autocomplete-width': '100%'\n  }\"\n>\n  <div class=\"mc-autocomplete__main\">\n    <moz-tag\n      *ngIf=\"!showSelectedTags && multiple && getSelectedListboxItems().length > 0\"\n      type=\"removable\"\n      class=\"mc-autocomplete__tag mc-tag-removable mc-tag-removable--s\"\n      [size]=\"'s'\"\n      (clickOnRemove)=\"clearFieldEvent()\"\n    >\n      {{ getSelectedListboxItems().length }}</moz-tag\n    >\n\n    <div class=\"mc-left-icon-input\" [ngClass]=\"{ 'is-valid': valid, 'is-invalid': invalid }\" F>\n      <moz-icon\n        class=\"mc-left-icon-input__icon\"\n        [iconName]=\"'Navigation_Display_Search_24px'\"\n      ></moz-icon>\n      <input\n        moz-input\n        [type]=\"'text'\"\n        [invalid]=\"invalid\"\n        class=\"mc-left-icon-input__input mc-text-input mc-autocomplete__trigger\"\n        [valid]=\"valid\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [size]=\"size\"\n        [(ngModel)]=\"search\"\n        (ngModelChange)=\"searchEvent()\"\n        (click)=\"openListbox()\"\n      />\n    </div>\n\n    <div class=\"mc-autocomplete__tools\">\n      <div class=\"mc-autocomplete__loader mc-loader mc-loader--s\" *ngIf=\"loading\">\n        <span class=\"mc-loader__spinner\">\n          <moz-loader class=\"mc-loader__icon\" [size]=\"size\"></moz-loader>\n        </span>\n      </div>\n      <button\n        class=\"mc-autocomplete__clear\"\n        type=\"button\"\n        *ngIf=\"canClearField()\"\n        (click)=\"clearFieldEvent()\"\n      >\n        <moz-icon\n          class=\"mc-autocomplete__clear-icon\"\n          [iconName]=\"'Navigation_Control_Tag--Cross_24px'\"\n        ></moz-icon\n        ><span class=\"mc-autocomplete__clear-text\">Clear</span>\n      </button>\n    </div>\n  </div>\n  <moz-listbox\n    *ngIf=\"openState\"\n    #listbox\n    [listboxItems]=\"listboxItems\"\n    [isOpen]=\"openState\"\n    [multiple]=\"multiple\"\n    [selectedItems]=\"selectedItems\"\n    (itemsSelected)=\"itemsSelectedListboxEvent($event)\"\n  ></moz-listbox>\n</div>\n<div class=\"mc-autocomplete__taglist\">\n  <moz-taglist\n    #taglist\n    *ngIf=\"showSelectedTags && multiple\"\n    (removeTag)=\"removeTagEvent($event)\"\n    [tagItems]=\"getTagItemsFromSelectedItems()\"\n    [max]=\"maxShowingSelectedTags\"\n    [layerTagsTitle]=\"layerTagsTitle\"\n    [layerTagsIcon]=\"layerTagsIcon\"\n  ></moz-taglist>\n</div>\n", styles: [".mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{align-items:center;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label:after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox .is-disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:.75rem;top:0;transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}.mc-autocomplete{align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{align-items:center;background-color:#fff;display:flex;gap:.5rem;justify-content:flex-end;right:.75rem}.is-valid+.mc-autocomplete__tools,.is-invalid+.mc-autocomplete__tools{right:2.5rem}.mc-autocomplete__clear{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__taglist{margin-top:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { listboxItems: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], clearfield: [{
+                type: Input
+            }], valid: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], showSelectedTags: [{
+                type: Input
+            }], maxShowingSelectedTags: [{
+                type: Input
+            }], layerTagsTitle: [{
+                type: Input
+            }], layerTagsIcon: [{
+                type: Input
+            }], noResultsFoundLabel: [{
+                type: Input
+            }], searchUpdated: [{
+                type: Output
+            }], taglistComponent: [{
+                type: ViewChild,
+                args: ['taglist', { static: false }]
+            }], listboxElementRef: [{
+                type: ViewChild,
+                args: ['listbox', { read: ElementRef }]
+            }], clickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class AutocompleteModule {
+}
+AutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteModule, declarations: [AutocompleteComponent], imports: [CommonModule,
+        TagModule,
+        FormsModule,
+        TaglistModule,
+        ListboxModule,
+        IconModule,
+        LoaderModule,
+        TextInputModule], exports: [AutocompleteComponent] });
+AutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteModule, imports: [CommonModule,
+        TagModule,
+        FormsModule,
+        TaglistModule,
+        ListboxModule,
+        IconModule,
+        LoaderModule,
+        TextInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AutocompleteComponent],
+                    imports: [
+                        CommonModule,
+                        TagModule,
+                        FormsModule,
+                        TaglistModule,
+                        ListboxModule,
+                        IconModule,
+                        LoaderModule,
+                        TextInputModule,
+                    ],
+                    exports: [AutocompleteComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutocompleteComponent, AutocompleteModule, BadgeComponent, BadgeModule, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CheckboxComponent, CheckboxModule, DIALOG_CONFIG, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogModule, DialogService, DropdownComponent, DropdownModule, FieldComponent, FieldErrorComponent, FieldModule, IconComponent, IconModule, IconService, InputIconDirective, LAYER_CONFIG, LAYER_DATA, LAYER_REF, LayerComponent, LayerModule, LayerService, ListboxComponent, ListboxModule, LoaderComponent, LoaderModule, LoaderService, MOZ_INPUT_ICON, MozDatatableCaptionComponent, MozDatatableComponent, MozDatatableContentCellComponent, MozDatatableFooterComponent, MozDatatableHeaderCellComponent, MozDatatableManagementComponent, MozDatatableManagementContentComponent, MozDatatableManagementModule, MozDatatableModule, MozDatatableRowExpansionContentComponent, MozDatatableSelectionComponent, MozDatatableSortDirective, NOTIFICATION_CONFIG, NotificationComponent, NotificationConfigFactory, NotificationContainerComponent, NotificationFooterComponent, NotificationMessageComponent, NotificationModule, NotificationService, NotificationTitleComponent, PAGINATION_CONTROL_VALUE_ACCESSOR, PaginationComponent, PaginationModule, ProgressBarComponent, ProgressBarModule, SelectComponent, SelectModule, StepComponent, StepperComponent, StepperModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabsComponent, TabsModule, TagComponent, TagModule, TaglistComponent, TaglistLayerContentComponent, TaglistModule, TextAreaComponent, TextAreaModule, TextInputComponent, TextInputModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipDirective, TooltipModule, castBooleanProperty, generateId, getRandomNumber, overwriteStyle };
+//# sourceMappingURL=mozaic-ds-angular.mjs.map