@pobuca/email-builder 1.0.1 → 1.1.0

package/esm2015/lib/groups/font-styles.js

@@ -1,112 +1,127 @@
-/*
- * Copyright (c) 2024 Pobuca.
- * All rights reserved.
- */
-import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
-import { PB_FALLBACK_FONTS, PB_GOOGLE_FONTS } from '../tokens/tokens';
-import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
-export class FontStylesComponent {
-    constructor(pbEmailObject, googleFonts, fallbackFonts) {
-        this.pbEmailObject = pbEmailObject;
-        this.fallbackFonts = fallbackFonts;
-        this.fontsMap = new Map();
-        this.stylesMap = new Map([
-            ['normal', $localize `:@@font_style_normal:Normal`],
-            ['italic', $localize `:@@font_style_italic:Italic`],
-            ['oblique', $localize `:@@font_style_oblique:Oblique`]
-        ]);
-        googleFonts.forEach(font => {
-            const [family, ...weights] = font.match(/[^\d:,]{2,}|\d{3}/g);
-            this.fontsMap.set(family.replace('+', ' '), [...new Set(weights.map(Number))]);
-        });
-    }
-    get fontWeightList() {
-        return this.isGoogleFont() ? this.fontsMap.get(this.font.family) : [100, 400, 500, 700, 900];
-    }
-    get fontFamilyList() {
-        return [...this.fontsMap.keys(), ...this.fallbackFonts];
-    }
-    get styles() {
-        return [...this.stylesMap.keys()];
-    }
-    markForCheck() {
-        this.pbEmailObject.markForCheck();
-    }
-    isGoogleFont() {
-        return this.fontsMap.has(this.font.family);
-    }
-    getStyleLabel(style) {
-        // tslint:disable-next-line:no-non-null-assertion
-        return this.stylesMap.get(style);
-    }
-    hasProperty(property) {
-        return this.font.hasOwnProperty(property);
-    }
-}
-FontStylesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-font-styles',
-                template: `
-    <div class="group two">
-      <mat-form-field appearance="outline" *ngIf="hasProperty('family')">
-        <mat-label i18n="settings|Font Family">Family</mat-label>
-        <mat-select [(value)]="font.family" disableRipple (selectionChange)="markForCheck()">
-          <mat-option *ngFor="let name of fontFamilyList" [ngStyle]="{ fontFamily: name }" [value]="name">
-            {{ name }}
-          </mat-option>
-        </mat-select>
-        <mat-hint *ngIf="isGoogleFont()" i18n="settings|Partial support">Partial support.</mat-hint>
-        <mat-hint *ngIf="!isGoogleFont()" i18n="settings|Full support">Full support.</mat-hint>
-      </mat-form-field>
-      <mat-form-field appearance="outline" *ngIf="hasProperty('fallback')">
-        <mat-label i18n="settings|Font Fallback">Fallback</mat-label>
-        <mat-select [(value)]="font.fallback" [disabled]="!isGoogleFont()" disableRipple (selectionChange)="markForCheck()">
-          <mat-option *ngFor="let name of fallbackFonts" [ngStyle]="{ fontFamily: name }" [value]="name">
-            {{ name }}
-          </mat-option>
-        </mat-select>
-        <mat-hint i18n="settings|Full support">Full support.</mat-hint>
-      </mat-form-field>
-    </div>
-
-    <div class="group three">
-      <mat-form-field appearance="outline" *ngIf="hasProperty('size')">
-        <mat-label i18n="settings|Font Size">Size</mat-label>
-        <input matInput type="number" max="30" min="10" step="1" (input)="markForCheck()" [(ngModel)]="font.size" />
-      </mat-form-field>
-      <mat-form-field appearance="outline" *ngIf="hasProperty('weight')">
-        <mat-label i18n="settings|Font Weight">Weight</mat-label>
-        <mat-select placeholder="Weight" [(value)]="font.weight" disableRipple (selectionChange)="markForCheck()">
-          <mat-option *ngFor="let weight of fontWeightList" [value]="weight">
-            {{ weight }}
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
-      <mat-form-field appearance="outline" style="min-width: 90px;">
-        <mat-label i18n="settings|Font Style">Style</mat-label>
-        <mat-select placeholder="Style" [(value)]="font.style" disableRipple (selectionChange)="markForCheck()">
-          <mat-option *ngFor="let style of styles" [value]="style" i18n>
-            {{ getStyleLabel(style) }}
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-FontStylesComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService },
-    { type: Array, decorators: [{ type: Inject, args: [PB_GOOGLE_FONTS,] }] },
-    { type: Array, decorators: [{ type: Inject, args: [PB_FALLBACK_FONTS,] }] }
-];
-FontStylesComponent.propDecorators = {
-    font: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wYi1lbWFpbC1idWlsZGVyL3NyYy9saWIvZ3JvdXBzL2ZvbnQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUE0RHRILE1BQU0sT0FBTyxtQkFBbUI7SUFTOUIsWUFDVSxhQUF3QyxFQUN2QixXQUFxQixFQUNaLGFBQXVCO1FBRmpELGtCQUFhLEdBQWIsYUFBYSxDQUEyQjtRQUVkLGtCQUFhLEdBQWIsYUFBYSxDQUFVO1FBVm5ELGFBQVEsR0FBRyxJQUFJLEdBQUcsRUFBb0IsQ0FBQztRQUN2QyxjQUFTLEdBQUcsSUFBSSxHQUFHLENBQXlCO1lBQ2xELENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQSw2QkFBNkIsQ0FBQztZQUNsRCxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUEsNkJBQTZCLENBQUM7WUFDbEQsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFBLCtCQUErQixDQUFDO1NBQ3RELENBQUMsQ0FBQztRQU9ELFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDekIsTUFBTSxDQUFDLE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztZQUM5RCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxHQUFHLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNqRixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQy9GLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQXFCO1FBQ2pDLGlEQUFpRDtRQUNqRCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsUUFBZ0I7UUFDMUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QyxDQUFDOzs7WUF6R0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNUO2dCQVNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQVA3Qzs7Ozs7S0FLQzthQUdKOzs7WUEzRFEseUJBQXlCO3dDQXVFN0IsTUFBTSxTQUFDLGVBQWU7d0NBQ3RCLE1BQU0sU0FBQyxpQkFBaUI7OzttQkFYMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjQgUG9idWNhLlxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJRm9udCB9IGZyb20gJy4uL2ludGVyZmFjZXMvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQQl9GQUxMQkFDS19GT05UUywgUEJfR09PR0xFX0ZPTlRTIH0gZnJvbSAnLi4vdG9rZW5zL3Rva2Vucyc7XG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BiLWZvbnQtc3R5bGVzJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgdHdvXCI+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiAqbmdJZj1cImhhc1Byb3BlcnR5KCdmYW1pbHknKVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJzZXR0aW5nc3xGb250IEZhbWlseVwiPkZhbWlseTwvbWF0LWxhYmVsPlxuICAgICAgICA8bWF0LXNlbGVjdCBbKHZhbHVlKV09XCJmb250LmZhbWlseVwiIGRpc2FibGVSaXBwbGUgKHNlbGVjdGlvbkNoYW5nZSk9XCJtYXJrRm9yQ2hlY2soKVwiPlxuICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBuYW1lIG9mIGZvbnRGYW1pbHlMaXN0XCIgW25nU3R5bGVdPVwieyBmb250RmFtaWx5OiBuYW1lIH1cIiBbdmFsdWVdPVwibmFtZVwiPlxuICAgICAgICAgICAge3sgbmFtZSB9fVxuICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICA8bWF0LWhpbnQgKm5nSWY9XCJpc0dvb2dsZUZvbnQoKVwiIGkxOG49XCJzZXR0aW5nc3xQYXJ0aWFsIHN1cHBvcnRcIj5QYXJ0aWFsIHN1cHBvcnQuPC9tYXQtaGludD5cbiAgICAgICAgPG1hdC1oaW50ICpuZ0lmPVwiIWlzR29vZ2xlRm9udCgpXCIgaTE4bj1cInNldHRpbmdzfEZ1bGwgc3VwcG9ydFwiPkZ1bGwgc3VwcG9ydC48L21hdC1oaW50PlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiICpuZ0lmPVwiaGFzUHJvcGVydHkoJ2ZhbGxiYWNrJylcIj5cbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwic2V0dGluZ3N8Rm9udCBGYWxsYmFja1wiPkZhbGxiYWNrPC9tYXQtbGFiZWw+XG4gICAgICAgIDxtYXQtc2VsZWN0IFsodmFsdWUpXT1cImZvbnQuZmFsbGJhY2tcIiBbZGlzYWJsZWRdPVwiIWlzR29vZ2xlRm9udCgpXCIgZGlzYWJsZVJpcHBsZSAoc2VsZWN0aW9uQ2hhbmdlKT1cIm1hcmtGb3JDaGVjaygpXCI+XG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG5hbWUgb2YgZmFsbGJhY2tGb250c1wiIFtuZ1N0eWxlXT1cInsgZm9udEZhbWlseTogbmFtZSB9XCIgW3ZhbHVlXT1cIm5hbWVcIj5cbiAgICAgICAgICAgIHt7IG5hbWUgfX1cbiAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgPG1hdC1oaW50IGkxOG49XCJzZXR0aW5nc3xGdWxsIHN1cHBvcnRcIj5GdWxsIHN1cHBvcnQuPC9tYXQtaGludD5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgdGhyZWVcIj5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiICpuZ0lmPVwiaGFzUHJvcGVydHkoJ3NpemUnKVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJzZXR0aW5nc3xGb250IFNpemVcIj5TaXplPC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgbWF4PVwiMzBcIiBtaW49XCIxMFwiIHN0ZXA9XCIxXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgWyhuZ01vZGVsKV09XCJmb250LnNpemVcIiAvPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiICpuZ0lmPVwiaGFzUHJvcGVydHkoJ3dlaWdodCcpXCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cInNldHRpbmdzfEZvbnQgV2VpZ2h0XCI+V2VpZ2h0PC9tYXQtbGFiZWw+XG4gICAgICAgIDxtYXQtc2VsZWN0IHBsYWNlaG9sZGVyPVwiV2VpZ2h0XCIgWyh2YWx1ZSldPVwiZm9udC53ZWlnaHRcIiBkaXNhYmxlUmlwcGxlIChzZWxlY3Rpb25DaGFuZ2UpPVwibWFya0ZvckNoZWNrKClcIj5cbiAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgd2VpZ2h0IG9mIGZvbnRXZWlnaHRMaXN0XCIgW3ZhbHVlXT1cIndlaWdodFwiPlxuICAgICAgICAgICAge3sgd2VpZ2h0IH19XG4gICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgc3R5bGU9XCJtaW4td2lkdGg6IDkwcHg7XCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cInNldHRpbmdzfEZvbnQgU3R5bGVcIj5TdHlsZTwvbWF0LWxhYmVsPlxuICAgICAgICA8bWF0LXNlbGVjdCBwbGFjZWhvbGRlcj1cIlN0eWxlXCIgWyh2YWx1ZSldPVwiZm9udC5zdHlsZVwiIGRpc2FibGVSaXBwbGUgKHNlbGVjdGlvbkNoYW5nZSk9XCJtYXJrRm9yQ2hlY2soKVwiPlxuICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBzdHlsZSBvZiBzdHlsZXNcIiBbdmFsdWVdPVwic3R5bGVcIiBpMThuPlxuICAgICAgICAgICAge3sgZ2V0U3R5bGVMYWJlbChzdHlsZSkgfX1cbiAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIGBcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRm9udFN0eWxlc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZvbnQ6IElGb250O1xuICBwcml2YXRlIGZvbnRzTWFwID0gbmV3IE1hcDxzdHJpbmcsIG51bWJlcltdPigpO1xuICBwcml2YXRlIHN0eWxlc01hcCA9IG5ldyBNYXA8SUZvbnRbJ3N0eWxlJ10sIHN0cmluZz4oW1xuICAgIFsnbm9ybWFsJywgJGxvY2FsaXplYDpAQGZvbnRfc3R5bGVfbm9ybWFsOk5vcm1hbGBdLFxuICAgIFsnaXRhbGljJywgJGxvY2FsaXplYDpAQGZvbnRfc3R5bGVfaXRhbGljOkl0YWxpY2BdLFxuICAgIFsnb2JsaXF1ZScsICRsb2NhbGl6ZWA6QEBmb250X3N0eWxlX29ibGlxdWU6T2JsaXF1ZWBdXG4gIF0pO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcGJFbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSxcbiAgICBASW5qZWN0KFBCX0dPT0dMRV9GT05UUykgZ29vZ2xlRm9udHM6IHN0cmluZ1tdLFxuICAgIEBJbmplY3QoUEJfRkFMTEJBQ0tfRk9OVFMpIHB1YmxpYyBmYWxsYmFja0ZvbnRzOiBzdHJpbmdbXVxuICApIHtcbiAgICBnb29nbGVGb250cy5mb3JFYWNoKGZvbnQgPT4ge1xuICAgICAgY29uc3QgW2ZhbWlseSwgLi4ud2VpZ2h0c10gPSBmb250Lm1hdGNoKC9bXlxcZDosXXsyLH18XFxkezN9L2cpO1xuICAgICAgdGhpcy5mb250c01hcC5zZXQoZmFtaWx5LnJlcGxhY2UoJysnLCAnICcpLCBbLi4ubmV3IFNldCh3ZWlnaHRzLm1hcChOdW1iZXIpKV0pO1xuICAgIH0pO1xuICB9XG5cbiAgZ2V0IGZvbnRXZWlnaHRMaXN0KCkge1xuICAgIHJldHVybiB0aGlzLmlzR29vZ2xlRm9udCgpID8gdGhpcy5mb250c01hcC5nZXQodGhpcy5mb250LmZhbWlseSkgOiBbMTAwLCA0MDAsIDUwMCwgNzAwLCA5MDBdO1xuICB9XG5cbiAgZ2V0IGZvbnRGYW1pbHlMaXN0KCkge1xuICAgIHJldHVybiBbLi4udGhpcy5mb250c01hcC5rZXlzKCksIC4uLnRoaXMuZmFsbGJhY2tGb250c107XG4gIH1cblxuICBnZXQgc3R5bGVzKCk6IElGb250WydzdHlsZSddW10ge1xuICAgIHJldHVybiBbLi4udGhpcy5zdHlsZXNNYXAua2V5cygpXTtcbiAgfVxuXG4gIG1hcmtGb3JDaGVjaygpIHtcbiAgICB0aGlzLnBiRW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBpc0dvb2dsZUZvbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9udHNNYXAuaGFzKHRoaXMuZm9udC5mYW1pbHkpO1xuICB9XG5cbiAgZ2V0U3R5bGVMYWJlbChzdHlsZTogSUZvbnRbJ3N0eWxlJ10pOiBzdHJpbmcge1xuICAgIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpuby1ub24tbnVsbC1hc3NlcnRpb25cbiAgICByZXR1cm4gdGhpcy5zdHlsZXNNYXAuZ2V0KHN0eWxlKSE7XG4gIH1cblxuICBoYXNQcm9wZXJ0eShwcm9wZXJ0eTogc3RyaW5nKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9udC5oYXNPd25Qcm9wZXJ0eShwcm9wZXJ0eSk7XG4gIH1cbn1cbiJdfQ==
+/*
+ * Copyright (c) 2024 Pobuca.
+ * All rights reserved.
+ */
+import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
+import { PB_FALLBACK_FONTS, PB_GOOGLE_FONTS } from '../tokens/tokens';
+import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
+export class FontStylesComponent {
+    constructor(pbEmailObject, googleFonts, fallbackFonts) {
+        this.pbEmailObject = pbEmailObject;
+        this.fallbackFonts = fallbackFonts;
+        this.fontsMap = new Map();
+        this.stylesMap = new Map([
+            ['normal', $localize `:@@font_style_normal:Normal`],
+            ['italic', $localize `:@@font_style_italic:Italic`],
+            ['oblique', $localize `:@@font_style_oblique:Oblique`]
+        ]);
+        googleFonts.forEach(font => {
+            const [family, ...weights] = font.match(/[^\d:,]{2,}|\d{3}/g);
+            this.fontsMap.set(family.replace('+', ' '), [...new Set(weights.map(Number))]);
+        });
+    }
+    get fontWeightList() {
+        return this.isGoogleFont() ? this.fontsMap.get(this.font.family) : [100, 400, 500, 700, 900];
+    }
+    get customFonts() {
+        return (this.pbEmailObject.Email.customFonts || []).map(f => f.family);
+    }
+    get customStack() {
+        return this.customFonts.join(', ');
+    }
+    get fontFamilyList() {
+        const stack = this.customStack;
+        return [...(stack ? [stack] : []), ...this.fontsMap.keys(), ...this.fallbackFonts];
+    }
+    get fallbackFontChoices() {
+        const stack = this.customStack;
+        return [...(stack ? [stack] : []), ...this.fallbackFonts];
+    }
+    get styles() {
+        return [...this.stylesMap.keys()];
+    }
+    markForCheck() {
+        this.pbEmailObject.markForCheck();
+    }
+    isCustomFont() {
+        return this.customFonts.includes(this.font.family);
+    }
+    isGoogleFont() {
+        return this.fontsMap.has(this.font.family);
+    }
+    getStyleLabel(style) {
+        // tslint:disable-next-line:no-non-null-assertion
+        return this.stylesMap.get(style);
+    }
+    hasProperty(property) {
+        return this.font.hasOwnProperty(property);
+    }
+}
+FontStylesComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-font-styles',
+                template: `
+    <div class="group two">
+      <mat-form-field appearance="outline" *ngIf="hasProperty('family')">
+        <mat-label i18n="settings|Font Family">Family</mat-label>
+        <mat-select [(value)]="font.family" disableRipple (selectionChange)="markForCheck()">
+          <mat-option *ngFor="let name of fontFamilyList" [ngStyle]="{ fontFamily: name }" [value]="name">
+            {{ name }}
+          </mat-option>
+        </mat-select>
+        <mat-hint *ngIf="isGoogleFont()" i18n="settings|Partial support">Partial support.</mat-hint>
+        <mat-hint *ngIf="isCustomFont()" i18n="settings|Custom font">Custom font.</mat-hint>
+        <mat-hint *ngIf="!isGoogleFont() && !isCustomFont()" i18n="settings|Full support">Full support.</mat-hint>
+      </mat-form-field>
+      <mat-form-field appearance="outline" *ngIf="hasProperty('fallback')">
+        <mat-label i18n="settings|Font Fallback">Fallback</mat-label>
+        <mat-select [(value)]="font.fallback" [disabled]="!isGoogleFont() && !isCustomFont()" disableRipple (selectionChange)="markForCheck()">
+          <mat-option *ngFor="let name of fallbackFontChoices" [ngStyle]="{ fontFamily: name }" [value]="name">
+            {{ name }}
+          </mat-option>
+        </mat-select>
+        <mat-hint i18n="settings|Full support">Full support.</mat-hint>
+      </mat-form-field>
+    </div>
+
+    <div class="group three">
+      <mat-form-field appearance="outline" *ngIf="hasProperty('size')">
+        <mat-label i18n="settings|Font Size">Size</mat-label>
+        <input matInput type="number" max="30" min="10" step="1" (input)="markForCheck()" [(ngModel)]="font.size" />
+      </mat-form-field>
+      <mat-form-field appearance="outline" *ngIf="hasProperty('weight')">
+        <mat-label i18n="settings|Font Weight">Weight</mat-label>
+        <mat-select placeholder="Weight" [(value)]="font.weight" disableRipple (selectionChange)="markForCheck()">
+          <mat-option *ngFor="let weight of fontWeightList" [value]="weight">
+            {{ weight }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field appearance="outline" style="min-width: 90px;">
+        <mat-label i18n="settings|Font Style">Style</mat-label>
+        <mat-select placeholder="Style" [(value)]="font.style" disableRipple (selectionChange)="markForCheck()">
+          <mat-option *ngFor="let style of styles" [value]="style" i18n>
+            {{ getStyleLabel(style) }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+FontStylesComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService },
+    { type: Array, decorators: [{ type: Inject, args: [PB_GOOGLE_FONTS,] }] },
+    { type: Array, decorators: [{ type: Inject, args: [PB_FALLBACK_FONTS,] }] }
+];
+FontStylesComponent.propDecorators = {
+    font: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wYi1lbWFpbC1idWlsZGVyL3NyYy9saWIvZ3JvdXBzL2ZvbnQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUE2RHRILE1BQU0sT0FBTyxtQkFBbUI7SUFTOUIsWUFDVSxhQUF3QyxFQUN2QixXQUFxQixFQUNaLGFBQXVCO1FBRmpELGtCQUFhLEdBQWIsYUFBYSxDQUEyQjtRQUVkLGtCQUFhLEdBQWIsYUFBYSxDQUFVO1FBVm5ELGFBQVEsR0FBRyxJQUFJLEdBQUcsRUFBb0IsQ0FBQztRQUN2QyxjQUFTLEdBQUcsSUFBSSxHQUFHLENBQXlCO1lBQ2xELENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQSw2QkFBNkIsQ0FBQztZQUNsRCxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUEsNkJBQTZCLENBQUM7WUFDbEQsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFBLCtCQUErQixDQUFDO1NBQ3RELENBQUMsQ0FBQztRQU9ELFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDekIsTUFBTSxDQUFDLE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUMsQ0FBQztZQUM5RCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxHQUFHLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNqRixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQy9GLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDL0IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRUQsSUFBSSxtQkFBbUI7UUFDckIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFxQjtRQUNqQyxpREFBaUQ7UUFDakQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsV0FBVyxDQUFDLFFBQWdCO1FBQzFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsQ0FBQzs7O1lBNUhGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4Q1Q7Z0JBU0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBUDdDOzs7OztLQUtDO2FBR0o7OztZQTVEUSx5QkFBeUI7d0NBd0U3QixNQUFNLFNBQUMsZUFBZTt3Q0FDdEIsTUFBTSxTQUFDLGlCQUFpQjs7O21CQVgxQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogQ29weXJpZ2h0IChjKSAyMDI0IFBvYnVjYS5cclxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cclxuICovXHJcblxyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElGb250IH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUEJfRkFMTEJBQ0tfRk9OVFMsIFBCX0dPT0dMRV9GT05UUyB9IGZyb20gJy4uL3Rva2Vucy90b2tlbnMnO1xyXG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BiLWZvbnQtc3R5bGVzJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwIHR3b1wiPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiAqbmdJZj1cImhhc1Byb3BlcnR5KCdmYW1pbHknKVwiPlxyXG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cInNldHRpbmdzfEZvbnQgRmFtaWx5XCI+RmFtaWx5PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPG1hdC1zZWxlY3QgWyh2YWx1ZSldPVwiZm9udC5mYW1pbHlcIiBkaXNhYmxlUmlwcGxlIChzZWxlY3Rpb25DaGFuZ2UpPVwibWFya0ZvckNoZWNrKClcIj5cclxuICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBuYW1lIG9mIGZvbnRGYW1pbHlMaXN0XCIgW25nU3R5bGVdPVwieyBmb250RmFtaWx5OiBuYW1lIH1cIiBbdmFsdWVdPVwibmFtZVwiPlxyXG4gICAgICAgICAgICB7eyBuYW1lIH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDxtYXQtaGludCAqbmdJZj1cImlzR29vZ2xlRm9udCgpXCIgaTE4bj1cInNldHRpbmdzfFBhcnRpYWwgc3VwcG9ydFwiPlBhcnRpYWwgc3VwcG9ydC48L21hdC1oaW50PlxyXG4gICAgICAgIDxtYXQtaGludCAqbmdJZj1cImlzQ3VzdG9tRm9udCgpXCIgaTE4bj1cInNldHRpbmdzfEN1c3RvbSBmb250XCI+Q3VzdG9tIGZvbnQuPC9tYXQtaGludD5cclxuICAgICAgICA8bWF0LWhpbnQgKm5nSWY9XCIhaXNHb29nbGVGb250KCkgJiYgIWlzQ3VzdG9tRm9udCgpXCIgaTE4bj1cInNldHRpbmdzfEZ1bGwgc3VwcG9ydFwiPkZ1bGwgc3VwcG9ydC48L21hdC1oaW50PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiAqbmdJZj1cImhhc1Byb3BlcnR5KCdmYWxsYmFjaycpXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwic2V0dGluZ3N8Rm9udCBGYWxsYmFja1wiPkZhbGxiYWNrPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPG1hdC1zZWxlY3QgWyh2YWx1ZSldPVwiZm9udC5mYWxsYmFja1wiIFtkaXNhYmxlZF09XCIhaXNHb29nbGVGb250KCkgJiYgIWlzQ3VzdG9tRm9udCgpXCIgZGlzYWJsZVJpcHBsZSAoc2VsZWN0aW9uQ2hhbmdlKT1cIm1hcmtGb3JDaGVjaygpXCI+XHJcbiAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgbmFtZSBvZiBmYWxsYmFja0ZvbnRDaG9pY2VzXCIgW25nU3R5bGVdPVwieyBmb250RmFtaWx5OiBuYW1lIH1cIiBbdmFsdWVdPVwibmFtZVwiPlxyXG4gICAgICAgICAgICB7eyBuYW1lIH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDxtYXQtaGludCBpMThuPVwic2V0dGluZ3N8RnVsbCBzdXBwb3J0XCI+RnVsbCBzdXBwb3J0LjwvbWF0LWhpbnQ+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgdGhyZWVcIj5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgKm5nSWY9XCJoYXNQcm9wZXJ0eSgnc2l6ZScpXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwic2V0dGluZ3N8Rm9udCBTaXplXCI+U2l6ZTwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgbWF4PVwiMzBcIiBtaW49XCIxMFwiIHN0ZXA9XCIxXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgWyhuZ01vZGVsKV09XCJmb250LnNpemVcIiAvPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiAqbmdJZj1cImhhc1Byb3BlcnR5KCd3ZWlnaHQnKVwiPlxyXG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cInNldHRpbmdzfEZvbnQgV2VpZ2h0XCI+V2VpZ2h0PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPG1hdC1zZWxlY3QgcGxhY2Vob2xkZXI9XCJXZWlnaHRcIiBbKHZhbHVlKV09XCJmb250LndlaWdodFwiIGRpc2FibGVSaXBwbGUgKHNlbGVjdGlvbkNoYW5nZSk9XCJtYXJrRm9yQ2hlY2soKVwiPlxyXG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHdlaWdodCBvZiBmb250V2VpZ2h0TGlzdFwiIFt2YWx1ZV09XCJ3ZWlnaHRcIj5cclxuICAgICAgICAgICAge3sgd2VpZ2h0IH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBzdHlsZT1cIm1pbi13aWR0aDogOTBweDtcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJzZXR0aW5nc3xGb250IFN0eWxlXCI+U3R5bGU8L21hdC1sYWJlbD5cclxuICAgICAgICA8bWF0LXNlbGVjdCBwbGFjZWhvbGRlcj1cIlN0eWxlXCIgWyh2YWx1ZSldPVwiZm9udC5zdHlsZVwiIGRpc2FibGVSaXBwbGUgKHNlbGVjdGlvbkNoYW5nZSk9XCJtYXJrRm9yQ2hlY2soKVwiPlxyXG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHN0eWxlIG9mIHN0eWxlc1wiIFt2YWx1ZV09XCJzdHlsZVwiIGkxOG4+XHJcbiAgICAgICAgICAgIHt7IGdldFN0eWxlTGFiZWwoc3R5bGUpIH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgOmhvc3Qge1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICBgXHJcbiAgXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9udFN0eWxlc0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgZm9udDogSUZvbnQ7XHJcbiAgcHJpdmF0ZSBmb250c01hcCA9IG5ldyBNYXA8c3RyaW5nLCBudW1iZXJbXT4oKTtcclxuICBwcml2YXRlIHN0eWxlc01hcCA9IG5ldyBNYXA8SUZvbnRbJ3N0eWxlJ10sIHN0cmluZz4oW1xyXG4gICAgWydub3JtYWwnLCAkbG9jYWxpemVgOkBAZm9udF9zdHlsZV9ub3JtYWw6Tm9ybWFsYF0sXHJcbiAgICBbJ2l0YWxpYycsICRsb2NhbGl6ZWA6QEBmb250X3N0eWxlX2l0YWxpYzpJdGFsaWNgXSxcclxuICAgIFsnb2JsaXF1ZScsICRsb2NhbGl6ZWA6QEBmb250X3N0eWxlX29ibGlxdWU6T2JsaXF1ZWBdXHJcbiAgXSk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBwYkVtYWlsT2JqZWN0OiBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlLFxyXG4gICAgQEluamVjdChQQl9HT09HTEVfRk9OVFMpIGdvb2dsZUZvbnRzOiBzdHJpbmdbXSxcclxuICAgIEBJbmplY3QoUEJfRkFMTEJBQ0tfRk9OVFMpIHB1YmxpYyBmYWxsYmFja0ZvbnRzOiBzdHJpbmdbXVxyXG4gICkge1xyXG4gICAgZ29vZ2xlRm9udHMuZm9yRWFjaChmb250ID0+IHtcclxuICAgICAgY29uc3QgW2ZhbWlseSwgLi4ud2VpZ2h0c10gPSBmb250Lm1hdGNoKC9bXlxcZDosXXsyLH18XFxkezN9L2cpO1xyXG4gICAgICB0aGlzLmZvbnRzTWFwLnNldChmYW1pbHkucmVwbGFjZSgnKycsICcgJyksIFsuLi5uZXcgU2V0KHdlaWdodHMubWFwKE51bWJlcikpXSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGdldCBmb250V2VpZ2h0TGlzdCgpIHtcclxuICAgIHJldHVybiB0aGlzLmlzR29vZ2xlRm9udCgpID8gdGhpcy5mb250c01hcC5nZXQodGhpcy5mb250LmZhbWlseSkgOiBbMTAwLCA0MDAsIDUwMCwgNzAwLCA5MDBdO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGN1c3RvbUZvbnRzKCk6IHN0cmluZ1tdIHtcclxuICAgIHJldHVybiAodGhpcy5wYkVtYWlsT2JqZWN0LkVtYWlsLmN1c3RvbUZvbnRzIHx8IFtdKS5tYXAoZiA9PiBmLmZhbWlseSk7XHJcbiAgfVxyXG5cclxuICBnZXQgY3VzdG9tU3RhY2soKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmN1c3RvbUZvbnRzLmpvaW4oJywgJyk7XHJcbiAgfVxyXG5cclxuICBnZXQgZm9udEZhbWlseUxpc3QoKSB7XHJcbiAgICBjb25zdCBzdGFjayA9IHRoaXMuY3VzdG9tU3RhY2s7XHJcbiAgICByZXR1cm4gWy4uLihzdGFjayA/IFtzdGFja10gOiBbXSksIC4uLnRoaXMuZm9udHNNYXAua2V5cygpLCAuLi50aGlzLmZhbGxiYWNrRm9udHNdO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGZhbGxiYWNrRm9udENob2ljZXMoKSB7XHJcbiAgICBjb25zdCBzdGFjayA9IHRoaXMuY3VzdG9tU3RhY2s7XHJcbiAgICByZXR1cm4gWy4uLihzdGFjayA/IFtzdGFja10gOiBbXSksIC4uLnRoaXMuZmFsbGJhY2tGb250c107XHJcbiAgfVxyXG5cclxuICBnZXQgc3R5bGVzKCk6IElGb250WydzdHlsZSddW10ge1xyXG4gICAgcmV0dXJuIFsuLi50aGlzLnN0eWxlc01hcC5rZXlzKCldO1xyXG4gIH1cclxuXHJcbiAgbWFya0ZvckNoZWNrKCkge1xyXG4gICAgdGhpcy5wYkVtYWlsT2JqZWN0Lm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgaXNDdXN0b21Gb250KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuY3VzdG9tRm9udHMuaW5jbHVkZXModGhpcy5mb250LmZhbWlseSk7XHJcbiAgfVxyXG5cclxuICBpc0dvb2dsZUZvbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb250c01hcC5oYXModGhpcy5mb250LmZhbWlseSk7XHJcbiAgfVxyXG5cclxuICBnZXRTdHlsZUxhYmVsKHN0eWxlOiBJRm9udFsnc3R5bGUnXSk6IHN0cmluZyB7XHJcbiAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tbm9uLW51bGwtYXNzZXJ0aW9uXHJcbiAgICByZXR1cm4gdGhpcy5zdHlsZXNNYXAuZ2V0KHN0eWxlKSE7XHJcbiAgfVxyXG5cclxuICBoYXNQcm9wZXJ0eShwcm9wZXJ0eTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb250Lmhhc093blByb3BlcnR5KHByb3BlcnR5KTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/groups/gaps.js

@@ -1,45 +1,45 @@
-/*
- * Copyright (c) 2024 Pobuca.
- * All rights reserved.
- */
-import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
-import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
-export class GapsComponent {
-    constructor(emailObject) {
-        this.emailObject = emailObject;
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-}
-GapsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-gaps',
-                template: `
-    <div class="group">
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Gaps settings|Vertical Gaps">Vertical Gaps</mat-label>
-        <input matInput type="number" min="0" step="1" [(ngModel)]="gaps[0]" (input)="markForCheck()" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Gaps settings|Horizontal Gaps">Horizontal Gaps</mat-label>
-        <input matInput type="number" min="0" step="1" [(ngModel)]="gaps[1]" (input)="markForCheck()" />
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-GapsComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService }
-];
-GapsComponent.propDecorators = {
-    gaps: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2Fwcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvZ2Fwcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQTBCdEgsTUFBTSxPQUFPLGFBQWE7SUFFeEIsWUFBb0IsV0FBc0M7UUFBdEMsZ0JBQVcsR0FBWCxXQUFXLENBQTJCO0lBQUcsQ0FBQztJQUU5RCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsQyxDQUFDOzs7WUE5QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxTQUFTO2dCQUNuQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7Z0JBU0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBUDdDOzs7OztLQUtDO2FBR0o7OztZQXpCUSx5QkFBeUI7OzttQkEyQi9CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDI0IFBvYnVjYS5cbiAqIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnRlcm5hbHMvcGItZW1haWwtb2JqZWN0LXN0b3JlL3BiLWVtYWlsLW9iamVjdC1zdG9yZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGItZ2FwcycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwXCI+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiR2FwcyBzZXR0aW5nc3xWZXJ0aWNhbCBHYXBzXCI+VmVydGljYWwgR2FwczwvbWF0LWxhYmVsPlxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIFsobmdNb2RlbCldPVwiZ2Fwc1swXVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIC8+XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIkdhcHMgc2V0dGluZ3N8SG9yaXpvbnRhbCBHYXBzXCI+SG9yaXpvbnRhbCBHYXBzPC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMFwiIHN0ZXA9XCIxXCIgWyhuZ01vZGVsKV09XCJnYXBzWzFdXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgLz5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIGBcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgR2Fwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGdhcHM6IFtudW1iZXIsIG51bWJlcl07XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZW1haWxPYmplY3Q6IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UpIHt9XG5cbiAgbWFya0ZvckNoZWNrKCkge1xuICAgIHRoaXMuZW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
+/*
+ * Copyright (c) 2024 Pobuca.
+ * All rights reserved.
+ */
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
+export class GapsComponent {
+    constructor(emailObject) {
+        this.emailObject = emailObject;
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+}
+GapsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-gaps',
+                template: `
+    <div class="group">
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Gaps settings|Vertical Gaps">Vertical Gaps</mat-label>
+        <input matInput type="number" min="0" step="1" [(ngModel)]="gaps[0]" (input)="markForCheck()" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Gaps settings|Horizontal Gaps">Horizontal Gaps</mat-label>
+        <input matInput type="number" min="0" step="1" [(ngModel)]="gaps[1]" (input)="markForCheck()" />
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+GapsComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService }
+];
+GapsComponent.propDecorators = {
+    gaps: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2Fwcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvZ2Fwcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQTBCdEgsTUFBTSxPQUFPLGFBQWE7SUFFeEIsWUFBb0IsV0FBc0M7UUFBdEMsZ0JBQVcsR0FBWCxXQUFXLENBQTJCO0lBQUcsQ0FBQztJQUU5RCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsQyxDQUFDOzs7WUE5QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxTQUFTO2dCQUNuQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7Z0JBU0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBUDdDOzs7OztLQUtDO2FBR0o7OztZQXpCUSx5QkFBeUI7OzttQkEyQi9CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjQgUG9idWNhLlxyXG4gKiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnRlcm5hbHMvcGItZW1haWwtb2JqZWN0LXN0b3JlL3BiLWVtYWlsLW9iamVjdC1zdG9yZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncGItZ2FwcycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJncm91cFwiPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJHYXBzIHNldHRpbmdzfFZlcnRpY2FsIEdhcHNcIj5WZXJ0aWNhbCBHYXBzPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiBbKG5nTW9kZWwpXT1cImdhcHNbMF1cIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiAvPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJHYXBzIHNldHRpbmdzfEhvcml6b250YWwgR2Fwc1wiPkhvcml6b250YWwgR2FwczwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMFwiIHN0ZXA9XCIxXCIgWyhuZ01vZGVsKV09XCJnYXBzWzFdXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgLz5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIDpob3N0IHtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgfVxyXG4gICAgYFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEdhcHNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGdhcHM6IFtudW1iZXIsIG51bWJlcl07XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cclxuXHJcbiAgbWFya0ZvckNoZWNrKCkge1xyXG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/groups/line-height.js

@@ -1,68 +1,68 @@
-/*
- * Copyright (c) 2024 Pobuca.
- * All rights reserved.
- */
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
-export class LineHeightComponent {
-    constructor(emailObject) {
-        this.emailObject = emailObject;
-        this.label = $localize `:@@line_height_label:Line Height`;
-        this.units = ['%', 'px', 'none'];
-        this.unitsLabels = new Map([
-            ['%', $localize `:@@unit_percent:Percent`],
-            ['px', $localize `:@@unit_pixels:Pixels`],
-            ['none', $localize `:@@unit_none:None`]
-        ]);
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-    getUnitLabel(unit) {
-        return this.unitsLabels.get(unit);
-    }
-}
-LineHeightComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-line-height',
-                template: `
-    <div class="group">
-      <mat-form-field appearance="outline">
-        <mat-label>{{ label }}</mat-label>
-        <input
-          matInput
-          [(ngModel)]="lineHeight.value"
-          type="number"
-          step="1"
-          (input)="markForCheck()"
-          [disabled]="lineHeight.unit === 'none'"
-        />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Line Height Settings|Change Line Height Unit">Unit</mat-label>
-        <mat-select placeholder="Unit" [(value)]="lineHeight.unit" (selectionChange)="markForCheck()" disableRipple>
-          <mat-option *ngFor="let unit of units" [value]="unit" i18n>
-            {{ getUnitLabel(unit) }}
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-LineHeightComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService }
-];
-LineHeightComponent.propDecorators = {
-    lineHeight: [{ type: Input }],
-    label: [{ type: Input }],
-    units: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1oZWlnaHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wYi1lbWFpbC1idWlsZGVyL3NyYy9saWIvZ3JvdXBzL2xpbmUtaGVpZ2h0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBcUN0SCxNQUFNLE9BQU8sbUJBQW1CO0lBVTlCLFlBQW9CLFdBQXNDO1FBQXRDLGdCQUFXLEdBQVgsV0FBVyxDQUEyQjtRQVJqRCxVQUFLLEdBQUcsU0FBUyxDQUFBLGtDQUFrQyxDQUFDO1FBQ3BELFVBQUssR0FBa0IsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLGdCQUFXLEdBQXdCLElBQUksR0FBRyxDQUFDO1lBQ2pELENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQSx5QkFBeUIsQ0FBQztZQUN6QyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUEsdUJBQXVCLENBQUM7WUFDeEMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFBLG1CQUFtQixDQUFDO1NBQ3ZDLENBQUMsQ0FBQztJQUUwRCxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBaUI7UUFDNUIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDOzs7WUFyREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCVDtnQkFTRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFQN0M7Ozs7O0tBS0M7YUFHSjs7O1lBcENRLHlCQUF5Qjs7O3lCQXNDL0IsS0FBSztvQkFDTCxLQUFLO29CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDI0IFBvYnVjYS5cbiAqIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElMaW5lSGVpZ2h0LCBUTGluZUhlaWdodCB9IGZyb20gJy4uL2ludGVyZmFjZXMvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BiLWxpbmUtaGVpZ2h0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXBcIj5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJsaW5lSGVpZ2h0LnZhbHVlXCJcbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBzdGVwPVwiMVwiXG4gICAgICAgICAgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwibGluZUhlaWdodC51bml0ID09PSAnbm9uZSdcIlxuICAgICAgICAvPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJMaW5lIEhlaWdodCBTZXR0aW5nc3xDaGFuZ2UgTGluZSBIZWlnaHQgVW5pdFwiPlVuaXQ8L21hdC1sYWJlbD5cbiAgICAgICAgPG1hdC1zZWxlY3QgcGxhY2Vob2xkZXI9XCJVbml0XCIgWyh2YWx1ZSldPVwibGluZUhlaWdodC51bml0XCIgKHNlbGVjdGlvbkNoYW5nZSk9XCJtYXJrRm9yQ2hlY2soKVwiIGRpc2FibGVSaXBwbGU+XG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHVuaXQgb2YgdW5pdHNcIiBbdmFsdWVdPVwidW5pdFwiIGkxOG4+XG4gICAgICAgICAgICB7eyBnZXRVbml0TGFiZWwodW5pdCkgfX1cbiAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIGBcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTGluZUhlaWdodENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxpbmVIZWlnaHQ6IElMaW5lSGVpZ2h0O1xuICBASW5wdXQoKSBsYWJlbCA9ICRsb2NhbGl6ZWA6QEBsaW5lX2hlaWdodF9sYWJlbDpMaW5lIEhlaWdodGA7XG4gIEBJbnB1dCgpIHVuaXRzOiBUTGluZUhlaWdodFtdID0gWyclJywgJ3B4JywgJ25vbmUnXTtcbiAgcHJpdmF0ZSB1bml0c0xhYmVsczogTWFwPHN0cmluZywgc3RyaW5nPiA9IG5ldyBNYXAoW1xuICAgIFsnJScsICRsb2NhbGl6ZWA6QEB1bml0X3BlcmNlbnQ6UGVyY2VudGBdLFxuICAgIFsncHgnLCAkbG9jYWxpemVgOkBAdW5pdF9waXhlbHM6UGl4ZWxzYF0sXG4gICAgWydub25lJywgJGxvY2FsaXplYDpAQHVuaXRfbm9uZTpOb25lYF1cbiAgXSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cblxuICBtYXJrRm9yQ2hlY2soKSB7XG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGdldFVuaXRMYWJlbCh1bml0OiBUTGluZUhlaWdodCkge1xuICAgIHJldHVybiB0aGlzLnVuaXRzTGFiZWxzLmdldCh1bml0KTtcbiAgfVxufVxuIl19
+/*
+ * Copyright (c) 2024 Pobuca.
+ * All rights reserved.
+ */
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
+export class LineHeightComponent {
+    constructor(emailObject) {
+        this.emailObject = emailObject;
+        this.label = $localize `:@@line_height_label:Line Height`;
+        this.units = ['%', 'px', 'none'];
+        this.unitsLabels = new Map([
+            ['%', $localize `:@@unit_percent:Percent`],
+            ['px', $localize `:@@unit_pixels:Pixels`],
+            ['none', $localize `:@@unit_none:None`]
+        ]);
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+    getUnitLabel(unit) {
+        return this.unitsLabels.get(unit);
+    }
+}
+LineHeightComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-line-height',
+                template: `
+    <div class="group">
+      <mat-form-field appearance="outline">
+        <mat-label>{{ label }}</mat-label>
+        <input
+          matInput
+          [(ngModel)]="lineHeight.value"
+          type="number"
+          step="1"
+          (input)="markForCheck()"
+          [disabled]="lineHeight.unit === 'none'"
+        />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Line Height Settings|Change Line Height Unit">Unit</mat-label>
+        <mat-select placeholder="Unit" [(value)]="lineHeight.unit" (selectionChange)="markForCheck()" disableRipple>
+          <mat-option *ngFor="let unit of units" [value]="unit" i18n>
+            {{ getUnitLabel(unit) }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+LineHeightComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService }
+];
+LineHeightComponent.propDecorators = {
+    lineHeight: [{ type: Input }],
+    label: [{ type: Input }],
+    units: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1oZWlnaHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wYi1lbWFpbC1idWlsZGVyL3NyYy9saWIvZ3JvdXBzL2xpbmUtaGVpZ2h0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBcUN0SCxNQUFNLE9BQU8sbUJBQW1CO0lBVTlCLFlBQW9CLFdBQXNDO1FBQXRDLGdCQUFXLEdBQVgsV0FBVyxDQUEyQjtRQVJqRCxVQUFLLEdBQUcsU0FBUyxDQUFBLGtDQUFrQyxDQUFDO1FBQ3BELFVBQUssR0FBa0IsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLGdCQUFXLEdBQXdCLElBQUksR0FBRyxDQUFDO1lBQ2pELENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQSx5QkFBeUIsQ0FBQztZQUN6QyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUEsdUJBQXVCLENBQUM7WUFDeEMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFBLG1CQUFtQixDQUFDO1NBQ3ZDLENBQUMsQ0FBQztJQUUwRCxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBaUI7UUFDNUIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDOzs7WUFyREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCVDtnQkFTRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFQN0M7Ozs7O0tBS0M7YUFHSjs7O1lBcENRLHlCQUF5Qjs7O3lCQXNDL0IsS0FBSztvQkFDTCxLQUFLO29CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjQgUG9idWNhLlxyXG4gKiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElMaW5lSGVpZ2h0LCBUTGluZUhlaWdodCB9IGZyb20gJy4uL2ludGVyZmFjZXMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnRlcm5hbHMvcGItZW1haWwtb2JqZWN0LXN0b3JlL3BiLWVtYWlsLW9iamVjdC1zdG9yZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncGItbGluZS1oZWlnaHQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXBcIj5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwibGluZUhlaWdodC52YWx1ZVwiXHJcbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcclxuICAgICAgICAgIHN0ZXA9XCIxXCJcclxuICAgICAgICAgIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwibGluZUhlaWdodC51bml0ID09PSAnbm9uZSdcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIkxpbmUgSGVpZ2h0IFNldHRpbmdzfENoYW5nZSBMaW5lIEhlaWdodCBVbml0XCI+VW5pdDwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxtYXQtc2VsZWN0IHBsYWNlaG9sZGVyPVwiVW5pdFwiIFsodmFsdWUpXT1cImxpbmVIZWlnaHQudW5pdFwiIChzZWxlY3Rpb25DaGFuZ2UpPVwibWFya0ZvckNoZWNrKClcIiBkaXNhYmxlUmlwcGxlPlxyXG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHVuaXQgb2YgdW5pdHNcIiBbdmFsdWVdPVwidW5pdFwiIGkxOG4+XHJcbiAgICAgICAgICAgIHt7IGdldFVuaXRMYWJlbCh1bml0KSB9fVxyXG4gICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIDpob3N0IHtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgfVxyXG4gICAgYFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIExpbmVIZWlnaHRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxpbmVIZWlnaHQ6IElMaW5lSGVpZ2h0O1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJGxvY2FsaXplYDpAQGxpbmVfaGVpZ2h0X2xhYmVsOkxpbmUgSGVpZ2h0YDtcclxuICBASW5wdXQoKSB1bml0czogVExpbmVIZWlnaHRbXSA9IFsnJScsICdweCcsICdub25lJ107XHJcbiAgcHJpdmF0ZSB1bml0c0xhYmVsczogTWFwPHN0cmluZywgc3RyaW5nPiA9IG5ldyBNYXAoW1xyXG4gICAgWyclJywgJGxvY2FsaXplYDpAQHVuaXRfcGVyY2VudDpQZXJjZW50YF0sXHJcbiAgICBbJ3B4JywgJGxvY2FsaXplYDpAQHVuaXRfcGl4ZWxzOlBpeGVsc2BdLFxyXG4gICAgWydub25lJywgJGxvY2FsaXplYDpAQHVuaXRfbm9uZTpOb25lYF1cclxuICBdKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cclxuXHJcbiAgbWFya0ZvckNoZWNrKCkge1xyXG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIGdldFVuaXRMYWJlbCh1bml0OiBUTGluZUhlaWdodCkge1xyXG4gICAgcmV0dXJuIHRoaXMudW5pdHNMYWJlbHMuZ2V0KHVuaXQpO1xyXG4gIH1cclxufVxyXG4iXX0=