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

package/dist/mozaic-angular/esm2020/components/tag/tag.component.mjs

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export 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() {
+        return this.elementRef?.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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxZQUFZO0lBV3ZCLFlBQW9CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBUjlDLFNBQUksR0FBYyxHQUFHLENBQUM7UUFFdEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVkLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUUzQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHakQsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQ1csY0FBYztRQUN2QixPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDcEQsQ0FBQztJQUVELElBQVcsYUFBYTtRQUN0QixPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsU0FBUyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFZLE9BQU87UUFDakIsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQVksVUFBVTtRQUNwQixPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssR0FBRyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFZLFdBQVc7UUFDckIsT0FBTyxVQUFVLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBWSxZQUFZO1FBQ3RCLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRU8sY0FBYztRQUNwQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzNDLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0saUJBQWlCLENBQUMsTUFBZTtRQUN0QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOzt5R0FsRFUsWUFBWTs2RkFBWixZQUFZLDBQQ25CekIsczdCQTZCQTsyRkRWYSxZQUFZO2tCQVB4QixTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO2lHQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUVHLGFBQWE7c0JBQXRCLE1BQU07Z0JBT0ksY0FBYztzQkFEeEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFnVHlwZSB9IGZyb20gJy4vdGFnLXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb3otdGFnLCBhW21vei10YWddJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVGFnQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdHlwZTogVGFnVHlwZTtcblxuICBASW5wdXQoKSBzaXplOiAncycgfCAnbScgPSAnbSc7XG5cbiAgQElucHV0KCkgc2VsZWN0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHNlbGVjdENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBAT3V0cHV0KCkgY2xpY2tPblJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7XG4gICAgdGhpcy50eXBlID0gdGhpcy5nZXREZWZhdWx0VHlwZSgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHB1YmxpYyBnZXQgaG9zdENzc0NsYXNzZXMoKSB7XG4gICAgcmV0dXJuIGAke3RoaXMudGFnQ3NzQ2xhc3N9ICR7dGhpcy5zaXplQ3NzQ2xhc3N9YDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGFiZWxDc3NDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLnRhZ0Nzc0NsYXNzfV9fbGFiZWxgO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgdGFnTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgaG9zdElzTGluaygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy50YWdOYW1lID09PSAnYSc7XG4gIH1cblxuICBwcml2YXRlIGdldCB0YWdDc3NDbGFzcygpIHtcbiAgICByZXR1cm4gYG1jLXRhZy0ke3RoaXMudHlwZX1gO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgc2l6ZUNzc0NsYXNzKCkge1xuICAgIHJldHVybiBgJHt0aGlzLnRhZ0Nzc0NsYXNzfS0tJHt0aGlzLnNpemV9YDtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0RGVmYXVsdFR5cGUoKTogVGFnVHlwZSB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdElzTGluayA/ICdsaW5rJyA6ICd0ZXh0JztcbiAgfVxuXG4gIHB1YmxpYyBlbWl0UmVtb3ZlKCkge1xuICAgIHRoaXMuY2xpY2tPblJlbW92ZS5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgZW1pdFNlbGVjdENoYW5nZXMoJGV2ZW50OiBib29sZWFuKSB7XG4gICAgdGhpcy5zZWxlY3RDaGFuZ2UuZW1pdCgkZXZlbnQpO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI2xhYmVsVGVtcGxhdGU+XG4gIDxzcGFuIFtuZ0NsYXNzXT1cImxhYmVsQ3NzQ2xhc3NcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NlbGVjdGFibGUnXCI+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cIm1jLXRhZy1zZWxlY3RhYmxlX19pbnB1dFwiXG4gICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgaWQ9XCJzZWxlY3RhYmxlXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlbGVjdFwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJlbWl0U2VsZWN0Q2hhbmdlcygkZXZlbnQpXCJcbiAgICAvPlxuICAgIDxsYWJlbCBjbGFzcz1cIm1jLXRhZy1zZWxlY3RhYmxlX19waWxsXCIgZm9yPVwic2VsZWN0YWJsZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJsYWJlbFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9sYWJlbD5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3JlbW92YWJsZSdcIj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImxhYmVsVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8YnV0dG9uIGNsYXNzPVwibWMtdGFnLXJlbW92YWJsZV9fcmVtb3ZlXCIgKGNsaWNrKT1cImVtaXRSZW1vdmUoKVwiPjwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJsYWJlbFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/dist/mozaic-angular/esm2020/components/taglist/components/taglist-layer-content/taglist-layer-content.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation } from '@angular/core';
+import { LAYER_DATA, LAYER_REF } from '../../../layer/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../tag/tag.component";
+export 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: i2.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]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnbGlzdC1sYXllci1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL3RhZ2xpc3QvY29tcG9uZW50cy90YWdsaXN0LWxheWVyLWNvbnRlbnQvdGFnbGlzdC1sYXllci1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL3RhZ2xpc3QvY29tcG9uZW50cy90YWdsaXN0LWxheWVyLWNvbnRlbnQvdGFnbGlzdC1sYXllci1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFXOUQsTUFBTSxPQUFPLDRCQUE0QjtJQUt2QyxZQUNzQyxJQUFTLEVBQ1YsUUFBa0I7UUFEakIsU0FBSSxHQUFKLElBQUksQ0FBSztRQUNWLGFBQVEsR0FBUixRQUFRLENBQVU7UUFOaEQsYUFBUSxHQUFjLEVBQUUsQ0FBQztRQUN6QixZQUFPLEdBQWMsR0FBRyxDQUFDO1FBTzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDMUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxjQUFjLENBQUMsT0FBZ0I7UUFDcEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMzQyxDQUFDOzt5SEFuQlUsNEJBQTRCLGtCQU03QixVQUFVLGFBQ1YsU0FBUzs2R0FQUiw0QkFBNEIsK0hDYnpDLHFTQVlBOzJGRENhLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDRSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0IsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUU7OzBCQVEzQyxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUYWdJdGVtIH0gZnJvbSAnLi4vLi4vLi4vdGFnL3RhZy10eXBlJztcbmltcG9ydCB7IExBWUVSX0RBVEEsIExBWUVSX1JFRiB9IGZyb20gJy4uLy4uLy4uL2xheWVyL3Rva2Vucyc7XG5pbXBvcnQgeyBMYXllclJlZiB9IGZyb20gJy4uLy4uLy4uL2xheWVyL2ludGVyZmFjZXMvbGF5ZXItcmVmJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW96LXRhZ2xpc3QtbGF5ZXItY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWdsaXN0LWxheWVyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWdsaXN0LWxheWVyLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHsgJ1tjbGFzcy5tYy10YWdsaXN0X19tYW5hZ2VdJzogJ3RydWUnIH0sXG59KVxuZXhwb3J0IGNsYXNzIFRhZ2xpc3RMYXllckNvbnRlbnRDb21wb25lbnQge1xuICBwdWJsaWMgdGFnSXRlbXM6IFRhZ0l0ZW1bXSA9IFtdO1xuICBwdWJsaWMgdGFnU2l6ZTogJ3MnIHwgJ20nID0gJ3MnO1xuICBwcml2YXRlIF9yZW1vdmVkVGFnRnJvbUxheWVyJDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KExBWUVSX0RBVEEpIHB1YmxpYyByZWFkb25seSBkYXRhOiBhbnksXG4gICAgQEluamVjdChMQVlFUl9SRUYpIHB1YmxpYyByZWFkb25seSBsYXllclJlZjogTGF5ZXJSZWZcbiAgKSB7XG4gICAgdGhpcy50YWdJdGVtcyA9IGRhdGEudGFncztcbiAgICB0aGlzLnRhZ1NpemUgPSBkYXRhLnNpemU7XG4gICAgdGhpcy5fcmVtb3ZlZFRhZ0Zyb21MYXllciQgPSBkYXRhLnN1YmplY3Q7XG4gICAgdGhpcy5sYXllclJlZi5jb25maWckLnN1YnNjcmliZSgoY29uZmlnKSA9PiB7XG4gICAgICB0aGlzLnRhZ0l0ZW1zID0gY29uZmlnLmRhdGEudGFncztcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVUYWdFdmVudCh0YWdJdGVtOiBUYWdJdGVtKTogdm9pZCB7XG4gICAgdGhpcy5fcmVtb3ZlZFRhZ0Zyb21MYXllciQubmV4dCh0YWdJdGVtKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1jLXRhZ2xpc3RfX2JvZHlcIj5cbiAgPGRpdiBjbGFzcz1cIm1jLXRhZ2xpc3RcIj5cbiAgICA8bW96LXRhZ1xuICAgICAgdHlwZT1cInJlbW92YWJsZVwiXG4gICAgICAqbmdGb3I9XCJsZXQgdGFnSXRlbSBvZiB0YWdJdGVtc1wiXG4gICAgICBbc2l6ZV09XCJ0YWdTaXplXCJcbiAgICAgIChjbGlja09uUmVtb3ZlKT1cInJlbW92ZVRhZ0V2ZW50KHRhZ0l0ZW0pXCJcbiAgICA+XG4gICAgICB7eyB0YWdJdGVtLmxhYmVsIH19XG4gICAgPC9tb3otdGFnPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/dist/mozaic-angular/esm2020/components/taglist/index.mjs

