@mozaic-ds/angular 0.24.0-beta.5 → 0.24.0-beta.7

package/esm2020/components/checkbox/checkbox.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, ViewEncapsulation, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { generateId } from '../../common';
 import * as i0 from "@angular/core";
@@ -12,14 +12,18 @@ export class CheckboxComponent {
     get checked() {
         return this._checked;
     }
-    constructor() {
+    constructor(cd) {
+        this.cd = cd;
         this.disabled = false;
         this.indeterminate = false;
         this.invalid = false;
+        this.toggleEvent = new EventEmitter();
         this._checked = false;
         this.onChange = () => { };
         this.onTouch = () => { };
-        this.checkboxId = generateId();
+        if (!this.id) {
+            this.id = generateId();
+        }
     }
     set checked(v) {
         this._checked = v;
@@ -28,6 +32,7 @@ export class CheckboxComponent {
     }
     writeValue(value) {
         this.checked = !!value;
+        this.toggleEvent.emit(this.id);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -38,21 +43,30 @@ export class CheckboxComponent {
     toggle() {
         this.writeValue(!this.checked);
     }
+    refreshView() {
+        this.cd.markForCheck();
+        this.cd.detectChanges();
+    }
+    getToggleEvent() {
+        return this.toggleEvent;
+    }
 }
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CheckboxComponent, selector: "moz-checkbox", inputs: { disabled: "disabled", indeterminate: "indeterminate", invalid: "invalid", checked: "checked" }, host: { properties: { "class.mc-checkbox": "true" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n  [id]=\"checkboxId\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;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{appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CheckboxComponent, selector: "moz-checkbox", inputs: { disabled: "disabled", indeterminate: "indeterminate", invalid: "invalid", id: "id", checked: "checked" }, host: { properties: { "class.mc-checkbox": "true" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n  [id]=\"id\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"id\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;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{appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'moz-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.mc-checkbox]': 'true',
-                    }, template: "<input\n  [id]=\"checkboxId\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;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{appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                    }, template: "<input\n  [id]=\"id\"\n  type=\"checkbox\"\n  class=\"mc-checkbox__input\"\n  [checked]=\"checked\"\n  (click)=\"toggle()\"\n  [ngClass]=\"{ 'is-invalid': invalid }\"\n  [disabled]=\"disabled\"\n  [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"id\" class=\"mc-checkbox__label\">\n  <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;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{appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
                 type: Input
             }], indeterminate: [{
                 type: Input
             }], invalid: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], checked: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUUxQyxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBUTtJQUNsRCxPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7SUFDaEQsS0FBSyxFQUFFLElBQUk7Q0FDWixDQUFDO0FBYUYsTUFBTSxPQUFPLGlCQUFpQjtJQVM1QixJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFJRDtRQWRnQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBRXRCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFeEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQStCekIsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUV6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBeEJ0QixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUNXLE9BQU8sQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFNRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqQyxDQUFDOzsrR0E1Q1UsaUJBQWlCO21HQUFqQixpQkFBaUIsd01BUGpCLENBQUMsK0JBQStCLENBQUMsMEJDcEI5Qyx3VkFhQTs0RkRjYSxpQkFBaUI7a0JBWDdCLFNBQVM7K0JBQ0UsY0FBYyxhQUdiLENBQUMsK0JBQStCLENBQUMsbUJBQzNCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0oscUJBQXFCLEVBQUUsTUFBTTtxQkFDOUI7MEVBR2UsUUFBUTtzQkFBdkIsS0FBSztnQkFFVSxhQUFhO3NCQUE1QixLQUFLO2dCQUVVLE9BQU87c0JBQXRCLEtBQUs7Z0JBZUssT0FBTztzQkFEakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBnZW5lcmF0ZUlkIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcblxuZXhwb3J0IGNvbnN0IENIRUNLQk9YX0NPTlRST0xfVkFMVUVfQUNDRVNTT1I6IGFueSA9IHtcbiAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENoZWNrYm94Q29tcG9uZW50KSxcbiAgbXVsdGk6IHRydWUsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb3otY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtDSEVDS0JPWF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLm1jLWNoZWNrYm94XSc6ICd0cnVlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBpbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgQElucHV0KCkgcHVibGljIGludmFsaWQgPSBmYWxzZTtcblxuICBwcml2YXRlIF9jaGVja2VkID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBjaGVja2VkKCkge1xuICAgIHJldHVybiB0aGlzLl9jaGVja2VkO1xuICB9XG5cbiAgcHVibGljIGNoZWNrYm94SWQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmNoZWNrYm94SWQgPSBnZW5lcmF0ZUlkKCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGNoZWNrZWQodikge1xuICAgIHRoaXMuX2NoZWNrZWQgPSB2O1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy5fY2hlY2tlZCk7XG4gICAgdGhpcy5vblRvdWNoKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmNoZWNrZWQgPSAhIXZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLndyaXRlVmFsdWUoIXRoaXMuY2hlY2tlZCk7XG4gIH1cbn1cbiIsIjxpbnB1dFxuICBbaWRdPVwiY2hlY2tib3hJZFwiXG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIGNsYXNzPVwibWMtY2hlY2tib3hfX2lucHV0XCJcbiAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gIChjbGljayk9XCJ0b2dnbGUoKVwiXG4gIFtuZ0NsYXNzXT1cInsgJ2lzLWludmFsaWQnOiBpbnZhbGlkIH1cIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbaW5kZXRlcm1pbmF0ZV09XCJpbmRldGVybWluYXRlXCJcbi8+XG48bGFiZWwgW2Zvcl09XCJjaGVja2JveElkXCIgY2xhc3M9XCJtYy1jaGVja2JveF9fbGFiZWxcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFFMUMsTUFBTSxDQUFDLE1BQU0sK0JBQStCLEdBQVE7SUFDbEQsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hELEtBQUssRUFBRSxJQUFJO0NBQ1osQ0FBQztBQWFGLE1BQU0sT0FBTyxpQkFBaUI7SUFXNUIsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBSUQsWUFBb0IsRUFBcUI7UUFBckIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFoQnpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFdEIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUV4QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRS9ELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFrQ3pCLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFekIsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQTNCdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDWixJQUFJLENBQUMsRUFBRSxHQUFHLFVBQVUsRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELElBQ1csT0FBTyxDQUFDLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFNRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7OytHQTFEVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrTkFQakIsQ0FBQywrQkFBK0IsQ0FBQywwQkN0QjlDLHdVQWFBOzRGRGdCYSxpQkFBaUI7a0JBWDdCLFNBQVM7K0JBQ0UsY0FBYyxhQUdiLENBQUMsK0JBQStCLENBQUMsbUJBQzNCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0oscUJBQXFCLEVBQUUsTUFBTTtxQkFDOUI7d0dBR2UsUUFBUTtzQkFBdkIsS0FBSztnQkFFVSxhQUFhO3NCQUE1QixLQUFLO2dCQUVVLE9BQU87c0JBQXRCLEtBQUs7Z0JBVVUsRUFBRTtzQkFBakIsS0FBSztnQkFTSyxPQUFPO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgZm9yd2FyZFJlZixcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGdlbmVyYXRlSWQgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuXG5leHBvcnQgY29uc3QgQ0hFQ0tCT1hfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xuICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hDb21wb25lbnQpLFxuICBtdWx0aTogdHJ1ZSxcbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW0NIRUNLQk9YX0NPTlRST0xfVkFMVUVfQUNDRVNTT1JdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MubWMtY2hlY2tib3hdJzogJ3RydWUnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgcHVibGljIGluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICBASW5wdXQoKSBwdWJsaWMgaW52YWxpZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgdG9nZ2xlRXZlbnQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHJpdmF0ZSBfY2hlY2tlZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBnZXQgY2hlY2tlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fY2hlY2tlZDtcbiAgfVxuXG4gIEBJbnB1dCgpIHB1YmxpYyBpZD86IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIGlmICghdGhpcy5pZCkge1xuICAgICAgdGhpcy5pZCA9IGdlbmVyYXRlSWQoKTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGNoZWNrZWQodikge1xuICAgIHRoaXMuX2NoZWNrZWQgPSB2O1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy5fY2hlY2tlZCk7XG4gICAgdGhpcy5vblRvdWNoKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmNoZWNrZWQgPSAhIXZhbHVlO1xuICAgIHRoaXMudG9nZ2xlRXZlbnQuZW1pdCh0aGlzLmlkKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxuXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcblxuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy53cml0ZVZhbHVlKCF0aGlzLmNoZWNrZWQpO1xuICB9XG5cbiAgcHVibGljIHJlZnJlc2hWaWV3KCk6IHZvaWQge1xuICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0VG9nZ2xlRXZlbnQoKTogRXZlbnRFbWl0dGVyPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLnRvZ2dsZUV2ZW50O1xuICB9XG59XG4iLCI8aW5wdXRcbiAgW2lkXT1cImlkXCJcbiAgdHlwZT1cImNoZWNrYm94XCJcbiAgY2xhc3M9XCJtYy1jaGVja2JveF9faW5wdXRcIlxuICBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgW25nQ2xhc3NdPVwieyAnaXMtaW52YWxpZCc6IGludmFsaWQgfVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtpbmRldGVybWluYXRlXT1cImluZGV0ZXJtaW5hdGVcIlxuLz5cbjxsYWJlbCBbZm9yXT1cImlkXCIgY2xhc3M9XCJtYy1jaGVja2JveF9fbGFiZWxcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==

package/esm2020/components/checkbox-group/checkbox-group.component.mjs

@@ -0,0 +1,101 @@
+import { Component, ContentChildren, Inject, Injector, Input, ViewEncapsulation, forwardRef, } from '@angular/core';
+import { FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, } from '@angular/forms';
+import { CheckboxComponent } from '../checkbox/checkbox.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CheckboxGroupComponent {
+    constructor(injector) {
+        this.injector = injector;
+        this.legend = '';
+        this.requirementText = '';
+        this.helpId = '';
+        this.helpText = '';
+        this.inline = false;
+        this.onCheckboxGroupChange = () => { };
+        this.onCheckboxGroupTouch = () => { };
+    }
+    ngOnInit() {
+        const ngControl = this.injector.get(NgControl);
+        if (ngControl instanceof FormControlName) {
+            this.control = this.injector.get(FormGroupDirective).getControl(ngControl);
+        }
+    }
+    ngAfterContentInit() {
+        this.checkboxComponents?.toArray().forEach((checkboxComponent) => {
+            checkboxComponent.getToggleEvent().subscribe((id) => {
+                this.selectedCheckboxGroupEvent(id);
+            });
+        });
+    }
+    updateOptionCardChecked(checkboxSelected) {
+        this.checkboxComponents?.toArray().forEach((checkbox) => {
+            if (checkboxSelected?.find((selected) => selected === checkbox.id)) {
+                checkbox.checked = true;
+                checkbox.refreshView();
+            }
+        });
+    }
+    writeValue(selectedCheckboxGroup) {
+        if (selectedCheckboxGroup) {
+            this.onCheckboxGroupChange(selectedCheckboxGroup);
+            this.updateOptionCardChecked(selectedCheckboxGroup);
+        }
+    }
+    registerOnChange(fn) {
+        this.onCheckboxGroupChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onCheckboxGroupTouch = fn;
+    }
+    selectedCheckboxGroupEvent(selectedCheckboxId) {
+        if (!this.checkboxSelectedId) {
+            this.checkboxSelectedId = [];
+        }
+        const index = this.checkboxSelectedId.findIndex((value) => value === selectedCheckboxId);
+        if (index !== -1) {
+            this.checkboxSelectedId.splice(index, 1);
+        }
+        else {
+            this.checkboxSelectedId.push(selectedCheckboxId);
+        }
+        this.writeValue(this.checkboxSelectedId);
+        this.control?.setValue(this.checkboxSelectedId);
+        this.control?.markAsDirty();
+        this.control?.markAsTouched();
+    }
+}
+CheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: Injector }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CheckboxGroupComponent, selector: "moz-checkbox-group", inputs: { legend: "legend", requirementText: "requirementText", helpId: "helpId", helpText: "helpText", inline: "inline" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CheckboxGroupComponent),
+            multi: true,
+        },
+    ], queries: [{ propertyName: "checkboxComponents", predicate: CheckboxComponent }], ngImport: i0, template: "<fieldset class=\"mc-field mc-field--group\">\n  <legend *ngIf=\"legend\" class=\"mc-field__legend\">\n    {{ legend }}\n    <span\n      *ngIf=\"requirementText\"\n      class=\"mc-field__requirement\"\n      [attr.aria-hidden]=\"!requirementText\"\n    >\n      {{ requirementText }}\n    </span>\n  </legend>\n  <span *ngIf=\"helpText && helpId\" id=\"{{ helpId }}\" class=\"mc-field__help\"> {{ helpText }}</span>\n\n  <div class=\"mc-field__container\" [ngClass]=\"{ 'mc-field__container--inline': inline }\">\n    <ng-content></ng-content>\n  </div>\n</fieldset>\n", styles: ["@charset \"UTF-8\";.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;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{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-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-checkbox-group', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxGroupComponent),
+                            multi: true,
+                        },
+                    ], template: "<fieldset class=\"mc-field mc-field--group\">\n  <legend *ngIf=\"legend\" class=\"mc-field__legend\">\n    {{ legend }}\n    <span\n      *ngIf=\"requirementText\"\n      class=\"mc-field__requirement\"\n      [attr.aria-hidden]=\"!requirementText\"\n    >\n      {{ requirementText }}\n    </span>\n  </legend>\n  <span *ngIf=\"helpText && helpId\" id=\"{{ helpId }}\" class=\"mc-field__help\"> {{ helpText }}</span>\n\n  <div class=\"mc-field__container\" [ngClass]=\"{ 'mc-field__container--inline': inline }\">\n    <ng-content></ng-content>\n  </div>\n</fieldset>\n", styles: ["@charset \"UTF-8\";.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;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{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-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector, decorators: [{
+                    type: Inject,
+                    args: [Injector]
+                }] }]; }, propDecorators: { legend: [{
+                type: Input
+            }], requirementText: [{
+                type: Input
+            }], helpId: [{
+                type: Input
+            }], helpText: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], checkboxComponents: [{
+                type: ContentChildren,
+                args: [CheckboxComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsTUFBTSxFQUNOLFFBQVEsRUFDUixLQUFLLEVBR0wsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBR0wsZUFBZSxFQUNmLGtCQUFrQixFQUNsQixpQkFBaUIsRUFDakIsU0FBUyxHQUNWLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQWVuRSxNQUFNLE9BQU8sc0JBQXNCO0lBZWpDLFlBQXNDLFFBQWtCO1FBQWxCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFkeEMsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUNwQixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM3QixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUdqQywwQkFBcUIsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDdEMseUJBQW9CLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBTWUsQ0FBQztJQUU1RCxRQUFRO1FBQ04sTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDL0MsSUFBSSxTQUFTLFlBQVksZUFBZSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDNUU7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxFQUFFO1lBQy9ELGlCQUFpQixDQUFDLGNBQWMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO2dCQUNsRCxJQUFJLENBQUMsMEJBQTBCLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDdEMsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCx1QkFBdUIsQ0FBQyxnQkFBMkI7UUFDakQsSUFBSSxDQUFDLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQ3RELElBQUksZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUNsRSxRQUFRLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDeEIsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO2FBQ3hCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsVUFBVSxDQUFDLHFCQUFnQztRQUN6QyxJQUFJLHFCQUFxQixFQUFFO1lBQ3pCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1lBQ2xELElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsb0JBQW9CLEdBQUcsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCwwQkFBMEIsQ0FBQyxrQkFBMEI7UUFDbkQsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUM1QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsRUFBRSxDQUFDO1NBQzlCO1FBQ0QsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLGtCQUFrQixDQUFDLENBQUM7UUFDekYsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDMUM7YUFBTTtZQUNMLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztTQUNsRDtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7O29IQXRFVSxzQkFBc0Isa0JBZWIsUUFBUTt3R0FmakIsc0JBQXNCLHlLQVJ0QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDO1lBQ3JELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiw2REFjZ0IsaUJBQWlCLDZCQy9DcEMsNGpCQWlCQTs0RkRrQmEsc0JBQXNCO2tCQWJsQyxTQUFTOytCQUNFLG9CQUFvQixpQkFHZixpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDOzRCQUNyRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs7MEJBaUJZLE1BQU07MkJBQUMsUUFBUTs0Q0FkWixNQUFNO3NCQUFyQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBUUMsa0JBQWtCO3NCQUR4QixlQUFlO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSW5qZWN0LFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgRm9ybUNvbnRyb2wsXG4gIEZvcm1Db250cm9sTmFtZSxcbiAgRm9ybUdyb3VwRGlyZWN0aXZlLFxuICBOR19WQUxVRV9BQ0NFU1NPUixcbiAgTmdDb250cm9sLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4uL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1jaGVja2JveC1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hHcm91cENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveEdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIHB1YmxpYyBsZWdlbmQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZW1lbnRUZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIGhlbHBJZDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBoZWxwVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpbmxpbmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgY29udHJvbCE6IEZvcm1Db250cm9sO1xuICBwdWJsaWMgb25DaGVja2JveEdyb3VwQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcbiAgcHVibGljIG9uQ2hlY2tib3hHcm91cFRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcbiAgcHVibGljIGNoZWNrYm94U2VsZWN0ZWRJZD86IHN0cmluZ1tdO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQ2hlY2tib3hDb21wb25lbnQpXG4gIHB1YmxpYyBjaGVja2JveENvbXBvbmVudHM/OiBRdWVyeUxpc3Q8Q2hlY2tib3hDb21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoSW5qZWN0b3IpIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IG5nQ29udHJvbCA9IHRoaXMuaW5qZWN0b3IuZ2V0KE5nQ29udHJvbCk7XG4gICAgaWYgKG5nQ29udHJvbCBpbnN0YW5jZW9mIEZvcm1Db250cm9sTmFtZSkge1xuICAgICAgdGhpcy5jb250cm9sID0gdGhpcy5pbmplY3Rvci5nZXQoRm9ybUdyb3VwRGlyZWN0aXZlKS5nZXRDb250cm9sKG5nQ29udHJvbCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuY2hlY2tib3hDb21wb25lbnRzPy50b0FycmF5KCkuZm9yRWFjaCgoY2hlY2tib3hDb21wb25lbnQpID0+IHtcbiAgICAgIGNoZWNrYm94Q29tcG9uZW50LmdldFRvZ2dsZUV2ZW50KCkuc3Vic2NyaWJlKChpZCkgPT4ge1xuICAgICAgICB0aGlzLnNlbGVjdGVkQ2hlY2tib3hHcm91cEV2ZW50KGlkKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgdXBkYXRlT3B0aW9uQ2FyZENoZWNrZWQoY2hlY2tib3hTZWxlY3RlZD86IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2JveENvbXBvbmVudHM/LnRvQXJyYXkoKS5mb3JFYWNoKChjaGVja2JveCkgPT4ge1xuICAgICAgaWYgKGNoZWNrYm94U2VsZWN0ZWQ/LmZpbmQoKHNlbGVjdGVkKSA9PiBzZWxlY3RlZCA9PT0gY2hlY2tib3guaWQpKSB7XG4gICAgICAgIGNoZWNrYm94LmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICBjaGVja2JveC5yZWZyZXNoVmlldygpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgd3JpdGVWYWx1ZShzZWxlY3RlZENoZWNrYm94R3JvdXA/OiBzdHJpbmdbXSk6IHZvaWQge1xuICAgIGlmIChzZWxlY3RlZENoZWNrYm94R3JvdXApIHtcbiAgICAgIHRoaXMub25DaGVja2JveEdyb3VwQ2hhbmdlKHNlbGVjdGVkQ2hlY2tib3hHcm91cCk7XG4gICAgICB0aGlzLnVwZGF0ZU9wdGlvbkNhcmRDaGVja2VkKHNlbGVjdGVkQ2hlY2tib3hHcm91cCk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoZWNrYm94R3JvdXBDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hlY2tib3hHcm91cFRvdWNoID0gZm47XG4gIH1cblxuICBzZWxlY3RlZENoZWNrYm94R3JvdXBFdmVudChzZWxlY3RlZENoZWNrYm94SWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jaGVja2JveFNlbGVjdGVkSWQpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hTZWxlY3RlZElkID0gW107XG4gICAgfVxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jaGVja2JveFNlbGVjdGVkSWQuZmluZEluZGV4KCh2YWx1ZSkgPT4gdmFsdWUgPT09IHNlbGVjdGVkQ2hlY2tib3hJZCk7XG4gICAgaWYgKGluZGV4ICE9PSAtMSkge1xuICAgICAgdGhpcy5jaGVja2JveFNlbGVjdGVkSWQuc3BsaWNlKGluZGV4LCAxKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jaGVja2JveFNlbGVjdGVkSWQucHVzaChzZWxlY3RlZENoZWNrYm94SWQpO1xuICAgIH1cbiAgICB0aGlzLndyaXRlVmFsdWUodGhpcy5jaGVja2JveFNlbGVjdGVkSWQpO1xuICAgIHRoaXMuY29udHJvbD8uc2V0VmFsdWUodGhpcy5jaGVja2JveFNlbGVjdGVkSWQpO1xuICAgIHRoaXMuY29udHJvbD8ubWFya0FzRGlydHkoKTtcbiAgICB0aGlzLmNvbnRyb2w/Lm1hcmtBc1RvdWNoZWQoKTtcbiAgfVxufVxuIiwiPGZpZWxkc2V0IGNsYXNzPVwibWMtZmllbGQgbWMtZmllbGQtLWdyb3VwXCI+XG4gIDxsZWdlbmQgKm5nSWY9XCJsZWdlbmRcIiBjbGFzcz1cIm1jLWZpZWxkX19sZWdlbmRcIj5cbiAgICB7eyBsZWdlbmQgfX1cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJyZXF1aXJlbWVudFRleHRcIlxuICAgICAgY2xhc3M9XCJtYy1maWVsZF9fcmVxdWlyZW1lbnRcIlxuICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiIXJlcXVpcmVtZW50VGV4dFwiXG4gICAgPlxuICAgICAge3sgcmVxdWlyZW1lbnRUZXh0IH19XG4gICAgPC9zcGFuPlxuICA8L2xlZ2VuZD5cbiAgPHNwYW4gKm5nSWY9XCJoZWxwVGV4dCAmJiBoZWxwSWRcIiBpZD1cInt7IGhlbHBJZCB9fVwiIGNsYXNzPVwibWMtZmllbGRfX2hlbHBcIj4ge3sgaGVscFRleHQgfX08L3NwYW4+XG5cbiAgPGRpdiBjbGFzcz1cIm1jLWZpZWxkX19jb250YWluZXJcIiBbbmdDbGFzc109XCJ7ICdtYy1maWVsZF9fY29udGFpbmVyLS1pbmxpbmUnOiBpbmxpbmUgfVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2ZpZWxkc2V0PlxuIl19

package/esm2020/components/checkbox-group/checkbox-group.module.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { CheckboxGroupComponent } from './checkbox-group.component';
+import { FormsModule } from '@angular/forms';
+import { CheckboxModule } from '../checkbox/checkbox.module';
+import * as i0 from "@angular/core";
+export class CheckboxGroupModule {
+}
+CheckboxGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupModule, declarations: [CheckboxGroupComponent], imports: [CommonModule, CheckboxModule, FormsModule], exports: [CheckboxGroupComponent] });
+CheckboxGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupModule, imports: [CommonModule, CheckboxModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CheckboxGroupComponent],
+                    imports: [CommonModule, CheckboxModule, FormsModule],
+                    exports: [CheckboxGroupComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBTzdELE1BQU0sT0FBTyxtQkFBbUI7O2lIQUFuQixtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkFKZixzQkFBc0IsYUFDM0IsWUFBWSxFQUFFLGNBQWMsRUFBRSxXQUFXLGFBQ3pDLHNCQUFzQjtrSEFFckIsbUJBQW1CLFlBSHBCLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVzs0RkFHeEMsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLFdBQVcsQ0FBQztvQkFDcEQsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGVja2JveEdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NoZWNrYm94R3JvdXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDaGVja2JveE1vZHVsZSwgRm9ybXNNb2R1bGVdLFxuICBleHBvcnRzOiBbQ2hlY2tib3hHcm91cENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94R3JvdXBNb2R1bGUge31cbiJdfQ==

package/esm2020/components/checkbox-group/index.mjs

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

package/esm2020/components/checkbox-group/public-api.mjs

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

package/esm2020/components/datatable/directives/moz-datatable-sort.directive.mjs

@@ -10,22 +10,24 @@ export class MozDatatableSortDirective {
         if (this.columnDef?.sort) {
             const sortIcon = this.renderer.createElement('span');
             this.renderer.addClass(sortIcon, 'mc-datatable__sort-arrow');
-            this.updateSortDirection(sortIcon);
+            this.updateSortDirection(sortIcon, true);
             this.renderer.appendChild(this.elementRef.nativeElement, sortIcon);
         }
     }
     onSortClick($event) {
-        this.updateSortDirection($event.target);
+        this.updateSortDirection($event.target, false);
     }
-    updateSortDirection(htmlSpanElement) {
+    updateSortDirection(htmlSpanElement, init) {
         if (this.columnDef?.sort) {
             if (htmlSpanElement.classList.contains('mc-datatable__sort-arrow')) {
-                this.columnDef.sort.direction =
-                    this.columnDef.sort.direction == undefined
-                        ? 'ASC'
-                        : this.columnDef.sort.direction === 'ASC'
-                            ? 'DESC'
-                            : undefined;
+                if (!init) {
+                    this.columnDef.sort.direction =
+                        this.columnDef.sort.direction == undefined
+                            ? 'ASC'
+                            : this.columnDef.sort.direction === 'ASC'
+                                ? 'DESC'
+                                : undefined;
+                }
                 if (this.columnDef.sort.direction === 'ASC') {
                     this.renderer.addClass(htmlSpanElement, 'is-sorted-asc');
                     this.renderer.removeClass(htmlSpanElement, 'is-sorted-desc');
@@ -62,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW96LWRhdGF0YWJsZS1zb3J0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2RhdGF0YWJsZS9kaXJlY3RpdmVzL21vei1kYXRhdGFibGUtc29ydC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyx5QkFBeUI7SUFJcEMsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUFuRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUY3RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFc0IsQ0FBQztJQUUzRSxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRTtZQUN4QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNyRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7U0FDcEU7SUFDSCxDQUFDO0lBR0QsV0FBVyxDQUFDLE1BQVc7UUFDckIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU8sbUJBQW1CLENBQUMsZUFBZ0M7UUFDMUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRTtZQUN4QixJQUFJLGVBQWUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLDBCQUEwQixDQUFDLEVBQUU7Z0JBQ2xFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVM7b0JBQzNCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxTQUFTO3dCQUN4QyxDQUFDLENBQUMsS0FBSzt3QkFDUCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxLQUFLLEtBQUs7NEJBQ3pDLENBQUMsQ0FBQyxNQUFNOzRCQUNSLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBQ2hCLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxLQUFLLEtBQUssRUFBRTtvQkFDM0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDO29CQUN6RCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztpQkFDOUQ7cUJBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssTUFBTSxFQUFFO29CQUNuRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztvQkFDMUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDO2lCQUM3RDtxQkFBTTtvQkFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztvQkFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDO2lCQUM3RDtnQkFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztvQkFDcEIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVM7b0JBQ3hDLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUs7aUJBQzVCLENBQUMsQ0FBQzthQUNKO1NBQ0Y7SUFDSCxDQUFDOzt1SEE3Q1UseUJBQXlCOzJHQUF6Qix5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2lCQUMvQjt5SEFFNEIsU0FBUztzQkFBbkMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ2YsV0FBVztzQkFBcEIsTUFBTTtnQkFjUCxXQUFXO3NCQURWLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29sdW1uRGVmIH0gZnJvbSAnLi4vbW9kZWwvY29sdW1uLWRlZic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1ttb3pEYXRhdGFibGVTb3J0XScsXG59KVxuZXhwb3J0IGNsYXNzIE1vekRhdGF0YWJsZVNvcnREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoJ21vekRhdGF0YWJsZVNvcnQnKSBjb2x1bW5EZWY/OiBDb2x1bW5EZWY7XG4gIEBPdXRwdXQoKSBzb3J0RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8dW5rbm93bj4oKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5jb2x1bW5EZWY/LnNvcnQpIHtcbiAgICAgIGNvbnN0IHNvcnRJY29uID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHNvcnRJY29uLCAnbWMtZGF0YXRhYmxlX19zb3J0LWFycm93Jyk7XG4gICAgICB0aGlzLnVwZGF0ZVNvcnREaXJlY3Rpb24oc29ydEljb24pO1xuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgc29ydEljb24pO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgb25Tb3J0Q2xpY2soJGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnVwZGF0ZVNvcnREaXJlY3Rpb24oJGV2ZW50LnRhcmdldCk7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVNvcnREaXJlY3Rpb24oaHRtbFNwYW5FbGVtZW50OiBIVE1MU3BhbkVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb2x1bW5EZWY/LnNvcnQpIHtcbiAgICAgIGlmIChodG1sU3BhbkVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdtYy1kYXRhdGFibGVfX3NvcnQtYXJyb3cnKSkge1xuICAgICAgICB0aGlzLmNvbHVtbkRlZi5zb3J0LmRpcmVjdGlvbiA9XG4gICAgICAgICAgdGhpcy5jb2x1bW5EZWYuc29ydC5kaXJlY3Rpb24gPT0gdW5kZWZpbmVkXG4gICAgICAgICAgICA/ICdBU0MnXG4gICAgICAgICAgICA6IHRoaXMuY29sdW1uRGVmLnNvcnQuZGlyZWN0aW9uID09PSAnQVNDJ1xuICAgICAgICAgICAgPyAnREVTQydcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xuICAgICAgICBpZiAodGhpcy5jb2x1bW5EZWYuc29ydC5kaXJlY3Rpb24gPT09ICdBU0MnKSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtYXNjJyk7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtZGVzYycpO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuY29sdW1uRGVmLnNvcnQuZGlyZWN0aW9uID09PSAnREVTQycpIHtcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGh0bWxTcGFuRWxlbWVudCwgJ2lzLXNvcnRlZC1kZXNjJyk7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtYXNjJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtZGVzYycpO1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoaHRtbFNwYW5FbGVtZW50LCAnaXMtc29ydGVkLWFzYycpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc29ydEVtaXR0ZXIuZW1pdCh7XG4gICAgICAgICAgZGlyZWN0aW9uOiB0aGlzLmNvbHVtbkRlZi5zb3J0LmRpcmVjdGlvbixcbiAgICAgICAgICBmaWVsZDogdGhpcy5jb2x1bW5EZWYuZmllbGQsXG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW96LWRhdGF0YWJsZS1zb3J0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2RhdGF0YWJsZS9kaXJlY3RpdmVzL21vei1kYXRhdGFibGUtc29ydC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyx5QkFBeUI7SUFJcEMsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUFuRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUY3RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFc0IsQ0FBQztJQUUzRSxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRTtZQUN4QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNyRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1NBQ3BFO0lBQ0gsQ0FBQztJQUdELFdBQVcsQ0FBQyxNQUFXO1FBQ3JCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTyxtQkFBbUIsQ0FBQyxlQUFnQyxFQUFFLElBQWE7UUFDekUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRTtZQUN4QixJQUFJLGVBQWUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLDBCQUEwQixDQUFDLEVBQUU7Z0JBQ2xFLElBQUksQ0FBQyxJQUFJLEVBQUU7b0JBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUzt3QkFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLFNBQVM7NEJBQ3hDLENBQUMsQ0FBQyxLQUFLOzRCQUNQLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSztnQ0FDekMsQ0FBQyxDQUFDLE1BQU07Z0NBQ1IsQ0FBQyxDQUFDLFNBQVMsQ0FBQztpQkFDakI7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxFQUFFO29CQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsZUFBZSxDQUFDLENBQUM7b0JBQ3pELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO2lCQUM5RDtxQkFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxNQUFNLEVBQUU7b0JBQ25ELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO29CQUMxRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsZUFBZSxDQUFDLENBQUM7aUJBQzdEO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO29CQUM3RCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsZUFBZSxDQUFDLENBQUM7aUJBQzdEO2dCQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDO29CQUNwQixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUztvQkFDeEMsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSztpQkFDNUIsQ0FBQyxDQUFDO2FBQ0o7U0FDRjtJQUNILENBQUM7O3VIQS9DVSx5QkFBeUI7MkdBQXpCLHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQUhyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9CO3lIQUU0QixTQUFTO3NCQUFuQyxLQUFLO3VCQUFDLGtCQUFrQjtnQkFDZixXQUFXO3NCQUFwQixNQUFNO2dCQWNQLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2x1bW5EZWYgfSBmcm9tICcuLi9tb2RlbC9jb2x1bW4tZGVmJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21vekRhdGF0YWJsZVNvcnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgTW96RGF0YXRhYmxlU29ydERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgnbW96RGF0YXRhYmxlU29ydCcpIGNvbHVtbkRlZj86IENvbHVtbkRlZjtcbiAgQE91dHB1dCgpIHNvcnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjx1bmtub3duPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLmNvbHVtbkRlZj8uc29ydCkge1xuICAgICAgY29uc3Qgc29ydEljb24gPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3Moc29ydEljb24sICdtYy1kYXRhdGFibGVfX3NvcnQtYXJyb3cnKTtcbiAgICAgIHRoaXMudXBkYXRlU29ydERpcmVjdGlvbihzb3J0SWNvbiwgdHJ1ZSk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBzb3J0SWNvbik7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvblNvcnRDbGljaygkZXZlbnQ6IGFueSkge1xuICAgIHRoaXMudXBkYXRlU29ydERpcmVjdGlvbigkZXZlbnQudGFyZ2V0LCBmYWxzZSk7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVNvcnREaXJlY3Rpb24oaHRtbFNwYW5FbGVtZW50OiBIVE1MU3BhbkVsZW1lbnQsIGluaXQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb2x1bW5EZWY/LnNvcnQpIHtcbiAgICAgIGlmIChodG1sU3BhbkVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdtYy1kYXRhdGFibGVfX3NvcnQtYXJyb3cnKSkge1xuICAgICAgICBpZiAoIWluaXQpIHtcbiAgICAgICAgICB0aGlzLmNvbHVtbkRlZi5zb3J0LmRpcmVjdGlvbiA9XG4gICAgICAgICAgICB0aGlzLmNvbHVtbkRlZi5zb3J0LmRpcmVjdGlvbiA9PSB1bmRlZmluZWRcbiAgICAgICAgICAgICAgPyAnQVNDJ1xuICAgICAgICAgICAgICA6IHRoaXMuY29sdW1uRGVmLnNvcnQuZGlyZWN0aW9uID09PSAnQVNDJ1xuICAgICAgICAgICAgICA/ICdERVNDJ1xuICAgICAgICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5jb2x1bW5EZWYuc29ydC5kaXJlY3Rpb24gPT09ICdBU0MnKSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtYXNjJyk7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtZGVzYycpO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuY29sdW1uRGVmLnNvcnQuZGlyZWN0aW9uID09PSAnREVTQycpIHtcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGh0bWxTcGFuRWxlbWVudCwgJ2lzLXNvcnRlZC1kZXNjJyk7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtYXNjJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhodG1sU3BhbkVsZW1lbnQsICdpcy1zb3J0ZWQtZGVzYycpO1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoaHRtbFNwYW5FbGVtZW50LCAnaXMtc29ydGVkLWFzYycpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc29ydEVtaXR0ZXIuZW1pdCh7XG4gICAgICAgICAgZGlyZWN0aW9uOiB0aGlzLmNvbHVtbkRlZi5zb3J0LmRpcmVjdGlvbixcbiAgICAgICAgICBmaWVsZDogdGhpcy5jb2x1bW5EZWYuZmllbGQsXG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2020/components/datatable/moz-datatable.component.mjs

@@ -125,7 +125,7 @@ export class MozDatatableComponent {
     }
 }
 MozDatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MozDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MozDatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MozDatatableComponent, selector: "moz-datatable", inputs: { footerSettings: "footerSettings", selectionSettings: "selectionSettings", datatableSettings: "datatableSettings" }, outputs: { rowClick: "rowClick", sortColumn: "sortColumn", rowSelected: "rowSelected", rowAllSelected: "rowAllSelected", emptyBodyButtonClicked: "emptyBodyButtonClicked", pageChange: "pageChange", rowPerPageChange: "rowPerPageChange" }, queries: [{ propertyName: "expansionContentComponent", first: true, predicate: MozDatatableRowExpansionContentComponent, descendants: true }, { propertyName: "headerCellComponents", predicate: MozDatatableHeaderCellComponent }, { propertyName: "contentCellComponents", predicate: MozDatatableContentCellComponent }], viewQueries: [{ propertyName: "selectionComponent", first: true, predicate: MozDatatableSelectionComponent, descendants: true }, { propertyName: "thSelectionRef", first: true, predicate: ["thSelection"], descendants: true }, { propertyName: "thSubRowRef", first: true, predicate: ["thSubRow"], descendants: true }], ngImport: i0, template: "<div class=\"mc-datatable mc-datatable-height\">\n  <div class=\"mc-datatable__header\">\n    <ng-content select=\"moz-datatable-caption\"></ng-content>\n    <div>\n      <moz-datatable-selection\n        [selectionSettings]=\"selectionSettings\"\n        [paginationEnabled]=\"datatableSettings?.activatePagination\"\n        [rowData]=\"datatableSettings?.rowData\"\n        (updateSelectionAllEmitter)=\"selectionAllRowEvent($event)\"\n      ></moz-datatable-selection>\n    </div>\n  </div>\n  <div class=\"mc-datatable__container mc-datatable-height\">\n    <div class=\"mc-datatable__main mc-datatable-height\">\n      <table class=\"mc-datatable__table\">\n        <thead [ngClass]=\"{ 'fix-header-row': datatableSettings?.fixHeaderRow }\">\n          <tr *ngIf=\"getColumns() && getColumns().length > 0\">\n            <th\n              class=\"mc-datatable__cell-checkbox moz-datatable__th mc-datatable__fix-first-column\"\n              *ngIf=\"\n                datatableSettings?.activateSelection && selectionComponent && selectionSettings\n              \"\n              #thSelection\n            >\n              <moz-checkbox\n                (change)=\"\n                  selectionComponent.onUdpateSelectionAllPageRows($event); selectionRowEvent($event)\n                \"\n                [indeterminate]=\"selectionComponent.isIndeterminate\"\n                [checked]=\"selectionSettings.allSelected && !selectionComponent.isIndeterminate\"\n                [disabled]=\"datatableSettings?.isLoading || false\"\n              >\n              </moz-checkbox>\n            </th>\n            <th\n              *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\"\n              class=\"mc-datatable__fix-first-column\"\n              [style.left.px]=\"getStyleLeftForColumnFixed()\"\n              #thSubRow\n            ></th>\n            <ng-container *ngFor=\"let columnDef of getColumns()\">\n              <th\n                class=\"moz-datatable__th\"\n                *ngIf=\"!columnDef.hide\"\n                [ngClass]=\"{\n                  'mc-datatable__fix-first-column':\n                    datatableSettings?.fixFirstColumn &&\n                    getUnhiddenColumns()[0].field === columnDef.field\n                }\"\n                [style.left.px]=\"getLeftValueFixFirstColumn()\"\n              >\n                <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingHeading\">\n                  <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                </ng-container>\n\n                <ng-template #notLoadingHeading>\n                  <div\n                    [mozDatatableSort]=\"columnDef\"\n                    [ngClass]=\"{ header: columnDef.sort }\"\n                    (sortEmitter)=\"sortEvent($event)\"\n                  >\n                    <ng-container\n                      *ngIf=\"\n                        getCustomHeader(columnDef.field) as customHeader;\n                        else defaultHeaderCell\n                      \"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          customHeader;\n                          context: {\n                            $implicit: {\n                              content: columnDef\n                            }\n                          }\n                        \"\n                      ></ng-container>\n                    </ng-container>\n                    <ng-template #defaultHeaderCell>\n                      {{ columnDef.headerName | uppercase }}\n                    </ng-template>\n                  </div>\n                </ng-template>\n              </th>\n            </ng-container>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container\n            *ngIf=\"\n              (datatableSettings?.rowData?.length || 0) > 0 || datatableSettings?.isLoading;\n              else emptyBody\n            \"\n          >\n            <ng-container *ngFor=\"let row of getFields(); index as i\">\n              <tr class=\"mc-datatable__row-parent\" (click)=\"rowClickEvent($event, row)\">\n                <td\n                  class=\"mc-datatable__fix-first-column\"\n                  *ngIf=\"datatableSettings?.activateSelection && selectionComponent\"\n                >\n                  <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCheckbox\">\n                    <div class=\"skeleton-box mu-mb-100 checkbox-loading\"></div>\n                  </ng-container>\n                  <ng-template #notLoadingCheckbox>\n                    <moz-checkbox\n                      (change)=\"\n                        selectionComponent.onUdpateSelectionRow(row); selectionRowEvent($event)\n                      \"\n                      [(ngModel)]=\"row.selected\"\n                      [checked]=\"row.selected || false\"\n                      [disabled]=\"row.disableSelection || false\"\n                    >\n                    </moz-checkbox>\n                  </ng-template>\n                </td>\n                <ng-container *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\">\n                  <td\n                    *ngIf=\"row['subRow']; else noSubRow\"\n                    class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                    [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                  >\n                    <button\n                      class=\"mc-datatable__expand mc-datatable__btn\"\n                      (click)=\"toggleRowExpansion(i); $event.stopPropagation()\"\n                    >\n                      <span class=\"mc-datatable__btn-icon\">\n                        <ng-container *ngIf=\"!expandedRows[i]; else subrowClosed\">\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--More_24px'\"></moz-icon>\n                        </ng-container>\n                        <ng-template #subrowClosed>\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--Less_24px'\"></moz-icon>\n                        </ng-template>\n                      </span>\n                    </button>\n                  </td>\n                  <ng-template #noSubRow\n                    ><td\n                      class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                      [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                    ></td\n                  ></ng-template>\n                </ng-container>\n                <ng-container *ngFor=\"let columnDef of getColumns()\">\n                  <td\n                    *ngIf=\"!columnDef.hide\"\n                    [ngClass]=\"{\n                      'mc-datatable__fix-first-column':\n                        datatableSettings?.fixFirstColumn &&\n                        getUnhiddenColumns()[0].field === columnDef.field\n                    }\"\n                    [style.left.px]=\"getLeftValueFixFirstColumn()\"\n                  >\n                    <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCells\">\n                      <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                    </ng-container>\n                    <ng-template #notLoadingCells>\n                      <ng-container\n                        *ngIf=\"\n                          getCustomContent(columnDef.field) as customContent;\n                          else defaultContentCell\n                        \"\n                      >\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            customContent;\n                            context: {\n                              $implicit: {\n                                row: row,\n                                index: i,\n                                columnDefs: datatableSettings?.columnDefs,\n                                content: row[columnDef.field]\n                              }\n                            }\n                          \"\n                        ></ng-container>\n                      </ng-container>\n                      <ng-template #defaultContentCell>\n                        {{ row[columnDef.field] }}\n                      </ng-template>\n                    </ng-template>\n                  </td>\n                </ng-container>\n              </tr>\n              <ng-container>\n                <tr *ngIf=\"expandedRows[i]\">\n                  <td [attr.colspan]=\"getColspanForExpansionRow()\">\n                    <ng-container\n                      *ngIf=\"getCustomExpansionRowContent() as expansionRowContentComponent\"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                        expansionRowContentComponent;\n                        context: {\n                          $implicit: {\n                            subRowContent: row['subRow'],\n                            index: i,\n                          }\n                        }\n                      \"\n                      ></ng-container>\n                    </ng-container>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-template #emptyBody>\n            <tr class=\"mc-datatable__empty\">\n              <td colspan=\"5\" class=\"mc-datatable__empty-cell\">\n                <div class=\"mc-datatable__empty-content\">\n                  <div>\n                    <div>\n                      <p>\n                        <strong>\n                          {{\n                            datatableSettings?.labels?.emptyBodyTitle || 'There is no result.'\n                          }}</strong\n                        ><br />\n                        {{\n                          datatableSettings?.labels?.emptyBodyDescription ||\n                            'Please try changing your filters.'\n                        }}\n                      </p>\n                    </div>\n                    <div *ngIf=\"datatableSettings?.activateEmptyBodyButton\">\n                      <button\n                        moz-button\n                        [theme]=\"'neutral'\"\n                        [size]=\"'s'\"\n                        [variation]=\"'bordered'\"\n                        (click)=\"emptyButtonClickEvent()\"\n                      >\n                        <moz-icon\n                          iconName=\"{{\n                            datatableSettings?.icons?.emptyBodyButtonIcon ||\n                              'Navigation_Display_Filter_24px'\n                          }}\"\n                        ></moz-icon>\n                        {{ datatableSettings?.labels?.emptyBodyButtonTitle || 'Change filters' }}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </td>\n            </tr></ng-template\n          >\n        </tbody>\n      </table>\n    </div>\n    <moz-datatable-footer\n      *ngIf=\"datatableSettings?.activatePagination\"\n      [footerSettings]=\"footerSettings\"\n      [isLoading]=\"datatableSettings?.isLoading\"\n      (rowPerPageChangeEmitter)=\"rowPerPageChangeEvent($event)\"\n      (pageChangeEmitter)=\"pageChangeEvent($event)\"\n    ></moz-datatable-footer>\n  </div>\n</div>\n", styles: [".mc-datatable{font-family:LeroyMerlin,sans-serif;box-sizing:border-box}.mc-datatable *,.mc-datatable :after,.mc-datatable :before{box-sizing:inherit}.mc-datatable__container{border-radius:4px;box-shadow:0 1px 5px #19191933;background-color:#e6e6e6;overflow:hidden}.mc-datatable__main{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;overflow:auto}.mc-datatable__main::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable__main::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable__main::-webkit-scrollbar-thumb{background:#666666}.mc-datatable__table tr,.mc-datatable thead th,.mc-datatable thead td{height:2.9375rem}.mc-datatable__table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-datatable__table>thead,.mc-datatable__table>tbody{background-color:#fff}.mc-datatable__table th,.mc-datatable__table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding-right:1rem;padding-left:1rem}.mc-datatable thead th,.mc-datatable thead td{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase}.mc-datatable__head{align-items:center;display:flex;justify-content:space-between}.mc-datatable tbody tr:hover:not(.mc-datatable__empty){background-color:#e6e6e6}.mc-datatable tbody tr.selected{background-color:#ebf5de}.mc-datatable tbody th,.mc-datatable tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable{height:0}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable .mc-datatable__row-inner{overflow:hidden;max-height:0}.mc-datatable__row-parent.mc-datatable__row-parent--expanded+.mc-datatable__row-expandable .mc-datatable__row-inner{max-height:100%}.mc-datatable__row-expandable>td{padding:0;border-bottom:0}.mc-datatable__row-expandable--offset-1 table th:first-child,.mc-datatable__row-expandable--offset-1 table td:first-child{padding-left:4.25rem}.mc-datatable__row-expandable--offset-2 table th:first-child,.mc-datatable__row-expandable--offset-2 table td:first-child{padding-left:7.75rem}.mc-datatable__cell-checkbox{width:3.25rem}.mc-datatable__cell-button{width:3.5rem}.mc-datatable__cell-field{min-width:9.375rem}td.mc-datatable__cell-number{text-align:right}.mc-datatable__empty,.mc-datatable__empty:hover{background-color:#e6e6e6}.mc-datatable__empty-cell{color:#666}.mc-datatable__empty-content{font-size:1rem;line-height:1.375;align-items:center;color:#666;display:flex;gap:1.5rem;min-height:19.375rem;justify-content:center;text-align:center}.mc-datatable__empty-content strong{font-size:1.125rem;line-height:1.3333333333}.mc-datatable--s .mc-datatable__table tr,.mc-datatable--s .mc-datatable thead th,.mc-datatable--s .mc-datatable thead td{height:2.4375rem}.mc-datatable--l .mc-datatable__table tr,.mc-datatable--l .mc-datatable thead th,.mc-datatable--l .mc-datatable thead td{height:3.4375rem}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky-header .mc-datatable__table>thead{box-shadow:0 4px 20px #19191933;top:0;z-index:2}.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child td,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child td{border-bottom:transparent}.mc-datatable--sticky .mc-datatable__footer,.mc-datatable--sticky-header .mc-datatable__footer{border-top:1px solid #b3b3b3;position:relative;z-index:2}.mc-datatable--sticky .mc-datatable__main{padding-top:2.9375rem;transform:translateZ(0)}.mc-datatable--sticky .mc-datatable__table{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;display:block;overflow-y:auto}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb{background:#666666}.mc-datatable--sticky .mc-datatable__table>thead{position:fixed;width:100%}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr,.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{display:flex}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr{width:100%}.mc-datatable--sticky .mc-datatable__table>tbody{flex-direction:column}.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{align-items:center}.mc-datatable--sticky .mc-datatable__table>thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button){flex:1}.mc-datatable--sticky .mc-datatable__cell-checkbox,.mc-datatable--sticky .mc-datatable__cell-button,.mc-datatable--sticky .mc-datatable__cell-field,.mc-datatable--sticky .mc-datatable__cell-number{flex-shrink:0}.mc-datatable--sticky .mc-datatable__cell-number{justify-content:flex-end}.mc-datatable--sticky-header .mc-datatable__main{overflow-y:auto}.mc-datatable--sticky-header .mc-datatable__table>thead{position:sticky}.mc-datatable--overflow-visible .mc-datatable__container,.mc-datatable--overflow-visible .mc-datatable__main{overflow:visible}.mc-datatable__btn{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;display:flex}.mc-datatable__btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__btn-icon,.mc-datatable__btn svg{width:1.5rem;height:1.5rem}.mc-datatable__sort{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.mc-datatable__sort-arrow{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;margin-left:.5rem;width:1.5rem}.mc-datatable__sort-arrow:after,.mc-datatable__sort-arrow:before{background-color:#ccc;content:\"\";flex-shrink:0;height:.5rem;width:.75rem}.mc-datatable__sort-arrow:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.asc .mc-datatable__sort-arrow:before{background-color:#333}.desc .mc-datatable__sort-arrow:before{display:none}.mc-datatable__sort-arrow:after{clip-path:polygon(0 0,100% 0,50% 100%)}.asc .mc-datatable__sort-arrow:after{display:none}.desc .mc-datatable__sort-arrow:after{background-color:#333}.mc-datatable__options{width:1.5rem;height:1.5rem}.mc-datatable__expand .mc-datatable__btn-icon{fill:#46a610}.mc-datatable .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__topbar{justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar,.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{display:flex;gap:1rem}.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{flex-wrap:wrap}.mc-datatable__topbar-edition{flex-shrink:0}.mc-datatable__topbar-actions{align-items:center;justify-content:flex-end;margin-left:auto}.mc-datatable__filters{align-items:center;border-top:1px solid #b3b3b3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-datatable__footer{align-items:center;background-color:#fff;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer{flex-direction:column}}.mc-datatable__select{display:flex;align-items:center;gap:.5rem}.mc-datatable__select-label{font-size:.875rem;line-height:1.2857142857;color:#333;flex-shrink:0}.mc-datatable__count{font-size:.75rem;line-height:1.3333333333;color:#666}.mc-datatable__pagination{margin-left:auto}.mc-datatable__subtable{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%;background-color:#e6e6e6}.mc-datatable__subtable th,.mc-datatable__subtable td{border-bottom-color:#b3b3b3}.mc-datatable__subtable thead th,.mc-datatable__subtable thead td{font-size:.75rem;line-height:1.3333333333;color:#000}.mc-datatable__subtable tbody th,.mc-datatable__subtable tbody td{color:#000}.fix-header-row{position:sticky;top:0;box-shadow:0 1px 5px #22202033;z-index:1}.header{align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.is-sorted-asc:before{background-color:var(--color-datatable-sort-arrow-active, #333333)}.is-sorted-desc:after{background-color:var(--color-datatable-sort-arrow-active, #333333)}.mc-datatable-height{height:100%}.mc-datatable__sort-arrow{cursor:pointer}.mc-datatable__fix-first-column{position:sticky;background-color:#fff;left:0}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#ccc}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.checkbox-loading{width:25px;height:25px}.cells-loading{width:250px;height:25px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: i4.CheckboxComponent, selector: "moz-checkbox", inputs: ["disabled", "indeterminate", "invalid", "checked"] }, { kind: "component", type: i5.IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: i6.MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: ["footerSettings", "isLoading"], outputs: ["rowPerPageChangeEmitter", "pageChangeEmitter"] }, { kind: "component", type: i7.MozDatatableSelectionComponent, selector: "moz-datatable-selection", inputs: ["selectionSettings", "paginationEnabled", "rowData"], outputs: ["updateSelectionAllEmitter"] }, { kind: "directive", type: i8.MozDatatableSortDirective, selector: "[mozDatatableSort]", inputs: ["mozDatatableSort"], outputs: ["sortEmitter"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }], encapsulation: i0.ViewEncapsulation.None });
+MozDatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MozDatatableComponent, selector: "moz-datatable", inputs: { footerSettings: "footerSettings", selectionSettings: "selectionSettings", datatableSettings: "datatableSettings" }, outputs: { rowClick: "rowClick", sortColumn: "sortColumn", rowSelected: "rowSelected", rowAllSelected: "rowAllSelected", emptyBodyButtonClicked: "emptyBodyButtonClicked", pageChange: "pageChange", rowPerPageChange: "rowPerPageChange" }, queries: [{ propertyName: "expansionContentComponent", first: true, predicate: MozDatatableRowExpansionContentComponent, descendants: true }, { propertyName: "headerCellComponents", predicate: MozDatatableHeaderCellComponent }, { propertyName: "contentCellComponents", predicate: MozDatatableContentCellComponent }], viewQueries: [{ propertyName: "selectionComponent", first: true, predicate: MozDatatableSelectionComponent, descendants: true }, { propertyName: "thSelectionRef", first: true, predicate: ["thSelection"], descendants: true }, { propertyName: "thSubRowRef", first: true, predicate: ["thSubRow"], descendants: true }], ngImport: i0, template: "<div class=\"mc-datatable mc-datatable-height\">\n  <div class=\"mc-datatable__header\">\n    <ng-content select=\"moz-datatable-caption\"></ng-content>\n    <div>\n      <moz-datatable-selection\n        [selectionSettings]=\"selectionSettings\"\n        [paginationEnabled]=\"datatableSettings?.activatePagination\"\n        [rowData]=\"datatableSettings?.rowData\"\n        (updateSelectionAllEmitter)=\"selectionAllRowEvent($event)\"\n      ></moz-datatable-selection>\n    </div>\n  </div>\n  <div class=\"mc-datatable__container mc-datatable-height\">\n    <div class=\"mc-datatable__main mc-datatable-height\">\n      <table class=\"mc-datatable__table\">\n        <thead [ngClass]=\"{ 'fix-header-row': datatableSettings?.fixHeaderRow }\">\n          <tr *ngIf=\"getColumns() && getColumns().length > 0\">\n            <th\n              class=\"mc-datatable__cell-checkbox moz-datatable__th mc-datatable__fix-first-column\"\n              *ngIf=\"\n                datatableSettings?.activateSelection && selectionComponent && selectionSettings\n              \"\n              #thSelection\n            >\n              <moz-checkbox\n                (change)=\"\n                  selectionComponent.onUdpateSelectionAllPageRows($event); selectionRowEvent($event)\n                \"\n                [indeterminate]=\"selectionComponent.isIndeterminate\"\n                [checked]=\"selectionSettings.allSelected && !selectionComponent.isIndeterminate\"\n                [disabled]=\"datatableSettings?.isLoading || false\"\n              >\n              </moz-checkbox>\n            </th>\n            <th\n              *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\"\n              class=\"mc-datatable__fix-first-column\"\n              [style.left.px]=\"getStyleLeftForColumnFixed()\"\n              #thSubRow\n            ></th>\n            <ng-container *ngFor=\"let columnDef of getColumns()\">\n              <th\n                class=\"moz-datatable__th\"\n                *ngIf=\"!columnDef.hide\"\n                [ngClass]=\"{\n                  'mc-datatable__fix-first-column':\n                    datatableSettings?.fixFirstColumn &&\n                    getUnhiddenColumns()[0].field === columnDef.field\n                }\"\n                [style.left.px]=\"getLeftValueFixFirstColumn()\"\n              >\n                <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingHeading\">\n                  <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                </ng-container>\n\n                <ng-template #notLoadingHeading>\n                  <div\n                    [mozDatatableSort]=\"columnDef\"\n                    [ngClass]=\"{ header: columnDef.sort }\"\n                    (sortEmitter)=\"sortEvent($event)\"\n                  >\n                    <ng-container\n                      *ngIf=\"\n                        getCustomHeader(columnDef.field) as customHeader;\n                        else defaultHeaderCell\n                      \"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          customHeader;\n                          context: {\n                            $implicit: {\n                              content: columnDef\n                            }\n                          }\n                        \"\n                      ></ng-container>\n                    </ng-container>\n                    <ng-template #defaultHeaderCell>\n                      {{ columnDef.headerName | uppercase }}\n                    </ng-template>\n                  </div>\n                </ng-template>\n              </th>\n            </ng-container>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container\n            *ngIf=\"\n              (datatableSettings?.rowData?.length || 0) > 0 || datatableSettings?.isLoading;\n              else emptyBody\n            \"\n          >\n            <ng-container *ngFor=\"let row of getFields(); index as i\">\n              <tr class=\"mc-datatable__row-parent\" (click)=\"rowClickEvent($event, row)\">\n                <td\n                  class=\"mc-datatable__fix-first-column\"\n                  *ngIf=\"datatableSettings?.activateSelection && selectionComponent\"\n                >\n                  <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCheckbox\">\n                    <div class=\"skeleton-box mu-mb-100 checkbox-loading\"></div>\n                  </ng-container>\n                  <ng-template #notLoadingCheckbox>\n                    <moz-checkbox\n                      (change)=\"\n                        selectionComponent.onUdpateSelectionRow(row); selectionRowEvent($event)\n                      \"\n                      [(ngModel)]=\"row.selected\"\n                      [checked]=\"row.selected || false\"\n                      [disabled]=\"row.disableSelection || false\"\n                    >\n                    </moz-checkbox>\n                  </ng-template>\n                </td>\n                <ng-container *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\">\n                  <td\n                    *ngIf=\"row['subRow']; else noSubRow\"\n                    class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                    [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                  >\n                    <button\n                      class=\"mc-datatable__expand mc-datatable__btn\"\n                      (click)=\"toggleRowExpansion(i); $event.stopPropagation()\"\n                    >\n                      <span class=\"mc-datatable__btn-icon\">\n                        <ng-container *ngIf=\"!expandedRows[i]; else subrowClosed\">\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--More_24px'\"></moz-icon>\n                        </ng-container>\n                        <ng-template #subrowClosed>\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--Less_24px'\"></moz-icon>\n                        </ng-template>\n                      </span>\n                    </button>\n                  </td>\n                  <ng-template #noSubRow\n                    ><td\n                      class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                      [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                    ></td\n                  ></ng-template>\n                </ng-container>\n                <ng-container *ngFor=\"let columnDef of getColumns()\">\n                  <td\n                    *ngIf=\"!columnDef.hide\"\n                    [ngClass]=\"{\n                      'mc-datatable__fix-first-column':\n                        datatableSettings?.fixFirstColumn &&\n                        getUnhiddenColumns()[0].field === columnDef.field\n                    }\"\n                    [style.left.px]=\"getLeftValueFixFirstColumn()\"\n                  >\n                    <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCells\">\n                      <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                    </ng-container>\n                    <ng-template #notLoadingCells>\n                      <ng-container\n                        *ngIf=\"\n                          getCustomContent(columnDef.field) as customContent;\n                          else defaultContentCell\n                        \"\n                      >\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            customContent;\n                            context: {\n                              $implicit: {\n                                row: row,\n                                index: i,\n                                columnDefs: datatableSettings?.columnDefs,\n                                content: row[columnDef.field]\n                              }\n                            }\n                          \"\n                        ></ng-container>\n                      </ng-container>\n                      <ng-template #defaultContentCell>\n                        {{ row[columnDef.field] }}\n                      </ng-template>\n                    </ng-template>\n                  </td>\n                </ng-container>\n              </tr>\n              <ng-container>\n                <tr *ngIf=\"expandedRows[i]\">\n                  <td [attr.colspan]=\"getColspanForExpansionRow()\">\n                    <ng-container\n                      *ngIf=\"getCustomExpansionRowContent() as expansionRowContentComponent\"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                        expansionRowContentComponent;\n                        context: {\n                          $implicit: {\n                            subRowContent: row['subRow'],\n                            index: i,\n                          }\n                        }\n                      \"\n                      ></ng-container>\n                    </ng-container>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-template #emptyBody>\n            <tr class=\"mc-datatable__empty\">\n              <td colspan=\"5\" class=\"mc-datatable__empty-cell\">\n                <div class=\"mc-datatable__empty-content\">\n                  <div>\n                    <div>\n                      <p>\n                        <strong>\n                          {{\n                            datatableSettings?.labels?.emptyBodyTitle || 'There is no result.'\n                          }}</strong\n                        ><br />\n                        {{\n                          datatableSettings?.labels?.emptyBodyDescription ||\n                            'Please try changing your filters.'\n                        }}\n                      </p>\n                    </div>\n                    <div *ngIf=\"datatableSettings?.activateEmptyBodyButton\">\n                      <button\n                        moz-button\n                        [theme]=\"'neutral'\"\n                        [size]=\"'s'\"\n                        [variation]=\"'bordered'\"\n                        (click)=\"emptyButtonClickEvent()\"\n                      >\n                        <moz-icon\n                          iconName=\"{{\n                            datatableSettings?.icons?.emptyBodyButtonIcon ||\n                              'Navigation_Display_Filter_24px'\n                          }}\"\n                        ></moz-icon>\n                        {{ datatableSettings?.labels?.emptyBodyButtonTitle || 'Change filters' }}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </td>\n            </tr></ng-template\n          >\n        </tbody>\n      </table>\n    </div>\n    <moz-datatable-footer\n      *ngIf=\"datatableSettings?.activatePagination\"\n      [footerSettings]=\"footerSettings\"\n      [isLoading]=\"datatableSettings?.isLoading\"\n      (rowPerPageChangeEmitter)=\"rowPerPageChangeEvent($event)\"\n      (pageChangeEmitter)=\"pageChangeEvent($event)\"\n    ></moz-datatable-footer>\n  </div>\n</div>\n", styles: [".mc-datatable{font-family:LeroyMerlin,sans-serif;box-sizing:border-box}.mc-datatable *,.mc-datatable :after,.mc-datatable :before{box-sizing:inherit}.mc-datatable__container{border-radius:4px;box-shadow:0 1px 5px #19191933;background-color:#e6e6e6;overflow:hidden}.mc-datatable__main{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;overflow:auto}.mc-datatable__main::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable__main::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable__main::-webkit-scrollbar-thumb{background:#666666}.mc-datatable__table tr,.mc-datatable thead th,.mc-datatable thead td{height:2.9375rem}.mc-datatable__table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-datatable__table>thead,.mc-datatable__table>tbody{background-color:#fff}.mc-datatable__table th,.mc-datatable__table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding-right:1rem;padding-left:1rem}.mc-datatable thead th,.mc-datatable thead td{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase}.mc-datatable__head{align-items:center;display:flex;justify-content:space-between}.mc-datatable tbody tr:hover:not(.mc-datatable__empty){background-color:#e6e6e6}.mc-datatable tbody tr.selected{background-color:#ebf5de}.mc-datatable tbody th,.mc-datatable tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable{height:0}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable .mc-datatable__row-inner{overflow:hidden;max-height:0}.mc-datatable__row-parent.mc-datatable__row-parent--expanded+.mc-datatable__row-expandable .mc-datatable__row-inner{max-height:100%}.mc-datatable__row-expandable>td{padding:0;border-bottom:0}.mc-datatable__row-expandable--offset-1 table th:first-child,.mc-datatable__row-expandable--offset-1 table td:first-child{padding-left:4.25rem}.mc-datatable__row-expandable--offset-2 table th:first-child,.mc-datatable__row-expandable--offset-2 table td:first-child{padding-left:7.75rem}.mc-datatable__cell-checkbox{width:3.25rem}.mc-datatable__cell-button{width:3.5rem}.mc-datatable__cell-field{min-width:9.375rem}td.mc-datatable__cell-number{text-align:right}.mc-datatable__empty,.mc-datatable__empty:hover{background-color:#e6e6e6}.mc-datatable__empty-cell{color:#666}.mc-datatable__empty-content{font-size:1rem;line-height:1.375;align-items:center;color:#666;display:flex;gap:1.5rem;min-height:19.375rem;justify-content:center;text-align:center}.mc-datatable__empty-content strong{font-size:1.125rem;line-height:1.3333333333}.mc-datatable--s .mc-datatable__table tr,.mc-datatable--s .mc-datatable thead th,.mc-datatable--s .mc-datatable thead td{height:2.4375rem}.mc-datatable--l .mc-datatable__table tr,.mc-datatable--l .mc-datatable thead th,.mc-datatable--l .mc-datatable thead td{height:3.4375rem}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky-header .mc-datatable__table>thead{box-shadow:0 4px 20px #19191933;top:0;z-index:2}.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child td,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child td{border-bottom:transparent}.mc-datatable--sticky .mc-datatable__footer,.mc-datatable--sticky-header .mc-datatable__footer{border-top:1px solid #b3b3b3;position:relative;z-index:2}.mc-datatable--sticky .mc-datatable__main{padding-top:2.9375rem;transform:translateZ(0)}.mc-datatable--sticky .mc-datatable__table{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;display:block;overflow-y:auto}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb{background:#666666}.mc-datatable--sticky .mc-datatable__table>thead{position:fixed;width:100%}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr,.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{display:flex}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr{width:100%}.mc-datatable--sticky .mc-datatable__table>tbody{flex-direction:column}.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{align-items:center}.mc-datatable--sticky .mc-datatable__table>thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button){flex:1}.mc-datatable--sticky .mc-datatable__cell-checkbox,.mc-datatable--sticky .mc-datatable__cell-button,.mc-datatable--sticky .mc-datatable__cell-field,.mc-datatable--sticky .mc-datatable__cell-number{flex-shrink:0}.mc-datatable--sticky .mc-datatable__cell-number{justify-content:flex-end}.mc-datatable--sticky-header .mc-datatable__main{overflow-y:auto}.mc-datatable--sticky-header .mc-datatable__table>thead{position:sticky}.mc-datatable--overflow-visible .mc-datatable__container,.mc-datatable--overflow-visible .mc-datatable__main{overflow:visible}.mc-datatable__btn{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;display:flex}.mc-datatable__btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__btn-icon,.mc-datatable__btn svg{width:1.5rem;height:1.5rem}.mc-datatable__sort{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.mc-datatable__sort-arrow{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;margin-left:.5rem;width:1.5rem}.mc-datatable__sort-arrow:after,.mc-datatable__sort-arrow:before{background-color:#ccc;content:\"\";flex-shrink:0;height:.5rem;width:.75rem}.mc-datatable__sort-arrow:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.asc .mc-datatable__sort-arrow:before{background-color:#333}.desc .mc-datatable__sort-arrow:before{display:none}.mc-datatable__sort-arrow:after{clip-path:polygon(0 0,100% 0,50% 100%)}.asc .mc-datatable__sort-arrow:after{display:none}.desc .mc-datatable__sort-arrow:after{background-color:#333}.mc-datatable__options{width:1.5rem;height:1.5rem}.mc-datatable__expand .mc-datatable__btn-icon{fill:#46a610}.mc-datatable .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__topbar{justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar,.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{display:flex;gap:1rem}.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{flex-wrap:wrap}.mc-datatable__topbar-edition{flex-shrink:0}.mc-datatable__topbar-actions{align-items:center;justify-content:flex-end;margin-left:auto}.mc-datatable__filters{align-items:center;border-top:1px solid #b3b3b3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-datatable__footer{align-items:center;background-color:#fff;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer{flex-direction:column}}.mc-datatable__select{display:flex;align-items:center;gap:.5rem}.mc-datatable__select-label{font-size:.875rem;line-height:1.2857142857;color:#333;flex-shrink:0}.mc-datatable__count{font-size:.75rem;line-height:1.3333333333;color:#666}.mc-datatable__pagination{margin-left:auto}.mc-datatable__subtable{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%;background-color:#e6e6e6}.mc-datatable__subtable th,.mc-datatable__subtable td{border-bottom-color:#b3b3b3}.mc-datatable__subtable thead th,.mc-datatable__subtable thead td{font-size:.75rem;line-height:1.3333333333;color:#000}.mc-datatable__subtable tbody th,.mc-datatable__subtable tbody td{color:#000}.fix-header-row{position:sticky;top:0;box-shadow:0 1px 5px #22202033;z-index:1}.header{align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.is-sorted-asc:before{background-color:var(--color-datatable-sort-arrow-active, #333333)}.is-sorted-desc:after{background-color:var(--color-datatable-sort-arrow-active, #333333)}.mc-datatable-height{height:100%}.mc-datatable__sort-arrow{cursor:pointer}.mc-datatable__fix-first-column{position:sticky;background-color:#fff;left:0}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#ccc}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.checkbox-loading{width:25px;height:25px}.cells-loading{width:250px;height:25px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: i4.CheckboxComponent, selector: "moz-checkbox", inputs: ["disabled", "indeterminate", "invalid", "id", "checked"] }, { kind: "component", type: i5.IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: i6.MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: ["footerSettings", "isLoading"], outputs: ["rowPerPageChangeEmitter", "pageChangeEmitter"] }, { kind: "component", type: i7.MozDatatableSelectionComponent, selector: "moz-datatable-selection", inputs: ["selectionSettings", "paginationEnabled", "rowData"], outputs: ["updateSelectionAllEmitter"] }, { kind: "directive", type: i8.MozDatatableSortDirective, selector: "[mozDatatableSort]", inputs: ["mozDatatableSort"], outputs: ["sortEmitter"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MozDatatableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'moz-datatable', encapsulation: ViewEncapsulation.None, template: "<div class=\"mc-datatable mc-datatable-height\">\n  <div class=\"mc-datatable__header\">\n    <ng-content select=\"moz-datatable-caption\"></ng-content>\n    <div>\n      <moz-datatable-selection\n        [selectionSettings]=\"selectionSettings\"\n        [paginationEnabled]=\"datatableSettings?.activatePagination\"\n        [rowData]=\"datatableSettings?.rowData\"\n        (updateSelectionAllEmitter)=\"selectionAllRowEvent($event)\"\n      ></moz-datatable-selection>\n    </div>\n  </div>\n  <div class=\"mc-datatable__container mc-datatable-height\">\n    <div class=\"mc-datatable__main mc-datatable-height\">\n      <table class=\"mc-datatable__table\">\n        <thead [ngClass]=\"{ 'fix-header-row': datatableSettings?.fixHeaderRow }\">\n          <tr *ngIf=\"getColumns() && getColumns().length > 0\">\n            <th\n              class=\"mc-datatable__cell-checkbox moz-datatable__th mc-datatable__fix-first-column\"\n              *ngIf=\"\n                datatableSettings?.activateSelection && selectionComponent && selectionSettings\n              \"\n              #thSelection\n            >\n              <moz-checkbox\n                (change)=\"\n                  selectionComponent.onUdpateSelectionAllPageRows($event); selectionRowEvent($event)\n                \"\n                [indeterminate]=\"selectionComponent.isIndeterminate\"\n                [checked]=\"selectionSettings.allSelected && !selectionComponent.isIndeterminate\"\n                [disabled]=\"datatableSettings?.isLoading || false\"\n              >\n              </moz-checkbox>\n            </th>\n            <th\n              *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\"\n              class=\"mc-datatable__fix-first-column\"\n              [style.left.px]=\"getStyleLeftForColumnFixed()\"\n              #thSubRow\n            ></th>\n            <ng-container *ngFor=\"let columnDef of getColumns()\">\n              <th\n                class=\"moz-datatable__th\"\n                *ngIf=\"!columnDef.hide\"\n                [ngClass]=\"{\n                  'mc-datatable__fix-first-column':\n                    datatableSettings?.fixFirstColumn &&\n                    getUnhiddenColumns()[0].field === columnDef.field\n                }\"\n                [style.left.px]=\"getLeftValueFixFirstColumn()\"\n              >\n                <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingHeading\">\n                  <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                </ng-container>\n\n                <ng-template #notLoadingHeading>\n                  <div\n                    [mozDatatableSort]=\"columnDef\"\n                    [ngClass]=\"{ header: columnDef.sort }\"\n                    (sortEmitter)=\"sortEvent($event)\"\n                  >\n                    <ng-container\n                      *ngIf=\"\n                        getCustomHeader(columnDef.field) as customHeader;\n                        else defaultHeaderCell\n                      \"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          customHeader;\n                          context: {\n                            $implicit: {\n                              content: columnDef\n                            }\n                          }\n                        \"\n                      ></ng-container>\n                    </ng-container>\n                    <ng-template #defaultHeaderCell>\n                      {{ columnDef.headerName | uppercase }}\n                    </ng-template>\n                  </div>\n                </ng-template>\n              </th>\n            </ng-container>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container\n            *ngIf=\"\n              (datatableSettings?.rowData?.length || 0) > 0 || datatableSettings?.isLoading;\n              else emptyBody\n            \"\n          >\n            <ng-container *ngFor=\"let row of getFields(); index as i\">\n              <tr class=\"mc-datatable__row-parent\" (click)=\"rowClickEvent($event, row)\">\n                <td\n                  class=\"mc-datatable__fix-first-column\"\n                  *ngIf=\"datatableSettings?.activateSelection && selectionComponent\"\n                >\n                  <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCheckbox\">\n                    <div class=\"skeleton-box mu-mb-100 checkbox-loading\"></div>\n                  </ng-container>\n                  <ng-template #notLoadingCheckbox>\n                    <moz-checkbox\n                      (change)=\"\n                        selectionComponent.onUdpateSelectionRow(row); selectionRowEvent($event)\n                      \"\n                      [(ngModel)]=\"row.selected\"\n                      [checked]=\"row.selected || false\"\n                      [disabled]=\"row.disableSelection || false\"\n                    >\n                    </moz-checkbox>\n                  </ng-template>\n                </td>\n                <ng-container *ngIf=\"hasSubRow() && !datatableSettings?.isLoading\">\n                  <td\n                    *ngIf=\"row['subRow']; else noSubRow\"\n                    class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                    [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                  >\n                    <button\n                      class=\"mc-datatable__expand mc-datatable__btn\"\n                      (click)=\"toggleRowExpansion(i); $event.stopPropagation()\"\n                    >\n                      <span class=\"mc-datatable__btn-icon\">\n                        <ng-container *ngIf=\"!expandedRows[i]; else subrowClosed\">\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--More_24px'\"></moz-icon>\n                        </ng-container>\n                        <ng-template #subrowClosed>\n                          <moz-icon [iconName]=\"'Navigation_Control_Circle--Less_24px'\"></moz-icon>\n                        </ng-template>\n                      </span>\n                    </button>\n                  </td>\n                  <ng-template #noSubRow\n                    ><td\n                      class=\"mc-datatable__cell-button mc-datatable__fix-first-column\"\n                      [style.left.px]=\"getStyleLeftForColumnFixed()\"\n                    ></td\n                  ></ng-template>\n                </ng-container>\n                <ng-container *ngFor=\"let columnDef of getColumns()\">\n                  <td\n                    *ngIf=\"!columnDef.hide\"\n                    [ngClass]=\"{\n                      'mc-datatable__fix-first-column':\n                        datatableSettings?.fixFirstColumn &&\n                        getUnhiddenColumns()[0].field === columnDef.field\n                    }\"\n                    [style.left.px]=\"getLeftValueFixFirstColumn()\"\n                  >\n                    <ng-container *ngIf=\"datatableSettings?.isLoading; else notLoadingCells\">\n                      <div class=\"skeleton-box mu-mb-100 cells-loading\"></div>\n                    </ng-container>\n                    <ng-template #notLoadingCells>\n                      <ng-container\n                        *ngIf=\"\n                          getCustomContent(columnDef.field) as customContent;\n                          else defaultContentCell\n                        \"\n                      >\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            customContent;\n                            context: {\n                              $implicit: {\n                                row: row,\n                                index: i,\n                                columnDefs: datatableSettings?.columnDefs,\n                                content: row[columnDef.field]\n                              }\n                            }\n                          \"\n                        ></ng-container>\n                      </ng-container>\n                      <ng-template #defaultContentCell>\n                        {{ row[columnDef.field] }}\n                      </ng-template>\n                    </ng-template>\n                  </td>\n                </ng-container>\n              </tr>\n              <ng-container>\n                <tr *ngIf=\"expandedRows[i]\">\n                  <td [attr.colspan]=\"getColspanForExpansionRow()\">\n                    <ng-container\n                      *ngIf=\"getCustomExpansionRowContent() as expansionRowContentComponent\"\n                    >\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                        expansionRowContentComponent;\n                        context: {\n                          $implicit: {\n                            subRowContent: row['subRow'],\n                            index: i,\n                          }\n                        }\n                      \"\n                      ></ng-container>\n                    </ng-container>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-template #emptyBody>\n            <tr class=\"mc-datatable__empty\">\n              <td colspan=\"5\" class=\"mc-datatable__empty-cell\">\n                <div class=\"mc-datatable__empty-content\">\n                  <div>\n                    <div>\n                      <p>\n                        <strong>\n                          {{\n                            datatableSettings?.labels?.emptyBodyTitle || 'There is no result.'\n                          }}</strong\n                        ><br />\n                        {{\n                          datatableSettings?.labels?.emptyBodyDescription ||\n                            'Please try changing your filters.'\n                        }}\n                      </p>\n                    </div>\n                    <div *ngIf=\"datatableSettings?.activateEmptyBodyButton\">\n                      <button\n                        moz-button\n                        [theme]=\"'neutral'\"\n                        [size]=\"'s'\"\n                        [variation]=\"'bordered'\"\n                        (click)=\"emptyButtonClickEvent()\"\n                      >\n                        <moz-icon\n                          iconName=\"{{\n                            datatableSettings?.icons?.emptyBodyButtonIcon ||\n                              'Navigation_Display_Filter_24px'\n                          }}\"\n                        ></moz-icon>\n                        {{ datatableSettings?.labels?.emptyBodyButtonTitle || 'Change filters' }}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </td>\n            </tr></ng-template\n          >\n        </tbody>\n      </table>\n    </div>\n    <moz-datatable-footer\n      *ngIf=\"datatableSettings?.activatePagination\"\n      [footerSettings]=\"footerSettings\"\n      [isLoading]=\"datatableSettings?.isLoading\"\n      (rowPerPageChangeEmitter)=\"rowPerPageChangeEvent($event)\"\n      (pageChangeEmitter)=\"pageChangeEvent($event)\"\n    ></moz-datatable-footer>\n  </div>\n</div>\n", styles: [".mc-datatable{font-family:LeroyMerlin,sans-serif;box-sizing:border-box}.mc-datatable *,.mc-datatable :after,.mc-datatable :before{box-sizing:inherit}.mc-datatable__container{border-radius:4px;box-shadow:0 1px 5px #19191933;background-color:#e6e6e6;overflow:hidden}.mc-datatable__main{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;overflow:auto}.mc-datatable__main::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable__main::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable__main::-webkit-scrollbar-thumb{background:#666666}.mc-datatable__table tr,.mc-datatable thead th,.mc-datatable thead td{height:2.9375rem}.mc-datatable__table{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%}.mc-datatable__table>thead,.mc-datatable__table>tbody{background-color:#fff}.mc-datatable__table th,.mc-datatable__table td{border-bottom:1px solid #b3b3b3;text-align:left;vertical-align:middle;padding-right:1rem;padding-left:1rem}.mc-datatable thead th,.mc-datatable thead td{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase}.mc-datatable__head{align-items:center;display:flex;justify-content:space-between}.mc-datatable tbody tr:hover:not(.mc-datatable__empty){background-color:#e6e6e6}.mc-datatable tbody tr.selected{background-color:#ebf5de}.mc-datatable tbody th,.mc-datatable tbody td{font-size:.875rem;line-height:1.2857142857;color:#191919}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable{height:0}.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded)+.mc-datatable__row-expandable .mc-datatable__row-inner{overflow:hidden;max-height:0}.mc-datatable__row-parent.mc-datatable__row-parent--expanded+.mc-datatable__row-expandable .mc-datatable__row-inner{max-height:100%}.mc-datatable__row-expandable>td{padding:0;border-bottom:0}.mc-datatable__row-expandable--offset-1 table th:first-child,.mc-datatable__row-expandable--offset-1 table td:first-child{padding-left:4.25rem}.mc-datatable__row-expandable--offset-2 table th:first-child,.mc-datatable__row-expandable--offset-2 table td:first-child{padding-left:7.75rem}.mc-datatable__cell-checkbox{width:3.25rem}.mc-datatable__cell-button{width:3.5rem}.mc-datatable__cell-field{min-width:9.375rem}td.mc-datatable__cell-number{text-align:right}.mc-datatable__empty,.mc-datatable__empty:hover{background-color:#e6e6e6}.mc-datatable__empty-cell{color:#666}.mc-datatable__empty-content{font-size:1rem;line-height:1.375;align-items:center;color:#666;display:flex;gap:1.5rem;min-height:19.375rem;justify-content:center;text-align:center}.mc-datatable__empty-content strong{font-size:1.125rem;line-height:1.3333333333}.mc-datatable--s .mc-datatable__table tr,.mc-datatable--s .mc-datatable thead th,.mc-datatable--s .mc-datatable thead td{height:2.4375rem}.mc-datatable--l .mc-datatable__table tr,.mc-datatable--l .mc-datatable thead th,.mc-datatable--l .mc-datatable thead td{height:3.4375rem}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky-header .mc-datatable__table>thead{box-shadow:0 4px 20px #19191933;top:0;z-index:2}.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky .mc-datatable__table>tbody tr:last-child td,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child th,.mc-datatable--sticky-header .mc-datatable__table>tbody tr:last-child td{border-bottom:transparent}.mc-datatable--sticky .mc-datatable__footer,.mc-datatable--sticky-header .mc-datatable__footer{border-top:1px solid #b3b3b3;position:relative;z-index:2}.mc-datatable--sticky .mc-datatable__main{padding-top:2.9375rem;transform:translateZ(0)}.mc-datatable--sticky .mc-datatable__table{scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;display:block;overflow-y:auto}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar{background-color:#e6e6e6;height:.5rem;width:.5rem}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track{background:#e6e6e6}.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb{background:#666666}.mc-datatable--sticky .mc-datatable__table>thead{position:fixed;width:100%}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr,.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{display:flex}.mc-datatable--sticky .mc-datatable__table>thead,.mc-datatable--sticky .mc-datatable__table>tbody,.mc-datatable--sticky .mc-datatable__table>thead tr,.mc-datatable--sticky .mc-datatable__table>tbody tr{width:100%}.mc-datatable--sticky .mc-datatable__table>tbody{flex-direction:column}.mc-datatable--sticky .mc-datatable__table>thead th,.mc-datatable--sticky .mc-datatable__table>thead td,.mc-datatable--sticky .mc-datatable__table>tbody th,.mc-datatable--sticky .mc-datatable__table>tbody td{align-items:center}.mc-datatable--sticky .mc-datatable__table>thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),.mc-datatable--sticky .mc-datatable__table>tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button){flex:1}.mc-datatable--sticky .mc-datatable__cell-checkbox,.mc-datatable--sticky .mc-datatable__cell-button,.mc-datatable--sticky .mc-datatable__cell-field,.mc-datatable--sticky .mc-datatable__cell-number{flex-shrink:0}.mc-datatable--sticky .mc-datatable__cell-number{justify-content:flex-end}.mc-datatable--sticky-header .mc-datatable__main{overflow-y:auto}.mc-datatable--sticky-header .mc-datatable__table>thead{position:sticky}.mc-datatable--overflow-visible .mc-datatable__container,.mc-datatable--overflow-visible .mc-datatable__main{overflow:visible}.mc-datatable__btn{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;align-items:center;background-color:transparent;display:flex}.mc-datatable__btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__btn-icon,.mc-datatable__btn svg{width:1.5rem;height:1.5rem}.mc-datatable__sort{font-weight:600;font-size:.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.mc-datatable__sort-arrow{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;margin-left:.5rem;width:1.5rem}.mc-datatable__sort-arrow:after,.mc-datatable__sort-arrow:before{background-color:#ccc;content:\"\";flex-shrink:0;height:.5rem;width:.75rem}.mc-datatable__sort-arrow:before{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.asc .mc-datatable__sort-arrow:before{background-color:#333}.desc .mc-datatable__sort-arrow:before{display:none}.mc-datatable__sort-arrow:after{clip-path:polygon(0 0,100% 0,50% 100%)}.asc .mc-datatable__sort-arrow:after{display:none}.desc .mc-datatable__sort-arrow:after{background-color:#333}.mc-datatable__options{width:1.5rem;height:1.5rem}.mc-datatable__expand .mc-datatable__btn-icon{fill:#46a610}.mc-datatable .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-datatable__topbar{justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar,.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{display:flex;gap:1rem}.mc-datatable__topbar-edition,.mc-datatable__topbar-actions{flex-wrap:wrap}.mc-datatable__topbar-edition{flex-shrink:0}.mc-datatable__topbar-actions{align-items:center;justify-content:flex-end;margin-left:auto}.mc-datatable__filters{align-items:center;border-top:1px solid #b3b3b3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-datatable__footer{align-items:center;background-color:#fff;display:flex;padding:.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer{flex-direction:column}}.mc-datatable__select{display:flex;align-items:center;gap:.5rem}.mc-datatable__select-label{font-size:.875rem;line-height:1.2857142857;color:#333;flex-shrink:0}.mc-datatable__count{font-size:.75rem;line-height:1.3333333333;color:#666}.mc-datatable__pagination{margin-left:auto}.mc-datatable__subtable{border-collapse:collapse;border-spacing:0;caption-side:bottom;width:100%;background-color:#e6e6e6}.mc-datatable__subtable th,.mc-datatable__subtable td{border-bottom-color:#b3b3b3}.mc-datatable__subtable thead th,.mc-datatable__subtable thead td{font-size:.75rem;line-height:1.3333333333;color:#000}.mc-datatable__subtable tbody th,.mc-datatable__subtable tbody td{color:#000}.fix-header-row{position:sticky;top:0;box-shadow:0 1px 5px #22202033;z-index:1}.header{align-items:center;display:flex;height:100%;font-family:inherit;justify-content:space-between;width:100%}.is-sorted-asc:before{background-color:var(--color-datatable-sort-arrow-active, #333333)}.is-sorted-desc:after{background-color:var(--color-datatable-sort-arrow-active, #333333)}.mc-datatable-height{height:100%}.mc-datatable__sort-arrow{cursor:pointer}.mc-datatable__fix-first-column{position:sticky;background-color:#fff;left:0}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#ccc}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.checkbox-loading{width:25px;height:25px}.cells-loading{width:250px;height:25px}\n"] }]