@mozaic-ds/angular 0.26.1 → 0.27.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/adeo/components/dropdown/dropdown.component.d.ts +4 -1
- package/adeo/components/icon/icon.component.d.ts +3 -1
- package/adeo/components/taglist/components/taglist-layer-content/taglist-layer-content.component.d.ts +4 -1
- package/adeo/components/taglist/services/taglist.service.d.ts +11 -0
- package/adeo/components/taglist/taglist.component.d.ts +11 -6
- package/adeo/esm2020/components/action-bar/action-bar.component.mjs +1 -1
- package/adeo/esm2020/components/autocomplete/autocomplete.component.mjs +2 -3
- package/adeo/esm2020/components/built-it-menu/built-it-menu.component.mjs +1 -1
- package/adeo/esm2020/components/datatable/moz-datatable.component.mjs +1 -1
- package/adeo/esm2020/components/datatable-management/components/moz-datatable-management-content/moz-datatable-management-content.component.mjs +1 -1
- package/adeo/esm2020/components/datatable-management/moz-datatable-management.component.mjs +1 -1
- package/adeo/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/adeo/esm2020/components/field/field.component.mjs +3 -3
- package/adeo/esm2020/components/header/header.component.mjs +1 -1
- package/adeo/esm2020/components/icon/icon.component.mjs +7 -2
- package/adeo/esm2020/components/kpi/kpi.component.mjs +1 -1
- package/adeo/esm2020/components/layer/layer.component.mjs +2 -2
- package/adeo/esm2020/components/link/link.component.mjs +1 -1
- package/adeo/esm2020/components/listbox/listbox.component.mjs +3 -3
- package/adeo/esm2020/components/modal/modal.component.mjs +2 -2
- package/adeo/esm2020/components/pagination/pagination.component.mjs +1 -1
- package/adeo/esm2020/components/quantity-selector/quantity-selector.component.mjs +1 -1
- package/adeo/esm2020/components/sidebar/moz-sidebar.component.mjs +1 -1
- package/adeo/esm2020/components/stepper/step.component.mjs +1 -1
- package/adeo/esm2020/components/taglist/components/taglist-layer-content/taglist-layer-content.component.mjs +12 -7
- package/adeo/esm2020/components/taglist/services/taglist.service.mjs +21 -0
- package/adeo/esm2020/components/taglist/taglist.component.mjs +33 -21
- package/adeo/esm2020/components/taglist/taglist.module.mjs +4 -2
- package/adeo/esm2020/components/tooltip/directive/tooltip.directive.mjs +5 -3
- package/adeo/fesm2015/mozaic-ds-angular.mjs +98 -51
- package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/fesm2020/mozaic-ds-angular.mjs +96 -51
- package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/package.json +1 -1
- package/bricoman/components/dropdown/dropdown.component.d.ts +4 -1
- package/bricoman/components/icon/icon.component.d.ts +3 -1
- package/bricoman/components/taglist/components/taglist-layer-content/taglist-layer-content.component.d.ts +4 -1
- package/bricoman/components/taglist/services/taglist.service.d.ts +11 -0
- package/bricoman/components/taglist/taglist.component.d.ts +11 -6
- package/bricoman/esm2020/components/action-bar/action-bar.component.mjs +1 -1
- package/bricoman/esm2020/components/autocomplete/autocomplete.component.mjs +2 -3
- package/bricoman/esm2020/components/built-it-menu/built-it-menu.component.mjs +1 -1
- package/bricoman/esm2020/components/datatable/moz-datatable.component.mjs +1 -1
- package/bricoman/esm2020/components/datatable-management/components/moz-datatable-management-content/moz-datatable-management-content.component.mjs +1 -1
- package/bricoman/esm2020/components/datatable-management/moz-datatable-management.component.mjs +1 -1
- package/bricoman/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/bricoman/esm2020/components/field/field.component.mjs +3 -3
- package/bricoman/esm2020/components/header/header.component.mjs +1 -1
- package/bricoman/esm2020/components/icon/icon.component.mjs +7 -2
- package/bricoman/esm2020/components/kpi/kpi.component.mjs +1 -1
- package/bricoman/esm2020/components/layer/layer.component.mjs +2 -2
- package/bricoman/esm2020/components/link/link.component.mjs +1 -1
- package/bricoman/esm2020/components/listbox/listbox.component.mjs +3 -3
- package/bricoman/esm2020/components/modal/modal.component.mjs +2 -2
- package/bricoman/esm2020/components/pagination/pagination.component.mjs +1 -1
- package/bricoman/esm2020/components/quantity-selector/quantity-selector.component.mjs +1 -1
- package/bricoman/esm2020/components/sidebar/moz-sidebar.component.mjs +1 -1
- package/bricoman/esm2020/components/stepper/step.component.mjs +1 -1
- package/bricoman/esm2020/components/taglist/components/taglist-layer-content/taglist-layer-content.component.mjs +12 -7
- package/bricoman/esm2020/components/taglist/services/taglist.service.mjs +21 -0
- package/bricoman/esm2020/components/taglist/taglist.component.mjs +33 -21
- package/bricoman/esm2020/components/taglist/taglist.module.mjs +4 -2
- package/bricoman/esm2020/components/tooltip/directive/tooltip.directive.mjs +5 -3
- package/bricoman/fesm2015/mozaic-ds-angular.mjs +98 -51
- package/bricoman/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/fesm2020/mozaic-ds-angular.mjs +96 -51
- package/bricoman/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/package.json +1 -1
- package/components/dropdown/dropdown.component.d.ts +4 -1
- package/components/icon/icon.component.d.ts +3 -1
- package/components/taglist/components/taglist-layer-content/taglist-layer-content.component.d.ts +4 -1
- package/components/taglist/services/taglist.service.d.ts +11 -0
- package/components/taglist/taglist.component.d.ts +11 -6
- package/esm2020/components/action-bar/action-bar.component.mjs +1 -1
- package/esm2020/components/autocomplete/autocomplete.component.mjs +2 -3
- package/esm2020/components/built-it-menu/built-it-menu.component.mjs +1 -1
- package/esm2020/components/datatable/moz-datatable.component.mjs +1 -1
- package/esm2020/components/datatable-management/components/moz-datatable-management-content/moz-datatable-management-content.component.mjs +1 -1
- package/esm2020/components/datatable-management/moz-datatable-management.component.mjs +1 -1
- package/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/esm2020/components/field/field.component.mjs +3 -3
- package/esm2020/components/header/header.component.mjs +1 -1
- package/esm2020/components/icon/icon.component.mjs +7 -2
- package/esm2020/components/kpi/kpi.component.mjs +1 -1
- package/esm2020/components/layer/layer.component.mjs +2 -2
- package/esm2020/components/link/link.component.mjs +1 -1
- package/esm2020/components/listbox/listbox.component.mjs +3 -3
- package/esm2020/components/modal/modal.component.mjs +2 -2
- package/esm2020/components/pagination/pagination.component.mjs +1 -1
- package/esm2020/components/quantity-selector/quantity-selector.component.mjs +1 -1
- package/esm2020/components/sidebar/moz-sidebar.component.mjs +1 -1
- package/esm2020/components/stepper/step.component.mjs +1 -1
- package/esm2020/components/taglist/components/taglist-layer-content/taglist-layer-content.component.mjs +12 -7
- package/esm2020/components/taglist/services/taglist.service.mjs +21 -0
- package/esm2020/components/taglist/taglist.component.mjs +33 -21
- package/esm2020/components/taglist/taglist.module.mjs +4 -2
- package/esm2020/components/tooltip/directive/tooltip.directive.mjs +5 -3
- package/fesm2015/mozaic-ds-angular.mjs +98 -51
- package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/fesm2020/mozaic-ds-angular.mjs +96 -51
- package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,9 @@ export class IconComponent {
|
|
|
25
25
|
[IconSize.XL]: 'icons-size-xl',
|
|
26
26
|
[IconSize.XXL]: 'icons-size-xxl',
|
|
27
27
|
};
|
|
28
|
+
if (this.size) {
|
|
29
|
+
return strategy[this.size || null] || strategy[IconSize.S];
|
|
30
|
+
}
|
|
28
31
|
return strategy[size || null] || strategy[IconSize.S];
|
|
29
32
|
}
|
|
30
33
|
drawIcon(iconName, previousIconName) {
|
|
@@ -40,11 +43,13 @@ export class IconComponent {
|
|
|
40
43
|
}
|
|
41
44
|
}
|
|
42
45
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i1.IconService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "moz-icon", inputs: { iconName: "iconName" }, host: { properties: { "class.icon": "true" } }, usesOnChanges: true, ngImport: i0, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}.icons-size-xxl{height:4rem;width:4rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
46
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "moz-icon", inputs: { iconName: "iconName", size: "size" }, host: { properties: { "class.icon": "true" } }, usesOnChanges: true, ngImport: i0, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}.icons-size-xxl{height:4rem;width:4rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
|
|
45
48
|
type: Component,
|
|
46
49
|
args: [{ selector: 'moz-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.icon]': 'true' }, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}.icons-size-xxl{height:4rem;width:4rem}\n"] }]
|
|
47
50
|
}], ctorParameters: function () { return [{ type: i1.IconService }, { type: i0.ElementRef }]; }, propDecorators: { iconName: [{
|
|
48
51
|
type: Input
|
|
52
|
+
}], size: [{
|
|
53
|
+
type: Input
|
|
49
54
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULEtBQUssRUFHTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFXdkMsTUFBTSxPQUFPLGFBQWE7SUFJeEIsWUFBNkIsV0FBd0IsRUFBbUIsVUFBc0I7UUFBakUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFBbUIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUg5RSxhQUFRLEdBQVcsRUFBRSxDQUFDO0lBRzJELENBQUM7SUFFbEcsV0FBVyxDQUFDLEVBQUUsUUFBUSxFQUFpQjtRQUNyQyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGFBQWEsQ0FBQztZQUNsRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFTyxjQUFjLENBQUMsZUFBd0IsRUFBRSxnQkFBeUI7UUFDeEUsT0FBTyxDQUFDLENBQUMsZUFBZSxJQUFJLGVBQWUsS0FBSyxnQkFBZ0IsQ0FBQztJQUNuRSxDQUFDO0lBRU8sWUFBWSxDQUFDLElBQVk7UUFDL0IsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFDLE1BQU0sUUFBUSxHQUFHO1lBQ2YsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsY0FBYztZQUM1QixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUFjO1lBQzVCLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQWM7WUFDNUIsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLEVBQUUsZUFBZTtZQUM5QixDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxnQkFBZ0I7U0FDakMsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUM1RDtRQUVELE9BQU8sUUFBUSxDQUFFLElBQWlCLElBQUksSUFBSSxDQUFDLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRU8sUUFBUSxDQUFDLFFBQWdCLEVBQUUsZ0JBQXlCO1FBQzFELElBQUksQ0FBQyxXQUFXO2FBQ2IsT0FBTyxDQUFDLFFBQVEsQ0FBQzthQUNqQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDYixTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDO1lBQzlDLGdCQUFnQjtnQkFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDO1lBQ3RGLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1FBQzNFLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7MkdBMUNVLGFBQWE7K0ZBQWIsYUFBYSxxS0NyQjFCLEVBQUE7NEZEcUJhLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRTsySEFHaEIsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmlyc3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEljb25TaXplIH0gZnJvbSAnLi9pY29uLXNpemUnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7ICdbY2xhc3MuaWNvbl0nOiAndHJ1ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplPzogSWNvblNpemU7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBpY29uU2VydmljZTogSWNvblNlcnZpY2UsIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICBuZ09uQ2hhbmdlcyh7IGljb25OYW1lIH06IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLm5lZWRSZW5kZXJJY29uKGljb25OYW1lPy5jdXJyZW50VmFsdWUsIGljb25OYW1lPy5wcmV2aW91c1ZhbHVlKSAmJlxuICAgICAgdGhpcy5kcmF3SWNvbihpY29uTmFtZT8uY3VycmVudFZhbHVlLCBpY29uTmFtZT8ucHJldmlvdXNWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIG5lZWRSZW5kZXJJY29uKGN1cnJlbnRJY29uTmFtZT86IHN0cmluZywgcHJldmlvdXNJY29uTmFtZT86IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIWN1cnJlbnRJY29uTmFtZSAmJiBjdXJyZW50SWNvbk5hbWUgIT09IHByZXZpb3VzSWNvbk5hbWU7XG4gIH1cblxuICBwcml2YXRlIGdldFNpemVDbGFzcyhuYW1lOiBzdHJpbmcpIHtcbiAgICBjb25zdCBbc2l6ZV0gPSBuYW1lLm1hdGNoKC9cXGRcXGRweC8pIHx8IFtdO1xuICAgIGNvbnN0IHN0cmF0ZWd5ID0ge1xuICAgICAgW0ljb25TaXplLlNdOiAnaWNvbnMtc2l6ZS1zJyxcbiAgICAgIFtJY29uU2l6ZS5NXTogJ2ljb25zLXNpemUtbScsXG4gICAgICBbSWNvblNpemUuTF06ICdpY29ucy1zaXplLWwnLFxuICAgICAgW0ljb25TaXplLlhMXTogJ2ljb25zLXNpemUteGwnLFxuICAgICAgW0ljb25TaXplLlhYTF06ICdpY29ucy1zaXplLXh4bCcsXG4gICAgfTtcblxuICAgIGlmICh0aGlzLnNpemUpIHtcbiAgICAgIHJldHVybiBzdHJhdGVneVt0aGlzLnNpemUgfHwgbnVsbF0gfHwgc3RyYXRlZ3lbSWNvblNpemUuU107XG4gICAgfVxuXG4gICAgcmV0dXJuIHN0cmF0ZWd5WyhzaXplIGFzIEljb25TaXplKSB8fCBudWxsXSB8fCBzdHJhdGVneVtJY29uU2l6ZS5TXTtcbiAgfVxuXG4gIHByaXZhdGUgZHJhd0ljb24oaWNvbk5hbWU6IHN0cmluZywgcHJldmlvdXNJY29uTmFtZT86IHN0cmluZykge1xuICAgIHRoaXMuaWNvblNlcnZpY2VcbiAgICAgIC5nZXRJY29uKGljb25OYW1lKVxuICAgICAgLnBpcGUoZmlyc3QoKSlcbiAgICAgIC5zdWJzY3JpYmUoKHN2ZykgPT4ge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSBzdmc7XG4gICAgICAgIHByZXZpb3VzSWNvbk5hbWUgJiZcbiAgICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKHRoaXMuZ2V0U2l6ZUNsYXNzKHByZXZpb3VzSWNvbk5hbWUpKTtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCh0aGlzLmdldFNpemVDbGFzcyhpY29uTmFtZSkpO1xuICAgICAgfSk7XG4gIH1cbn1cbiIsIiJdfQ==
|
|
@@ -31,7 +31,7 @@ export class KpiComponent {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
KpiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KpiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
KpiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: KpiComponent, selector: "moz-kpi", inputs: { value: "value", iconname: "iconname", iconcolor: "iconcolor", label: "label", type: "type", detail: "detail", size: "size" }, ngImport: i0, template: "<div class=\"mc-kpi mc-kpi--{{ getSize() }} mc-kpi--{{ type }}\">\n <span class=\"mc-kpi__label\" *ngIf=\"labelOutsideContent()\">{{ label }}</span>\n <div class=\"mc-kpi__content\">\n <div class=\"mc-kpi__main\">\n <span class=\"mc-kpi__label\" *ngIf=\"!labelOutsideContent()\">{{ label }}</span>\n <span class=\"mc-kpi__value\">{{ value }}</span>\n </div>\n <div class=\"mc-kpi__aside\" ref=\"aside\" *ngIf=\"iconname || detail\">\n <span class=\"mc-kpi__detail\" *ngIf=\"detail\">{{ detail }}</span>\n <span class=\"mc-kpi__icon\" *ngIf=\"iconname\"\n ><moz-icon [iconName]=\"iconname\" [ngStyle]=\"{ fill: iconcolor }\"></moz-icon\n ></span>\n </div>\n </div>\n</div>\n", styles: [".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi,.mc-kpi *{box-sizing:border-box}.mc-kpi:not(.mc-kpi--small){min-width:10rem}.mc-kpi__label{font-size:.875rem;line-height:1.2857142857;display:block}.mc-kpi__content{display:flex}.mc-kpi__main{align-items:center;display:flex;justify-content:center}.mc-kpi__value{font-size:.875rem;line-height:1.2857142857;font-weight:600}.mc-kpi__aside{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:center}.mc-kpi__detail{font-size:.875rem;line-height:1.2857142857}.mc-kpi__icon{display:block;height:1rem;width:1rem}.mc-kpi--small .mc-kpi__content{gap:.5rem}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:.125rem .4375rem}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:#000;margin-bottom:.375rem}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--medium .mc-kpi__main{flex-grow:1;height:2.5rem;padding:.5rem .5rem .5rem .4375rem}.mc-kpi--medium .mc-kpi__value{font-size:1rem;line-height:1.375}.mc-kpi--medium .mc-kpi__aside{padding-left:.75rem;padding-right:.6875rem}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{flex-direction:column;width:100%}.mc-kpi--large .mc-kpi__main{flex-direction:column;padding:1rem .9375rem}.mc-kpi--large .mc-kpi__main:only-child{height:9.0625rem}.mc-kpi--large .mc-kpi__label{font-size:1rem;line-height:1.375}.mc-kpi--large .mc-kpi__value{font-size:2.125rem;line-height:1.2941176471}.mc-kpi--large .mc-kpi__aside{gap:.75rem;min-height:2.9375rem;padding-right:.6875rem;padding-left:.6875rem}.mc-kpi--medium.mc-kpi--fluid,.mc-kpi--large.mc-kpi--fluid{max-width:100%;width:100%}.mc-kpi--warning{--color-kpi-background: #fdf1e8;--color-kpi-border: #c65200;--color-kpi-text: #8c3500}.mc-kpi--danger{--color-kpi-background: #fdeaea;--color-kpi-border: #c61112;--color-kpi-text: #8c0003}.mc-kpi--success{--color-kpi-background: #ebf5de;--color-kpi-border: #188803;--color-kpi-text: #006902}.mc-kpi--neutral{--color-kpi-background: #e6e6e6;--color-kpi-border: #666666;--color-kpi-text: #4d4d4d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
34
|
+
KpiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: KpiComponent, selector: "moz-kpi", inputs: { value: "value", iconname: "iconname", iconcolor: "iconcolor", label: "label", type: "type", detail: "detail", size: "size" }, ngImport: i0, template: "<div class=\"mc-kpi mc-kpi--{{ getSize() }} mc-kpi--{{ type }}\">\n <span class=\"mc-kpi__label\" *ngIf=\"labelOutsideContent()\">{{ label }}</span>\n <div class=\"mc-kpi__content\">\n <div class=\"mc-kpi__main\">\n <span class=\"mc-kpi__label\" *ngIf=\"!labelOutsideContent()\">{{ label }}</span>\n <span class=\"mc-kpi__value\">{{ value }}</span>\n </div>\n <div class=\"mc-kpi__aside\" ref=\"aside\" *ngIf=\"iconname || detail\">\n <span class=\"mc-kpi__detail\" *ngIf=\"detail\">{{ detail }}</span>\n <span class=\"mc-kpi__icon\" *ngIf=\"iconname\"\n ><moz-icon [iconName]=\"iconname\" [ngStyle]=\"{ fill: iconcolor }\"></moz-icon\n ></span>\n </div>\n </div>\n</div>\n", styles: [".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi,.mc-kpi *{box-sizing:border-box}.mc-kpi:not(.mc-kpi--small){min-width:10rem}.mc-kpi__label{font-size:.875rem;line-height:1.2857142857;display:block}.mc-kpi__content{display:flex}.mc-kpi__main{align-items:center;display:flex;justify-content:center}.mc-kpi__value{font-size:.875rem;line-height:1.2857142857;font-weight:600}.mc-kpi__aside{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:center}.mc-kpi__detail{font-size:.875rem;line-height:1.2857142857}.mc-kpi__icon{display:block;height:1rem;width:1rem}.mc-kpi--small .mc-kpi__content{gap:.5rem}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:.125rem .4375rem}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:#000;margin-bottom:.375rem}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--medium .mc-kpi__main{flex-grow:1;height:2.5rem;padding:.5rem .5rem .5rem .4375rem}.mc-kpi--medium .mc-kpi__value{font-size:1rem;line-height:1.375}.mc-kpi--medium .mc-kpi__aside{padding-left:.75rem;padding-right:.6875rem}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{flex-direction:column;width:100%}.mc-kpi--large .mc-kpi__main{flex-direction:column;padding:1rem .9375rem}.mc-kpi--large .mc-kpi__main:only-child{height:9.0625rem}.mc-kpi--large .mc-kpi__label{font-size:1rem;line-height:1.375}.mc-kpi--large .mc-kpi__value{font-size:2.125rem;line-height:1.2941176471}.mc-kpi--large .mc-kpi__aside{gap:.75rem;min-height:2.9375rem;padding-right:.6875rem;padding-left:.6875rem}.mc-kpi--medium.mc-kpi--fluid,.mc-kpi--large.mc-kpi--fluid{max-width:100%;width:100%}.mc-kpi--warning{--color-kpi-background: #fdf1e8;--color-kpi-border: #c65200;--color-kpi-text: #8c3500}.mc-kpi--danger{--color-kpi-background: #fdeaea;--color-kpi-border: #c61112;--color-kpi-text: #8c0003}.mc-kpi--success{--color-kpi-background: #ebf5de;--color-kpi-border: #188803;--color-kpi-text: #006902}.mc-kpi--neutral{--color-kpi-background: #e6e6e6;--color-kpi-border: #666666;--color-kpi-text: #4d4d4d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KpiComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'moz-kpi', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-kpi mc-kpi--{{ getSize() }} mc-kpi--{{ type }}\">\n <span class=\"mc-kpi__label\" *ngIf=\"labelOutsideContent()\">{{ label }}</span>\n <div class=\"mc-kpi__content\">\n <div class=\"mc-kpi__main\">\n <span class=\"mc-kpi__label\" *ngIf=\"!labelOutsideContent()\">{{ label }}</span>\n <span class=\"mc-kpi__value\">{{ value }}</span>\n </div>\n <div class=\"mc-kpi__aside\" ref=\"aside\" *ngIf=\"iconname || detail\">\n <span class=\"mc-kpi__detail\" *ngIf=\"detail\">{{ detail }}</span>\n <span class=\"mc-kpi__icon\" *ngIf=\"iconname\"\n ><moz-icon [iconName]=\"iconname\" [ngStyle]=\"{ fill: iconcolor }\"></moz-icon\n ></span>\n </div>\n </div>\n</div>\n", styles: [".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi,.mc-kpi *{box-sizing:border-box}.mc-kpi:not(.mc-kpi--small){min-width:10rem}.mc-kpi__label{font-size:.875rem;line-height:1.2857142857;display:block}.mc-kpi__content{display:flex}.mc-kpi__main{align-items:center;display:flex;justify-content:center}.mc-kpi__value{font-size:.875rem;line-height:1.2857142857;font-weight:600}.mc-kpi__aside{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:center}.mc-kpi__detail{font-size:.875rem;line-height:1.2857142857}.mc-kpi__icon{display:block;height:1rem;width:1rem}.mc-kpi--small .mc-kpi__content{gap:.5rem}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:.125rem .4375rem}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:#000;margin-bottom:.375rem}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--medium .mc-kpi__main{flex-grow:1;height:2.5rem;padding:.5rem .5rem .5rem .4375rem}.mc-kpi--medium .mc-kpi__value{font-size:1rem;line-height:1.375}.mc-kpi--medium .mc-kpi__aside{padding-left:.75rem;padding-right:.6875rem}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{flex-direction:column;width:100%}.mc-kpi--large .mc-kpi__main{flex-direction:column;padding:1rem .9375rem}.mc-kpi--large .mc-kpi__main:only-child{height:9.0625rem}.mc-kpi--large .mc-kpi__label{font-size:1rem;line-height:1.375}.mc-kpi--large .mc-kpi__value{font-size:2.125rem;line-height:1.2941176471}.mc-kpi--large .mc-kpi__aside{gap:.75rem;min-height:2.9375rem;padding-right:.6875rem;padding-left:.6875rem}.mc-kpi--medium.mc-kpi--fluid,.mc-kpi--large.mc-kpi--fluid{max-width:100%;width:100%}.mc-kpi--warning{--color-kpi-background: #fdf1e8;--color-kpi-border: #c65200;--color-kpi-text: #8c3500}.mc-kpi--danger{--color-kpi-background: #fdeaea;--color-kpi-border: #c61112;--color-kpi-text: #8c0003}.mc-kpi--success{--color-kpi-background: #ebf5de;--color-kpi-border: #188803;--color-kpi-text: #006902}.mc-kpi--neutral{--color-kpi-background: #e6e6e6;--color-kpi-border: #666666;--color-kpi-text: #4d4d4d}\n"] }]
|
|
@@ -42,7 +42,7 @@ export class LayerComponent {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
LayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayerComponent, deps: [{ token: LAYER_REF }, { token: LAYER_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
LayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LayerComponent, selector: "moz-layer", host: { properties: { "@layerAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n class=\"mc-layer\"\n [ngClass]=\"[position === 'left' ? 'mc-layer--ltr' : '']\"\n role=\"dialog\"\n aria-labelledby=\"layerTitle\"\n aria-modal=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n>\n <div\n class=\"mc-layer__dialog is-open\"\n role=\"document\"\n [ngClass]=\"[extended ? 'mc-layer__dialog--extend' : '']\"\n >\n <div class=\"mc-layer__header\">\n <span class=\"mc-layer__icon\" *ngIf=\"icon\">\n <moz-icon iconName=\"{{ icon }}\"></moz-icon>\n </span>\n <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n <span class=\"mc-layer__close-text\">Close</span>\n </button>\n </div>\n <div class=\"mc-layer__body mc-layer__body--overflowing\">\n <ng-template class=\"mc-layer__content\" #content></ng-template>\n </div>\n </div>\n</div>\n<div\n class=\"mc-layer-overlay is-visible\"\n (click)=\"closeOnOutsideCLick()\"\n tabindex=\"-1\"\n role=\"dialog\"\n></div>\n", styles: [".mc-layer{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], animations: [layerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
45
|
+
LayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LayerComponent, selector: "moz-layer", host: { properties: { "@layerAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n class=\"mc-layer\"\n [ngClass]=\"[position === 'left' ? 'mc-layer--ltr' : '']\"\n role=\"dialog\"\n aria-labelledby=\"layerTitle\"\n aria-modal=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n>\n <div\n class=\"mc-layer__dialog is-open\"\n role=\"document\"\n [ngClass]=\"[extended ? 'mc-layer__dialog--extend' : '']\"\n >\n <div class=\"mc-layer__header\">\n <span class=\"mc-layer__icon\" *ngIf=\"icon\">\n <moz-icon iconName=\"{{ icon }}\"></moz-icon>\n </span>\n <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n <span class=\"mc-layer__close-text\">Close</span>\n </button>\n </div>\n <div class=\"mc-layer__body mc-layer__body--overflowing\">\n <ng-template class=\"mc-layer__content\" #content></ng-template>\n </div>\n </div>\n</div>\n<div\n class=\"mc-layer-overlay is-visible\"\n (click)=\"closeOnOutsideCLick()\"\n tabindex=\"-1\"\n role=\"dialog\"\n></div>\n", styles: [".mc-layer{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName", "size"] }], animations: [layerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayerComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{ selector: 'moz-layer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [layerAnimation], host: { '[@layerAnimation]': 'true' }, template: "<div\n class=\"mc-layer\"\n [ngClass]=\"[position === 'left' ? 'mc-layer--ltr' : '']\"\n role=\"dialog\"\n aria-labelledby=\"layerTitle\"\n aria-modal=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n>\n <div\n class=\"mc-layer__dialog is-open\"\n role=\"document\"\n [ngClass]=\"[extended ? 'mc-layer__dialog--extend' : '']\"\n >\n <div class=\"mc-layer__header\">\n <span class=\"mc-layer__icon\" *ngIf=\"icon\">\n <moz-icon iconName=\"{{ icon }}\"></moz-icon>\n </span>\n <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n <span class=\"mc-layer__close-text\">Close</span>\n </button>\n </div>\n <div class=\"mc-layer__body mc-layer__body--overflowing\">\n <ng-template class=\"mc-layer__content\" #content></ng-template>\n </div>\n </div>\n</div>\n<div\n class=\"mc-layer-overlay is-visible\"\n (click)=\"closeOnOutsideCLick()\"\n tabindex=\"-1\"\n role=\"dialog\"\n></div>\n", styles: [".mc-layer{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"] }]
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
56
56
|
type: ViewChild,
|
|
57
57
|
args: ['content', { read: ViewContainerRef, static: true }]
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvbGF5ZXIvbGF5ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvbGF5ZXIvbGF5ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUV2QixTQUFTLEVBRVQsTUFBTSxFQUVOLFNBQVMsRUFDVCxnQkFBZ0IsRUFDaEIsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7OztBQVduRCxNQUFNLE9BQU8sY0FBYztJQU16QixJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxJQUFJLGFBQWEsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFlLENBQUM7SUFDckMsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFlBQ3NDLFFBQWtCLEVBQ2YsTUFBbUIsRUFDekMsRUFBcUI7UUFGRixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2YsV0FBTSxHQUFOLE1BQU0sQ0FBYTtRQUN6QyxPQUFFLEdBQUYsRUFBRSxDQUFtQjtJQUNyQyxDQUFDO0lBRUosbUJBQW1CO1FBQ2pCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDZDtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxhQUF3QjtRQUNqRCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDNUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7NEdBakRVLGNBQWMsa0JBMkJmLFNBQVMsYUFDVCxZQUFZO2dHQTVCWCxjQUFjLDRMQUNLLGdCQUFnQiwyQ0MzQmhELDJoQ0FrQ0EsNmxLRFhjLENBQUMsY0FBYyxDQUFDOzRGQUdqQixjQUFjO2tCQVQxQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixDQUFDLGNBQWMsQ0FBQyxRQUN0QixFQUFFLG1CQUFtQixFQUFFLE1BQU0sRUFBRTs7MEJBNkJsQyxNQUFNOzJCQUFDLFNBQVM7OzBCQUNoQixNQUFNOzJCQUFDLFlBQVk7NEVBMUJMLGNBQWM7c0JBRDlCLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29tcG9uZW50UmVmLFxuICBJbmplY3QsXG4gIFR5cGUsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5ZXJDb25maWcgfSBmcm9tICcuL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTGF5ZXJSZWYgfSBmcm9tICcuL2ludGVyZmFjZXMvbGF5ZXItcmVmJztcbmltcG9ydCB7IGxheWVyQW5pbWF0aW9uIH0gZnJvbSAnLi9sYXllci1hbmltYXRpb24nO1xuaW1wb3J0IHsgTEFZRVJfQ09ORklHLCBMQVlFUl9SRUYgfSBmcm9tICcuL3Rva2Vucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1sYXllcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXllci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xheWVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBhbmltYXRpb25zOiBbbGF5ZXJBbmltYXRpb25dLFxuICBob3N0OiB7ICdbQGxheWVyQW5pbWF0aW9uXSc6ICd0cnVlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBMYXllckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdjb250ZW50JywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IHRydWUgfSlcbiAgcHJpdmF0ZSByZWFkb25seSBjb250ZW50Vmlld1JlZiE6IFZpZXdDb250YWluZXJSZWY7XG4gIHB1YmxpYyBjaGlsZENvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+O1xuICBwdWJsaWMgY2hpbGRDb21wb25lbnRUeXBlITogVHlwZTxhbnk+O1xuXG4gIHB1YmxpYyBnZXQgZXh0ZW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmV4dGVuZGVkITtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgcG9zaXRpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcucG9zaXRpb24gfHwgJ3JpZ2h0JztcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdGl0bGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcudGl0bGUgfHwgJ0xheWVyIHRpdGxlJztcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY2xvc2VPbk92ZXJsYXkoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmNsb3NlT25PdmVybGF5ITtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy5pY29uITtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTEFZRVJfUkVGKSBwcml2YXRlIHJlYWRvbmx5IGxheWVyUmVmOiBMYXllclJlZixcbiAgICBASW5qZWN0KExBWUVSX0NPTkZJRykgcHJpdmF0ZSByZWFkb25seSBjb25maWc6IExheWVyQ29uZmlnLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2Q6IENoYW5nZURldGVjdG9yUmVmXG4gICkge31cblxuICBjbG9zZU9uT3V0c2lkZUNMaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3NlT25PdmVybGF5KSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdENoaWxkQ29tcG9uZW50KHRoaXMuY2hpbGRDb21wb25lbnRUeXBlKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdENoaWxkQ29tcG9uZW50KGNvbXBvbmVudFR5cGU6IFR5cGU8YW55Pik6IHZvaWQge1xuICAgIHRoaXMuY2hpbGRDb21wb25lbnRSZWYgPSB0aGlzLmNvbnRlbnRWaWV3UmVmLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnRUeXBlKTtcbiAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZSgpIHtcbiAgICB0aGlzLmxheWVyUmVmLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJtYy1sYXllclwiXG4gIFtuZ0NsYXNzXT1cIltwb3NpdGlvbiA9PT0gJ2xlZnQnID8gJ21jLWxheWVyLS1sdHInIDogJyddXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIGFyaWEtbGFiZWxsZWRieT1cImxheWVyVGl0bGVcIlxuICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gIHRhYmluZGV4PVwiLTFcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJtYy1sYXllcl9fZGlhbG9nIGlzLW9wZW5cIlxuICAgIHJvbGU9XCJkb2N1bWVudFwiXG4gICAgW25nQ2xhc3NdPVwiW2V4dGVuZGVkID8gJ21jLWxheWVyX19kaWFsb2ctLWV4dGVuZCcgOiAnJ11cIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIm1jLWxheWVyX19oZWFkZXJcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWMtbGF5ZXJfX2ljb25cIiAqbmdJZj1cImljb25cIj5cbiAgICAgICAgPG1vei1pY29uIGljb25OYW1lPVwie3sgaWNvbiB9fVwiPjwvbW96LWljb24+XG4gICAgICA8L3NwYW4+XG4gICAgICA8aDIgY2xhc3M9XCJtYy1sYXllcl9fdGl0bGVcIiBpZD1cImxheWVyVGl0bGVcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwibWMtbGF5ZXJfX2Nsb3NlXCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWMtbGF5ZXJfX2Nsb3NlLXRleHRcIj5DbG9zZTwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYy1sYXllcl9fYm9keSBtYy1sYXllcl9fYm9keS0tb3ZlcmZsb3dpbmdcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBjbGFzcz1cIm1jLWxheWVyX19jb250ZW50XCIgI2NvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJtYy1sYXllci1vdmVybGF5IGlzLXZpc2libGVcIlxuICAoY2xpY2spPVwiY2xvc2VPbk91dHNpZGVDTGljaygpXCJcbiAgdGFiaW5kZXg9XCItMVwiXG4gIHJvbGU9XCJkaWFsb2dcIlxuPjwvZGl2PlxuIl19
|
|
@@ -23,7 +23,7 @@ export class LinkComponent {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinkComponent, deps: [{ token: RouterLinkActive, optional: true }, { token: RouterLinkWithHref, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinkComponent, selector: "moz-link", inputs: { size: "size", theme: "theme", iconPosition: "iconPosition", disabled: "disabled", showIcon: "showIcon", active: "active", href: "href" }, outputs: { clickLinkEvent: "clickLinkEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"active; else notActive\">\n <span\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n class=\"mc-link mc-breadcrumb__current\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </span>\n</ng-container>\n<ng-template #notActive>\n <a\n class=\"mc-link\"\n [attr.href]=\"href || null\"\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n (click)=\"check($event)\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </a>\n</ng-template>\n<ng-template #contentTpl>\n <moz-icon\n *ngIf=\"showIcon && iconPosition && iconPosition === 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Left_24px'\"\n class=\"mc-link__icon mc-link__icon--left\"\n ></moz-icon>\n <ng-content></ng-content>\n <moz-icon\n *ngIf=\"showIcon && iconPosition !== 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Right_24px'\"\n class=\"mc-link__icon mc-link__icon--right\"\n ></moz-icon>\n</ng-template>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary,.mc-link--primary:visited{color:#ff5800}.mc-link--primary:hover{color:#b83f00}.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb__current{cursor:default;text-decoration:none}.mc-breadcrumb__current:not(.is-disabled):hover{color:currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
+
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinkComponent, selector: "moz-link", inputs: { size: "size", theme: "theme", iconPosition: "iconPosition", disabled: "disabled", showIcon: "showIcon", active: "active", href: "href" }, outputs: { clickLinkEvent: "clickLinkEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"active; else notActive\">\n <span\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n class=\"mc-link mc-breadcrumb__current\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </span>\n</ng-container>\n<ng-template #notActive>\n <a\n class=\"mc-link\"\n [attr.href]=\"href || null\"\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n (click)=\"check($event)\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </a>\n</ng-template>\n<ng-template #contentTpl>\n <moz-icon\n *ngIf=\"showIcon && iconPosition && iconPosition === 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Left_24px'\"\n class=\"mc-link__icon mc-link__icon--left\"\n ></moz-icon>\n <ng-content></ng-content>\n <moz-icon\n *ngIf=\"showIcon && iconPosition !== 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Right_24px'\"\n class=\"mc-link__icon mc-link__icon--right\"\n ></moz-icon>\n</ng-template>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary,.mc-link--primary:visited{color:#ff5800}.mc-link--primary:hover{color:#b83f00}.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb__current{cursor:default;text-decoration:none}.mc-breadcrumb__current:not(.is-disabled):hover{color:currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinkComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: `moz-link`, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"active; else notActive\">\n <span\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n class=\"mc-link mc-breadcrumb__current\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </span>\n</ng-container>\n<ng-template #notActive>\n <a\n class=\"mc-link\"\n [attr.href]=\"href || null\"\n [ngClass]=\"[\n theme ? 'mc-link--' + theme : '',\n size ? 'mc-link--' + size : '',\n disabled ? 'is-disabled' : ''\n ]\"\n (click)=\"check($event)\"\n >\n <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n </a>\n</ng-template>\n<ng-template #contentTpl>\n <moz-icon\n *ngIf=\"showIcon && iconPosition && iconPosition === 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Left_24px'\"\n class=\"mc-link__icon mc-link__icon--left\"\n ></moz-icon>\n <ng-content></ng-content>\n <moz-icon\n *ngIf=\"showIcon && iconPosition !== 'left'\"\n [iconName]=\"'Navigation_Arrow_Arrow--Right_24px'\"\n class=\"mc-link__icon mc-link__icon--right\"\n ></moz-icon>\n</ng-template>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary,.mc-link--primary:visited{color:#ff5800}.mc-link--primary:hover{color:#b83f00}.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb__current{cursor:default;text-decoration:none}.mc-breadcrumb__current:not(.is-disabled):hover{color:currentColor}\n"] }]
|