@@ -0,0 +1,4 @@
+export * from './taglist.module';
+export * from './taglist.component';
+export * from './components/taglist-layer-content/taglist-layer-content.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy90YWdsaXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG9FQUFvRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90YWdsaXN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RhZ2xpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy90YWdsaXN0LWxheWVyLWNvbnRlbnQvdGFnbGlzdC1sYXllci1jb250ZW50LmNvbXBvbmVudCc7XG4iXX0=

package/dist/mozaic-angular/esm2020/components/taglist/public-api.mjs

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

package/dist/mozaic-angular/esm2020/components/taglist/taglist.component.mjs

@@ -0,0 +1,76 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { TaglistLayerContentComponent } from './components/taglist-layer-content/taglist-layer-content.component';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../layer/layer.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../tag/tag.component";
+export 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: i1.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i1.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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy90YWdsaXN0L3RhZ2xpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvdGFnbGlzdC90YWdsaXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNsSCxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFVMUMsTUFBTSxPQUFPLGdCQUFnQjtJQWMzQixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWJyQyxhQUFRLEdBQWMsRUFBRSxDQUFDO1FBQ3pCLFlBQU8sR0FBYyxHQUFHLENBQUM7UUFDekIsaUJBQVksR0FBVyxVQUFVLENBQUM7UUFDbEMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixtQkFBYyxHQUFZLE1BQU0sQ0FBQztRQUNqQyxrQkFBYSxHQUFZLGlDQUFpQyxDQUFDO1FBQzNELFFBQUcsR0FBVyxDQUFDLENBQUM7UUFDZixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUUxQywwQkFBcUIsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBQy9DLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBR2UsQ0FBQztJQUUzQyxZQUFZO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsNEJBQTRCLEVBQUU7WUFDMUUsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksVUFBVTtZQUN4QyxJQUFJLEVBQUUsSUFBSSxDQUFDLGFBQWEsSUFBSSxpQ0FBaUM7WUFDN0QsSUFBSSxFQUFFO2dCQUNKLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUTtnQkFDbkIsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPO2dCQUNsQixPQUFPLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjthQUNwQztTQUNGLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxxQkFBcUI7YUFDdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDL0IsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVNLGNBQWMsQ0FBQyxPQUFnQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sd0JBQXdCLENBQUMsUUFBbUI7UUFDakQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLENBQUM7WUFDaEMsSUFBSSxFQUFFO2dCQUNKLElBQUksRUFBRSxRQUFRO2FBQ2Y7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OzZHQW5EVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiw4UUN0QjdCLGttQkFzQkE7MkZEQWEsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTttR0FHNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhZ0l0ZW0gfSBmcm9tICcuLi90YWcvdGFnLXR5cGUnO1xuaW1wb3J0IHsgTGF5ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vbGF5ZXIvbGF5ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBUYWdsaXN0TGF5ZXJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RhZ2xpc3QtbGF5ZXItY29udGVudC90YWdsaXN0LWxheWVyLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTGF5ZXJSZWYgfSBmcm9tICcuLi9sYXllci9pbnRlcmZhY2VzL2xheWVyLXJlZic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei10YWdsaXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZ2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWdsaXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBUYWdsaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdGFnSXRlbXM6IFRhZ0l0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSB0YWdTaXplOiAncycgfCAnbScgPSAncyc7XG4gIEBJbnB1dCgpIHNob3dBbGxUaXRsZTogc3RyaW5nID0gJ1Nob3cgYWxsJztcbiAgQElucHV0KCkgc2hvd0FsbDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYXllclRhZ3NUaXRsZT86IHN0cmluZyA9ICdUYWdzJztcbiAgQElucHV0KCkgbGF5ZXJUYWdzSWNvbj86IHN0cmluZyA9ICdOYXZpZ2F0aW9uX0Rpc3BsYXlfU2V0dGluZ18yNHB4JztcbiAgQElucHV0KCkgbWF4OiBudW1iZXIgPSA1O1xuICBAT3V0cHV0KCkgcmVtb3ZlVGFnID0gbmV3IEV2ZW50RW1pdHRlcjxUYWdJdGVtPigpO1xuXG4gIHByaXZhdGUgX3JlbW92ZWRUYWdGcm9tTGF5ZXIkID0gbmV3IFN1YmplY3Q8VGFnSXRlbT4oKTtcbiAgcHJpdmF0ZSBkZXN0cm95ZWQgPSBuZXcgU3ViamVjdCgpO1xuICBwcml2YXRlIHRhZ2xpc3RMYXllclJlZiE6IExheWVyUmVmPFRhZ2xpc3RMYXllckNvbnRlbnRDb21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbGF5ZXJTZXJ2aWNlOiBMYXllclNlcnZpY2UpIHt9XG5cbiAgcHVibGljIHNob3dBbGxFdmVudCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhZ2xpc3RMYXllclJlZiA9IHRoaXMubGF5ZXJTZXJ2aWNlLm9wZW4oVGFnbGlzdExheWVyQ29udGVudENvbXBvbmVudCwge1xuICAgICAgdGl0bGU6IHRoaXMubGF5ZXJUYWdzVGl0bGUgfHwgJ1NldHRpbmdzJyxcbiAgICAgIGljb246IHRoaXMubGF5ZXJUYWdzSWNvbiB8fCAnTmF2aWdhdGlvbl9EaXNwbGF5X1NldHRpbmdfMjRweCcsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIHRhZ3M6IHRoaXMudGFnSXRlbXMsXG4gICAgICAgIHNpemU6IHRoaXMudGFnU2l6ZSxcbiAgICAgICAgc3ViamVjdDogdGhpcy5fcmVtb3ZlZFRhZ0Zyb21MYXllciQsXG4gICAgICB9LFxuICAgIH0pO1xuXG4gICAgdGhpcy5fcmVtb3ZlZFRhZ0Zyb21MYXllciRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3llZCkpXG4gICAgICAuc3Vic2NyaWJlKCh0YWdJdGVtKSA9PiB0aGlzLnJlbW92ZVRhZ0V2ZW50KHRhZ0l0ZW0pKTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVUYWdFdmVudCh0YWdJdGVtOiBUYWdJdGVtKSB7XG4gICAgdGhpcy5yZW1vdmVUYWcuZW1pdCh0YWdJdGVtKTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVUYWdsaXN0TGF5ZXJDb25maWcodGFnSXRlbXM6IFRhZ0l0ZW1bXSk6IHZvaWQge1xuICAgIHRoaXMudGFnbGlzdExheWVyUmVmLnVwZGF0ZUNvbmZpZyh7XG4gICAgICBkYXRhOiB7XG4gICAgICAgIHRhZ3M6IHRhZ0l0ZW1zLFxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZVRhZ2xpc3RMYXllcigpOiB2b2lkIHtcbiAgICB0aGlzLnRhZ2xpc3RMYXllclJlZi5jbG9zZSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95ZWQubmV4dChudWxsKTtcbiAgICB0aGlzLmRlc3Ryb3llZC5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWMtdGFnbGlzdFwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB0YWdJdGVtIG9mIHRhZ0l0ZW1zOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPG1vei10YWdcbiAgICAgIGNsYXNzPVwidGFnLXNlbGVjdGVkXCJcbiAgICAgICpuZ0lmPVwiaSA8IG1heCB8fCBzaG93QWxsXCJcbiAgICAgIHR5cGU9XCJyZW1vdmFibGVcIlxuICAgICAgW3NpemVdPVwidGFnU2l6ZVwiXG4gICAgICAoY2xpY2tPblJlbW92ZSk9XCJyZW1vdmVUYWdFdmVudCh0YWdJdGVtKVwiXG4gICAgPlxuICAgICAge3sgdGFnSXRlbS5sYWJlbCB9fVxuICAgIDwvbW96LXRhZz5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2hvd0FsbCAmJiB0YWdJdGVtcy5sZW5ndGggPiBtYXhcIj5cbiAgICA8YVxuICAgICAgbW96LXRhZ1xuICAgICAgW3NpemVdPVwidGFnU2l6ZVwiXG4gICAgICBjbGFzcz1cInRhZy1zZWxlY3RlZCBtYy10YWdsaXN0X19zaG93aGlkZVwiXG4gICAgICAoY2xpY2spPVwic2hvd0FsbEV2ZW50KClcIlxuICAgICAgPnt7IHNob3dBbGxUaXRsZSB9fTwvYVxuICAgID5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==

