@mozaic-ds/angular 0.24.0-test.2 → 0.25.0

package/esm2020/components/stepper/step.component.mjs

@@ -38,10 +38,10 @@ export class StepComponent {
     }
 }
 StepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-StepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StepComponent, selector: "moz-step", inputs: { title: "title" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+StepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StepComponent, selector: "moz-step", inputs: { title: "title" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#188803}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#188803}.mc-stepper__item--current .mc-stepper__indicator{background-color:#188803;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#188803}.mc-stepper__link{cursor:pointer;height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#188803;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#188803}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child:before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child:after{content:none}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
+            args: [{ selector: 'moz-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n  <moz-icon\n    *ngIf=\"validated\"\n    class=\"mc-stepper__icon\"\n    iconName=\"Navigation_Notification_Available_16px\"\n  ></moz-icon>\n  <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n  <span class=\"mc-stepper__title\">{{ title }}</span>\n  <span class=\"mc-stepper__label\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#188803}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#188803}.mc-stepper__item--current .mc-stepper__indicator{background-color:#188803;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#188803}.mc-stepper__link{cursor:pointer;height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#188803;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#188803}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child:before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child:after{content:none}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
                 type: Input
             }], hostCssClasses: [{

package/esm2020/components/stepper/stepper.component.mjs

@@ -58,10 +58,10 @@ export class StepperComponent {
     }
 }
 StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StepperComponent, selector: "moz-stepper", inputs: { selectStepIndex: "selectStepIndex", viewCompact: "viewCompact" }, host: { properties: { "class": "this.hostCssClasses" } }, queries: [{ propertyName: "steps", predicate: StepComponent }, { propertyName: "stepElements", predicate: StepComponent, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StepperComponent, selector: "moz-stepper", inputs: { selectStepIndex: "selectStepIndex", viewCompact: "viewCompact" }, host: { properties: { "class": "this.hostCssClasses" } }, queries: [{ propertyName: "steps", predicate: StepComponent }, { propertyName: "stepElements", predicate: StepComponent, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#188803}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#188803}.mc-stepper__item--current .mc-stepper__indicator{background-color:#188803;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#188803}.mc-stepper__link{cursor:pointer;height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#188803;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#188803}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child:before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child:after{content:none}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#46a610}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#46a610}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#46a610;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#46a610}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
+            args: [{ selector: 'moz-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"mc-stepper__list\">\n  <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#188803}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current:before{background-color:#188803}.mc-stepper__item--current .mc-stepper__indicator{background-color:#188803;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#188803}.mc-stepper__link{cursor:pointer;height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:600;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#188803;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#188803}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child:before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child:after{content:none}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
         }], propDecorators: { selectStepIndex: [{
                 type: Input
             }], viewCompact: [{

package/esm2020/components/text-area/text-area.component.mjs

@@ -28,10 +28,10 @@ export class TextAreaComponent {
     }
 }
 TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextAreaComponent, selector: "textarea[moz-text-area]", inputs: { invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextAreaComponent, selector: "textarea[moz-text-area]", inputs: { invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;max-width:100%;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'textarea[moz-text-area]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"] }]
+            args: [{ selector: 'textarea[moz-text-area]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-textarea{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;max-width:100%;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"] }]
         }], propDecorators: { hostCssClasses: [{
                 type: HostBinding,
                 args: ['class']