@mozaic-ds/angular 0.19.2 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/text-input/text-input.component.d.ts +5 -2
- package/esm2020/components/checkbox/checkbox.module.mjs +5 -2
- package/esm2020/components/notification/notification-container.component.mjs +3 -3
- package/esm2020/components/text-input/text-input.component.mjs +30 -17
- package/fesm2015/mozaic-ds-angular.mjs +34 -18
- package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/fesm2020/mozaic-ds-angular.mjs +34 -18
- package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -232,6 +232,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
|
|
|
232
232
|
type: Input
|
|
233
233
|
}] } });
|
|
234
234
|
|
|
235
|
+
/**
|
|
236
|
+
* @deprecated remove in 0.21 version
|
|
237
|
+
*/
|
|
235
238
|
class CheckboxModule {
|
|
236
239
|
}
|
|
237
240
|
CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1041,10 +1044,10 @@ class NotificationContainerComponent {
|
|
|
1041
1044
|
}
|
|
1042
1045
|
}
|
|
1043
1046
|
NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
|
|
1044
|
-
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NotificationContainerComponent, selector: "moz-notification-container", ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top
|
|
1047
|
+
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NotificationContainerComponent, selector: "moz-notification-container", ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NotificationComponent, selector: "moz-notification", inputs: ["type", "size"] }, { kind: "component", type: NotificationTitleComponent, selector: "[mozNotificationTitle]" }, { kind: "component", type: NotificationMessageComponent, selector: "[mozNotificationMessage]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [NotificationAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1045
1048
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NotificationContainerComponent, decorators: [{
|
|
1046
1049
|
type: Component,
|
|
1047
|
-
args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top
|
|
1050
|
+
args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"] }]
|
|
1048
1051
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
1049
1052
|
type: Inject,
|
|
1050
1053
|
args: [NOTIFICATION_CONFIG]
|
|
@@ -1828,6 +1831,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
|
|
|
1828
1831
|
}] });
|
|
1829
1832
|
|
|
1830
1833
|
class TextInputComponent {
|
|
1834
|
+
constructor(elementRef) {
|
|
1835
|
+
this.elementRef = elementRef;
|
|
1836
|
+
this.size = 'm';
|
|
1837
|
+
this._invalid = false;
|
|
1838
|
+
this._valid = false;
|
|
1839
|
+
}
|
|
1840
|
+
get hostCssClasses() {
|
|
1841
|
+
const validClass = this.valid ? 'is-valid' : '';
|
|
1842
|
+
const invalidClass = this.invalid ? 'is-invalid' : '';
|
|
1843
|
+
const sizeCssClass = this.isRadioButton || this.isCheckbox ? '' : `mc-text-input--${this.size}`;
|
|
1844
|
+
return `${this.inputClass} ${sizeCssClass} ${validClass} ${invalidClass}`;
|
|
1845
|
+
}
|
|
1831
1846
|
get invalid() {
|
|
1832
1847
|
return this._invalid || false;
|
|
1833
1848
|
}
|
|
@@ -1835,16 +1850,23 @@ class TextInputComponent {
|
|
|
1835
1850
|
const valid = this._valid || false;
|
|
1836
1851
|
return !this.invalid && valid;
|
|
1837
1852
|
}
|
|
1853
|
+
get typeElement() {
|
|
1854
|
+
return this.elementRef.nativeElement.type || 'text';
|
|
1855
|
+
}
|
|
1838
1856
|
get isRadioButton() {
|
|
1839
|
-
|
|
1840
|
-
return type === 'radio';
|
|
1857
|
+
return this.typeElement === 'radio';
|
|
1841
1858
|
}
|
|
1842
|
-
get
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1859
|
+
get isCheckbox() {
|
|
1860
|
+
return this.typeElement === 'checkbox';
|
|
1861
|
+
}
|
|
1862
|
+
get inputClass() {
|
|
1863
|
+
if (this.isCheckbox) {
|
|
1864
|
+
return 'mc-checkbox__input';
|
|
1865
|
+
}
|
|
1866
|
+
if (this.isRadioButton) {
|
|
1867
|
+
return 'mc-radio__input';
|
|
1868
|
+
}
|
|
1869
|
+
return 'mc-text-input';
|
|
1848
1870
|
}
|
|
1849
1871
|
set invalid(val) {
|
|
1850
1872
|
this._invalid = castBooleanProperty(val);
|
|
@@ -1852,18 +1874,12 @@ class TextInputComponent {
|
|
|
1852
1874
|
set valid(val) {
|
|
1853
1875
|
this._valid = castBooleanProperty(val);
|
|
1854
1876
|
}
|
|
1855
|
-
constructor(elementRef) {
|
|
1856
|
-
this.elementRef = elementRef;
|
|
1857
|
-
this.size = 'm';
|
|
1858
|
-
this._invalid = false;
|
|
1859
|
-
this._valid = false;
|
|
1860
|
-
}
|
|
1861
1877
|
}
|
|
1862
1878
|
TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: TextInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1863
|
-
TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1879
|
+
TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path 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\"/></svg>');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('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.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('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path 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\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}.mc-checkbox__input:checked:disabled{background-image:url(assets/special-icons/checkbox-checked-disabled.svg)}.mc-checkbox__input:checked{background-image:url(assets/special-icons/checkbox-checked.svg)}.mc-checkbox__input:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate.svg)}.mc-checkbox__input:disabled:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate-disabled.svg)}.mc-checkbox__label:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1864
1880
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
1865
1881
|
type: Component,
|
|
1866
|
-
args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}\n"] }]
|
|
1882
|
+
args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path 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\"/></svg>');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('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.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('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path 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\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}.mc-checkbox__input:checked:disabled{background-image:url(assets/special-icons/checkbox-checked-disabled.svg)}.mc-checkbox__input:checked{background-image:url(assets/special-icons/checkbox-checked.svg)}.mc-checkbox__input:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate.svg)}.mc-checkbox__input:disabled:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate-disabled.svg)}.mc-checkbox__label:empty{display:none}\n"] }]
|
|
1867
1883
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
|
|
1868
1884
|
type: Input
|
|
1869
1885
|
}], hostCssClasses: [{
|