package/dist/mozaic-angular/esm2020/components/taglist/taglist.module.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TaglistComponent } from './taglist.component';
+import { TagModule } from '../tag/tag.module';
+import { TaglistLayerContentComponent } from './components/taglist-layer-content/taglist-layer-content.component';
+import { ButtonModule } from '../button/button.module';
+import * as i0 from "@angular/core";
+export 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],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy90YWdsaXN0L3RhZ2xpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNsSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLEVBQUUsNEJBQTRCLGFBQ25ELFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxhQUNyQyxnQkFBZ0IsRUFBRSw0QkFBNEI7MkdBRTdDLGFBQWEsWUFIZCxZQUFZLEVBQUUsU0FBUyxFQUFFLFlBQVk7MkZBR3BDLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsNEJBQTRCLENBQUM7b0JBQzlELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO29CQUNoRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSw0QkFBNEIsQ0FBQztpQkFDMUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhZ2xpc3RDb21wb25lbnQgfSBmcm9tICcuL3RhZ2xpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IFRhZ01vZHVsZSB9IGZyb20gJy4uL3RhZy90YWcubW9kdWxlJztcbmltcG9ydCB7IFRhZ2xpc3RMYXllckNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdGFnbGlzdC1sYXllci1jb250ZW50L3RhZ2xpc3QtbGF5ZXItY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUYWdsaXN0Q29tcG9uZW50LCBUYWdsaXN0TGF5ZXJDb250ZW50Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVGFnTW9kdWxlLCBCdXR0b25Nb2R1bGVdLFxuICBleHBvcnRzOiBbVGFnbGlzdENvbXBvbmVudCwgVGFnbGlzdExheWVyQ29udGVudENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFRhZ2xpc3RNb2R1bGUge31cbiJdfQ==

