@progress-chef/platform-shared-components 0.0.24 → 0.0.25
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.
|
@@ -41,8 +41,9 @@ const Typography = {
|
|
|
41
41
|
BASE_TEXT_MULISH: 'base-text-mulish'
|
|
42
42
|
};
|
|
43
43
|
export class TypographyComponent {
|
|
44
|
-
constructor(themesService) {
|
|
44
|
+
constructor(themesService, cdRef) {
|
|
45
45
|
this.themesService = themesService;
|
|
46
|
+
this.cdRef = cdRef;
|
|
46
47
|
this.type = 'P_MULISH_14_REGULAR';
|
|
47
48
|
this.defaultText = "";
|
|
48
49
|
this.isLabel = false;
|
|
@@ -51,7 +52,7 @@ export class TypographyComponent {
|
|
|
51
52
|
this.font = Typography[this.type];
|
|
52
53
|
this.input_id = null;
|
|
53
54
|
}
|
|
54
|
-
|
|
55
|
+
ngAfterViewInit() {
|
|
55
56
|
if (!this.input_id) {
|
|
56
57
|
this.checkForLabel();
|
|
57
58
|
}
|
|
@@ -59,8 +60,11 @@ export class TypographyComponent {
|
|
|
59
60
|
ngOnChanges() {
|
|
60
61
|
this.font = Typography[this.type];
|
|
61
62
|
}
|
|
62
|
-
ngAfterViewInit() {
|
|
63
|
-
|
|
63
|
+
// ngAfterViewInit() {
|
|
64
|
+
// this.checkShowDefaultText();
|
|
65
|
+
// }
|
|
66
|
+
ngAfterContentChecked() {
|
|
67
|
+
this.cdRef.detectChanges();
|
|
64
68
|
}
|
|
65
69
|
checkForLabel() {
|
|
66
70
|
let childrenCount = this.labelChild?.nativeElement.childElementCount;
|
|
@@ -72,13 +76,13 @@ export class TypographyComponent {
|
|
|
72
76
|
let childrenCount = this.child?.nativeElement.childNodes.length;
|
|
73
77
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
74
78
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
80
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
77
81
|
}
|
|
78
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
79
83
|
type: Component,
|
|
80
84
|
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
|
|
81
|
-
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { type: [{
|
|
85
|
+
}], ctorParameters: function () { return [{ type: i1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
82
86
|
type: Input
|
|
83
87
|
}], defaultText: [{
|
|
84
88
|
type: Input
|
|
@@ -93,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
93
97
|
type: ViewChild,
|
|
94
98
|
args: ['ref_label', { static: false }]
|
|
95
99
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy90eXBvZ3JhcGh5L3R5cG9ncmFwaHkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvdHlwb2dyYXBoeS90eXBvZ3JhcGh5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0MsU0FBUyxFQUFjLEtBQUssRUFBYSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFJckgsTUFBTSxVQUFVLEdBQUc7SUFDakIsWUFBWTtJQUNaLGlCQUFpQixFQUFFLG1CQUFtQjtJQUN0QyxvQkFBb0IsRUFBRSxzQkFBc0I7SUFDNUMsa0JBQWtCLEVBQUUsb0JBQW9CO0lBQ3hDLFlBQVk7SUFDWixpQkFBaUIsRUFBRSxtQkFBbUI7SUFDdEMsb0JBQW9CLEVBQUUsc0JBQXNCO0lBQzVDLGtCQUFrQixFQUFFLG9CQUFvQjtJQUN4QyxZQUFZO0lBQ1osaUJBQWlCLEVBQUUsbUJBQW1CO0lBQ3RDLG9CQUFvQixFQUFFLHNCQUFzQjtJQUM1QyxrQkFBa0IsRUFBRSxvQkFBb0I7SUFDeEMsdUJBQXVCO0lBQ3ZCLGlCQUFpQixFQUFFLG1CQUFtQjtJQUN0QyxvQkFBb0IsRUFBRSxzQkFBc0I7SUFDNUMsa0JBQWtCLEVBQUUsb0JBQW9CO0lBQ3hDLGdCQUFnQjtJQUNoQixnQkFBZ0IsRUFBRSxrQkFBa0I7SUFDcEMsbUJBQW1CLEVBQUUscUJBQXFCO0lBQzFDLDBCQUEwQixFQUFFLDRCQUE0QjtJQUN4RCxpQkFBaUIsRUFBRSxtQkFBbUI7SUFDdEMsd0JBQXdCLEVBQUUsMEJBQTBCO0lBQ3BELGdCQUFnQjtJQUNoQixnQkFBZ0IsRUFBRSxrQkFBa0I7SUFDcEMsbUJBQW1CLEVBQUUscUJBQXFCO0lBQzFDLDBCQUEwQixFQUFFLDRCQUE0QjtJQUN4RCxpQkFBaUIsRUFBRSxtQkFBbUI7SUFDdEMsd0JBQXdCLEVBQUUsMEJBQTBCO0lBQ3BELG9CQUFvQjtJQUNwQixvQkFBb0IsRUFBRSxzQkFBc0I7SUFDNUMsdUJBQXVCLEVBQUUseUJBQXlCO0lBQ2xELDhCQUE4QixFQUFFLGdDQUFnQztJQUNoRSxxQkFBcUIsRUFBRSx1QkFBdUI7SUFDOUMsNEJBQTRCLEVBQUUsOEJBQThCO0lBQzVELFNBQVM7SUFDVCxnQkFBZ0IsRUFBRSxrQkFBa0I7Q0FDckMsQ0FBQTtBQVFELE1BQU0sT0FBTyxtQkFBbUI7SUFXOUIsWUFBb0IsYUFBNEIsRUFBVSxLQUF3QjtRQUE5RCxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBVnpFLFNBQUksR0FBbUIscUJBQXFCLENBQUM7UUFDN0MsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUdsQyxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixTQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQUcsSUFBSSxDQUFDO0lBRXNFLENBQUM7SUFFdkYsZUFBZTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtTQUNyQjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxzQkFBc0I7SUFDdEIsK0JBQStCO0lBQy9CLElBQUk7SUFFSixxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLGlCQUFpQixDQUFDO1FBQ3JFLElBQUksYUFBYSxHQUFHLENBQUMsRUFBRTtZQUNyQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNyRztJQUNILENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxhQUFhLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUNoRSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsYUFBYSxJQUFJLGFBQWEsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNqRixDQUFDOytHQXpDVSxtQkFBbUI7bUdBQW5CLG1CQUFtQix5V0NqRGhDLGltQkFnQkE7OzRGRGlDYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsZ0JBQWdCO29JQU1qQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDK0IsS0FBSztzQkFBekMsU0FBUzt1QkFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNRLFVBQVU7c0JBQXBELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeVR5cGUgfSBmcm9tICcuL1R5cG9ncmFwaHlUeXBlJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5cbmNvbnN0IFR5cG9ncmFwaHkgPSB7XG4gIC8vIGgxIHN0eWxlc1xuICBIMV9NVUxJU0hfMzZfQk9MRDogJ2gxLW11bGlzaC0zNi1ib2xkJyxcbiAgSDFfTVVMSVNIXzM2X1JFR1VMQVI6ICdoMS1tdWxpc2gtMzYtcmVndWxhcicsXG4gIEgxX01VTElTSF8zNl9MSUdIVDogJ2gxLW11bGlzaC0zNi1saWdodCcsXG4gIC8vIGgyIHN0eWxlc1xuICBIMl9NVUxJU0hfMjRfQk9MRDogJ2gyLW11bGlzaC0yNC1ib2xkJyxcbiAgSDJfTVVMSVNIXzI0X1JFR1VMQVI6ICdoMi1tdWxpc2gtMjQtcmVndWxhcicsXG4gIEgyX01VTElTSF8yNF9MSUdIVDogJ2gyLW11bGlzaC0yNC1saWdodCcsXG4gIC8vIGgzIHN0eWxlc1xuICBIM19NVUxJU0hfMThfQk9MRDogJ2gzLW11bGlzaC0xOC1ib2xkJyxcbiAgSDNfTVVMSVNIXzE4X1JFR1VMQVI6ICdoMy1tdWxpc2gtMTgtcmVndWxhcicsXG4gIEgzX01VTElTSF8xOF9MSUdIVDogJ2gzLW11bGlzaC0xOC1saWdodCcsXG4gIC8vIGg0LCBoNSBhbmQgaDYgc3R5bGVzXG4gIEg0X01VTElTSF8xNF9CT0xEOiAnaDQtbXVsaXNoLTE0LWJvbGQnLFxuICBINV9NVUxJU0hfMTRfUkVHVUxBUjogJ2g1LW11bGlzaC0xNC1yZWd1bGFyJyxcbiAgSDZfTVVMSVNIXzE0X0xJR0hUOiAnaDYtbXVsaXNoLTE0LWxpZ2h0JyxcbiAgLy8gcCAxNnB4IHN0eWxlc1xuICBQX01VTElTSF8xNl9CT0xEOiAncC1tdWxpc2gtMTYtYm9sZCcsXG4gIFBfTVVMSVNIXzE2X1JFR1VMQVI6ICdwLW11bGlzaC0xNi1yZWd1bGFyJyxcbiAgUF9NVUxJU0hfMTZfUkVHVUxBUl9JVEFMSUM6ICdwLW11bGlzaC0xNi1yZWd1bGFyLWl0YWxpYycsXG4gIFBfTVVMSVNIXzE2X0xJR0hUOiAncC1tdWxpc2gtMTYtbGlnaHQnLFxuICBQX01VTElTSF8xNl9MSUdIVF9JVEFMSUM6ICdwLW11bGlzaC0xNi1saWdodC1pdGFsaWMnLFxuICAvLyBwIDE0cHggc3R5bGVzXG4gIFBfTVVMSVNIXzE0X0JPTEQ6ICdwLW11bGlzaC0xNC1ib2xkJyxcbiAgUF9NVUxJU0hfMTRfUkVHVUxBUjogJ3AtbXVsaXNoLTE0LXJlZ3VsYXInLFxuICBQX01VTElTSF8xNF9SRUdVTEFSX0lUQUxJQzogJ3AtbXVsaXNoLTE0LXJlZ3VsYXItaXRhbGljJyxcbiAgUF9NVUxJU0hfMTRfTElHSFQ6ICdwLW11bGlzaC0xNC1saWdodCcsXG4gIFBfTVVMSVNIXzE0X0xJR0hUX0lUQUxJQzogJ3AtbXVsaXNoLTE0LWxpZ2h0LWl0YWxpYycsXG4gIC8vIHNtYWxsIDEycHggc3R5bGVzXG4gIFNNQUxMX01VTElTSF8xMl9CT0xEOiAnc21hbGwtbXVsaXNoLTEyLWJvbGQnLFxuICBTTUFMTF9NVUxJU0hfMTJfUkVHVUxBUjogJ3NtYWxsLW11bGlzaC0xMi1yZWd1bGFyJyxcbiAgU01BTExfTVVMSVNIXzEyX1JFR1VMQVJfSVRBTElDOiAnc21hbGwtbXVsaXNoLTEyLXJlZ3VsYXItaXRhbGljJyxcbiAgU01BTExfTVVMSVNIXzEyX0xJR0hUOiAnc21hbGwtbXVsaXNoLTEyLWxpZ2h0JyxcbiAgU01BTExfTVVMSVNIXzEyX0xJR0hUX0lUQUxJQzogJ3NtYWxsLW11bGlzaC0xMi1saWdodC1pdGFsaWMnLFxuICAvLyBDdXN0b21cbiAgQkFTRV9URVhUX01VTElTSDogJ2Jhc2UtdGV4dC1tdWxpc2gnXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10eXBvZ3JhcGh5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R5cG9ncmFwaHkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90eXBvZ3JhcGh5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBUeXBvZ3JhcGh5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgdHlwZTogVHlwb2dyYXBoeVR5cGUgPSAnUF9NVUxJU0hfMTRfUkVHVUxBUic7XG4gIEBJbnB1dCgpIGRlZmF1bHRUZXh0OiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBpc0xhYmVsOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhpZGRlbkxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBAVmlld0NoaWxkKCdyZWYnLCB7IHN0YXRpYzogZmFsc2UgfSkgY2hpbGQ6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG4gIEBWaWV3Q2hpbGQoJ3JlZl9sYWJlbCcsIHsgc3RhdGljOiBmYWxzZSB9KSBsYWJlbENoaWxkOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuICBzaG93RGVmYXVsdFRleHQgPSB0cnVlO1xuICBmb250ID0gVHlwb2dyYXBoeVt0aGlzLnR5cGVdO1xuICBpbnB1dF9pZCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOiBUaGVtZXNTZXJ2aWNlLCBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pbnB1dF9pZCkge1xuICAgICAgdGhpcy5jaGVja0ZvckxhYmVsKClcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLmZvbnQgPSBUeXBvZ3JhcGh5W3RoaXMudHlwZV07XG4gIH1cblxuICAvLyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gIC8vIHRoaXMuY2hlY2tTaG93RGVmYXVsdFRleHQoKTtcbiAgLy8gfVxuXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpIHtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIGNoZWNrRm9yTGFiZWwoKSB7XG4gICAgbGV0IGNoaWxkcmVuQ291bnQgPSB0aGlzLmxhYmVsQ2hpbGQ/Lm5hdGl2ZUVsZW1lbnQuY2hpbGRFbGVtZW50Q291bnQ7XG4gICAgaWYgKGNoaWxkcmVuQ291bnQgPiAwKSB7XG4gICAgICB0aGlzLmlucHV0X2lkID0gdGhpcy5sYWJlbENoaWxkPy5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdpbnB1dCcpWzBdPy5nZXRBdHRyaWJ1dGUoJ2lkJyk7XG4gICAgfVxuICB9XG5cbiAgY2hlY2tTaG93RGVmYXVsdFRleHQoKSB7XG4gICAgbGV0IGNoaWxkcmVuQ291bnQgPSB0aGlzLmNoaWxkPy5uYXRpdmVFbGVtZW50LmNoaWxkTm9kZXMubGVuZ3RoO1xuICAgIHRoaXMuc2hvd0RlZmF1bHRUZXh0ID0gIXRoaXMuaXNMYWJlbCAmJiAoIWNoaWxkcmVuQ291bnQgfHwgY2hpbGRyZW5Db3VudCA9PSAwKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lcj5cbiAgPCEtLSA8c3BhbiAqbmdJZj1cIiFpc0xhYmVsXCIgI3JlZiBbY2xhc3NdPVwiZm9udFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+IC0tPlxuICA8bGFiZWwgKm5nSWY9XCJpc0xhYmVsXCIgI3JlZl9sYWJlbCBbY2xhc3NdPVwiZm9udFwiIGF0dHIuZm9yPVwie3tpbnB1dF9pZH19XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57e2hpZGRlbkxhYmVsfX08L3NwYW4+XG4gICAge3tkZWZhdWx0VGV4dH19XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbVRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9sYWJlbD5cbiAgPHNwYW4gKm5nSWY9XCJzaG93RGVmYXVsdFRleHQgJiYgIWlzTGFiZWxcIiBbY2xhc3NdPVwiZm9udFwiPlxuICAgIHt7ZGVmYXVsdFRleHR9fVxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21UZXh0XCI+PC9uZy1jb250YWluZXI+XG4gPC9zcGFuPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjY3VzdG9tVGV4dD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -265,8 +265,9 @@ const Typography = {
|
|
|
265
265
|
BASE_TEXT_MULISH: 'base-text-mulish'
|
|
266
266
|
};
|
|
267
267
|
class TypographyComponent {
|
|
268
|
-
constructor(themesService) {
|
|
268
|
+
constructor(themesService, cdRef) {
|
|
269
269
|
this.themesService = themesService;
|
|
270
|
+
this.cdRef = cdRef;
|
|
270
271
|
this.type = 'P_MULISH_14_REGULAR';
|
|
271
272
|
this.defaultText = "";
|
|
272
273
|
this.isLabel = false;
|
|
@@ -275,7 +276,7 @@ class TypographyComponent {
|
|
|
275
276
|
this.font = Typography[this.type];
|
|
276
277
|
this.input_id = null;
|
|
277
278
|
}
|
|
278
|
-
|
|
279
|
+
ngAfterViewInit() {
|
|
279
280
|
if (!this.input_id) {
|
|
280
281
|
this.checkForLabel();
|
|
281
282
|
}
|
|
@@ -283,8 +284,11 @@ class TypographyComponent {
|
|
|
283
284
|
ngOnChanges() {
|
|
284
285
|
this.font = Typography[this.type];
|
|
285
286
|
}
|
|
286
|
-
ngAfterViewInit() {
|
|
287
|
-
|
|
287
|
+
// ngAfterViewInit() {
|
|
288
|
+
// this.checkShowDefaultText();
|
|
289
|
+
// }
|
|
290
|
+
ngAfterContentChecked() {
|
|
291
|
+
this.cdRef.detectChanges();
|
|
288
292
|
}
|
|
289
293
|
checkForLabel() {
|
|
290
294
|
let childrenCount = this.labelChild?.nativeElement.childElementCount;
|
|
@@ -296,13 +300,13 @@ class TypographyComponent {
|
|
|
296
300
|
let childrenCount = this.child?.nativeElement.childNodes.length;
|
|
297
301
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
298
302
|
}
|
|
299
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
303
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
300
304
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
301
305
|
}
|
|
302
306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
303
307
|
type: Component,
|
|
304
308
|
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
|
|
305
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
|
|
309
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
306
310
|
type: Input
|
|
307
311
|
}], defaultText: [{
|
|
308
312
|
type: Input
|