package/dist/mozaic-angular/esm2020/components/text-input/text-input.component.mjs

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
+import { castBooleanProperty } from '../../common/utils';
+import * as i0 from "@angular/core";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy90ZXh0LWlucHV0L3RleHQtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFdBQVcsRUFDWCxLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVV6RCxNQUFNLE9BQU8sa0JBQWtCO0lBTzdCLFlBQTZCLFVBQXdDO1FBQXhDLGVBQVUsR0FBVixVQUFVLENBQThCO1FBTnJELFNBQUksR0FBa0IsR0FBRyxDQUFDO1FBRWxDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUVpRCxDQUFDO0lBRXpFLElBQ1csY0FBYztRQUN2QixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNoRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN0RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNoRyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQzVFLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUM7UUFDbkMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFZLFdBQVc7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDO0lBQ3RELENBQUM7SUFFRCxJQUFZLGFBQWE7UUFDdkIsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLE9BQU8sQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBWSxVQUFVO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxVQUFVLENBQUM7SUFDekMsQ0FBQztJQUVELElBQVksVUFBVTtRQUNwQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsT0FBTyxvQkFBb0IsQ0FBQztTQUM3QjtRQUNELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixPQUFPLGlCQUFpQixDQUFDO1NBQzFCO1FBQ0QsT0FBTyxlQUFlLENBQUM7SUFDekIsQ0FBQztJQUVELElBQW9CLE9BQU8sQ0FBQyxHQUFZO1FBQ3RDLElBQUksQ0FBQyxRQUFRLEdBQUcsbUJBQW1CLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQW9CLEtBQUssQ0FBQyxHQUFZO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEdBQUcsbUJBQW1CLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekMsQ0FBQzs7K0dBdERVLGtCQUFrQjttR0FBbEIsa0JBQWtCLGdMQUxuQixFQUFFOzJGQUtELGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEIsRUFBRSxtQkFFSyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO2lHQUdyQixJQUFJO3NCQUFuQixLQUFLO2dCQVNLLGNBQWM7c0JBRHhCLFdBQVc7dUJBQUMsT0FBTztnQkF1Q0EsT0FBTztzQkFBMUIsS0FBSztnQkFJYyxLQUFLO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjYXN0Qm9vbGVhblByb3BlcnR5IH0gZnJvbSAnLi4vLi4vY29tbW9uL3V0aWxzJztcbmltcG9ydCB7IFRleHRJbnB1dFNpemUgfSBmcm9tICcuL3RleHQtaW5wdXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbnB1dFttb3otaW5wdXRdJyxcbiAgdGVtcGxhdGU6ICcnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0LWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogVGV4dElucHV0U2l6ZSA9ICdtJztcblxuICBwcml2YXRlIF9pbnZhbGlkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfdmFsaWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4pIHt9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHB1YmxpYyBnZXQgaG9zdENzc0NsYXNzZXMoKSB7XG4gICAgY29uc3QgdmFsaWRDbGFzcyA9IHRoaXMudmFsaWQgPyAnaXMtdmFsaWQnIDogJyc7XG4gICAgY29uc3QgaW52YWxpZENsYXNzID0gdGhpcy5pbnZhbGlkID8gJ2lzLWludmFsaWQnIDogJyc7XG4gICAgY29uc3Qgc2l6ZUNzc0NsYXNzID0gdGhpcy5pc1JhZGlvQnV0dG9uIHx8IHRoaXMuaXNDaGVja2JveCA/ICcnIDogYG1jLXRleHQtaW5wdXQtLSR7dGhpcy5zaXplfWA7XG4gICAgcmV0dXJuIGAke3RoaXMuaW5wdXRDbGFzc30gJHtzaXplQ3NzQ2xhc3N9ICR7dmFsaWRDbGFzc30gJHtpbnZhbGlkQ2xhc3N9YDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaW52YWxpZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faW52YWxpZCB8fCBmYWxzZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmFsaWQoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgdmFsaWQgPSB0aGlzLl92YWxpZCB8fCBmYWxzZTtcbiAgICByZXR1cm4gIXRoaXMuaW52YWxpZCAmJiB2YWxpZDtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IHR5cGVFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC50eXBlIHx8ICd0ZXh0JztcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IGlzUmFkaW9CdXR0b24oKSB7XG4gICAgcmV0dXJuIHRoaXMudHlwZUVsZW1lbnQgPT09ICdyYWRpbyc7XG4gIH1cblxuICBwcml2YXRlIGdldCBpc0NoZWNrYm94KCkge1xuICAgIHJldHVybiB0aGlzLnR5cGVFbGVtZW50ID09PSAnY2hlY2tib3gnO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgaW5wdXRDbGFzcygpIHtcbiAgICBpZiAodGhpcy5pc0NoZWNrYm94KSB7XG4gICAgICByZXR1cm4gJ21jLWNoZWNrYm94X19pbnB1dCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmlzUmFkaW9CdXR0b24pIHtcbiAgICAgIHJldHVybiAnbWMtcmFkaW9fX2lucHV0JztcbiAgICB9XG4gICAgcmV0dXJuICdtYy10ZXh0LWlucHV0JztcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgaW52YWxpZCh2YWw6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9pbnZhbGlkID0gY2FzdEJvb2xlYW5Qcm9wZXJ0eSh2YWwpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCB2YWxpZCh2YWw6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl92YWxpZCA9IGNhc3RCb29sZWFuUHJvcGVydHkodmFsKTtcbiAgfVxufVxuIl19

package/dist/mozaic-angular/esm2020/components/toggle/toggle.component.mjs

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component, forwardRef, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { generateId } from '../../common';
+import * as i0 from "@angular/core";
+export const TOGGLE_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => ToggleComponent),
+    multi: true,
+};
+export 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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL3RvZ2dsZS90b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvdG9nZ2xlL3RvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBRzFDLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFRO0lBQ2hELE9BQU8sRUFBRSxpQkFBaUI7SUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7SUFDOUMsS0FBSyxFQUFFLElBQUk7Q0FDWixDQUFDO0FBVUYsTUFBTSxPQUFPLGVBQWU7SUFPMUIsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBSUQ7UUFaZ0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQWUsR0FBRyxDQUFDO1FBRS9CLGFBQVEsR0FBRyxLQUFLLENBQUM7UUErQmxCLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFaEMsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQXhCdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFDVyxPQUFPLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBTztRQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBTUQsTUFBTTtRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELElBQ1csY0FBYztRQUN2QixNQUFNLFNBQVMsR0FBRyxjQUFjLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM1QyxPQUFPLGFBQWEsU0FBUyxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7NEdBaERVLGVBQWU7Z0dBQWYsZUFBZSxtS0FGZixDQUFDLDZCQUE2QixDQUFDLDBCQ3hCNUMsb1RBYUE7MkZEYWEsZUFBZTtrQkFSM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyw2QkFBNkIsQ0FBQzswRUFHMUIsUUFBUTtzQkFBdkIsS0FBSztnQkFFVSxJQUFJO3NCQUFuQixLQUFLO2dCQWVLLE9BQU87c0JBRGpCLEtBQUs7Z0JBNEJLLGNBQWM7c0JBRHhCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVJZCB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5pbXBvcnQgeyBUb2dnbGVTaXplIH0gZnJvbSAnLi90b2dnbGUtc2l6ZSc7XG5cbmV4cG9ydCBjb25zdCBUT0dHTEVfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xuICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVG9nZ2xlQ29tcG9uZW50KSxcbiAgbXVsdGk6IHRydWUsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb3otdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbVE9HR0xFX0NPTlRST0xfVkFMVUVfQUNDRVNTT1JdLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiBUb2dnbGVTaXplID0gJ20nO1xuXG4gIHByaXZhdGUgX2NoZWNrZWQgPSBmYWxzZTtcblxuICBwdWJsaWMgZ2V0IGNoZWNrZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlSWQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnRvZ2dsZUlkID0gZ2VuZXJhdGVJZCgpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBjaGVja2VkKHYpIHtcbiAgICB0aGlzLl9jaGVja2VkID0gdjtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuX2NoZWNrZWQpO1xuICAgIHRoaXMub25Ub3VjaCgpO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIHRoaXMuY2hlY2tlZCA9ICEhdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgdG9nZ2xlKCkge1xuICAgIHRoaXMud3JpdGVWYWx1ZSghdGhpcy5jaGVja2VkKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwdWJsaWMgZ2V0IGhvc3RDc3NDbGFzc2VzKCkge1xuICAgIGNvbnN0IHNpemVDbGFzcyA9IGBtYy10b2dnbGUtLSR7dGhpcy5zaXplfWA7XG4gICAgcmV0dXJuIGBtYy10b2dnbGUgJHtzaXplQ2xhc3N9YDtcbiAgfVxufVxuIiwiPGlucHV0XG4gIFtpZF09XCJ0b2dnbGVJZFwiXG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBjbGFzcz1cIm1jLXRvZ2dsZV9faW5wdXRcIlxuICAoY2xpY2spPVwidG9nZ2xlKClcIlxuLz5cbjxsYWJlbCBjbGFzcz1cIm1jLXRvZ2dsZV9fbGFiZWxcIiBbZm9yXT1cInRvZ2dsZUlkXCI+XG4gIDxzcGFuIGNsYXNzPVwibWMtdG9nZ2xlX19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L2xhYmVsPlxuIl19