@pobuca/email-builder 1.0.1 → 1.1.0

package/esm2015/lib/groups/link.js

@@ -1,67 +1,67 @@
-/*
- * 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 LinkComponent {
-    constructor(emailObject) {
-        this.emailObject = emailObject;
-        this.targetLabels = new Map([
-            ['_blank', $localize `:@@link_target_blank:Blank`],
-            ['_self', $localize `:@@link_target_self:Self`],
-            ['_parent', $localize `:@@link_target_parent:Parent`],
-            ['_top', $localize `:@@link_target_top:Top`]
-        ]);
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-    getTargets() {
-        return ['_blank', '_self', '_parent', '_top'];
-    }
-    getTargetLabel(target) {
-        return this.targetLabels.get(target);
-    }
-}
-LinkComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-link',
-                template: `
-    <div class="group f-large">
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Link Settings|Link">Link</mat-label>
-        <input matInput [(ngModel)]="link.href" type="url" placeholder="Link" (blur)="markForCheck()" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Link Settings|Target">Target</mat-label>
-        <mat-select
-          placeholder="Target"
-          i18n-placeholder="Link Settings|Target"
-          [(value)]="link.target"
-          disableRipple
-          (selectionChange)="markForCheck()"
-        >
-          <mat-option *ngFor="let target of getTargets()" [value]="target">
-            {{ getTargetLabel(target) }}
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-LinkComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService }
-];
-LinkComponent.propDecorators = {
-    link: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvbGluay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQW9DdEgsTUFBTSxPQUFPLGFBQWE7SUFVeEIsWUFBb0IsV0FBc0M7UUFBdEMsZ0JBQVcsR0FBWCxXQUFXLENBQTJCO1FBUGxELGlCQUFZLEdBQUcsSUFBSSxHQUFHLENBQUM7WUFDN0IsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFBLDRCQUE0QixDQUFDO1lBQ2pELENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQSwwQkFBMEIsQ0FBQztZQUM5QyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUEsOEJBQThCLENBQUM7WUFDcEQsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFBLHdCQUF3QixDQUFDO1NBQzVDLENBQUMsQ0FBQztJQUUwRCxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxjQUFjLENBQUMsTUFBYztRQUMzQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7OztZQXhERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO2dCQVNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQVA3Qzs7Ozs7S0FLQzthQUdKOzs7WUFuQ1EseUJBQXlCOzs7bUJBcUMvQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyNCBQb2J1Y2EuXG4gKiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJTGluaywgVExpbmtUYXJnZXQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2ludGVybmFscy9wYi1lbWFpbC1vYmplY3Qtc3RvcmUvcGItZW1haWwtb2JqZWN0LXN0b3JlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwYi1saW5rJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgZi1sYXJnZVwiPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIkxpbmsgU2V0dGluZ3N8TGlua1wiPkxpbms8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPVwibGluay5ocmVmXCIgdHlwZT1cInVybFwiIHBsYWNlaG9sZGVyPVwiTGlua1wiIChibHVyKT1cIm1hcmtGb3JDaGVjaygpXCIgLz5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiTGluayBTZXR0aW5nc3xUYXJnZXRcIj5UYXJnZXQ8L21hdC1sYWJlbD5cbiAgICAgICAgPG1hdC1zZWxlY3RcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIlRhcmdldFwiXG4gICAgICAgICAgaTE4bi1wbGFjZWhvbGRlcj1cIkxpbmsgU2V0dGluZ3N8VGFyZ2V0XCJcbiAgICAgICAgICBbKHZhbHVlKV09XCJsaW5rLnRhcmdldFwiXG4gICAgICAgICAgZGlzYWJsZVJpcHBsZVxuICAgICAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwibWFya0ZvckNoZWNrKClcIlxuICAgICAgICA+XG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHRhcmdldCBvZiBnZXRUYXJnZXRzKClcIiBbdmFsdWVdPVwidGFyZ2V0XCI+XG4gICAgICAgICAgICB7eyBnZXRUYXJnZXRMYWJlbCh0YXJnZXQpIH19XG4gICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cbiAgICBgXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpbmtDb21wb25lbnQge1xuICBASW5wdXQoKSBsaW5rOiBJTGluaztcblxuICBwcml2YXRlIHRhcmdldExhYmVscyA9IG5ldyBNYXAoW1xuICAgIFsnX2JsYW5rJywgJGxvY2FsaXplYDpAQGxpbmtfdGFyZ2V0X2JsYW5rOkJsYW5rYF0sXG4gICAgWydfc2VsZicsICRsb2NhbGl6ZWA6QEBsaW5rX3RhcmdldF9zZWxmOlNlbGZgXSxcbiAgICBbJ19wYXJlbnQnLCAkbG9jYWxpemVgOkBAbGlua190YXJnZXRfcGFyZW50OlBhcmVudGBdLFxuICAgIFsnX3RvcCcsICRsb2NhbGl6ZWA6QEBsaW5rX3RhcmdldF90b3A6VG9wYF1cbiAgXSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cblxuICBtYXJrRm9yQ2hlY2soKSB7XG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGdldFRhcmdldHMoKTogVExpbmtUYXJnZXRbXSB7XG4gICAgcmV0dXJuIFsnX2JsYW5rJywgJ19zZWxmJywgJ19wYXJlbnQnLCAnX3RvcCddO1xuICB9XG5cbiAgZ2V0VGFyZ2V0TGFiZWwodGFyZ2V0OiBzdHJpbmcpIHtcbiAgICByZXR1cm4gdGhpcy50YXJnZXRMYWJlbHMuZ2V0KHRhcmdldCk7XG4gIH1cbn1cbiJdfQ==
+/*
+ * 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 LinkComponent {
+    constructor(emailObject) {
+        this.emailObject = emailObject;
+        this.targetLabels = new Map([
+            ['_blank', $localize `:@@link_target_blank:Blank`],
+            ['_self', $localize `:@@link_target_self:Self`],
+            ['_parent', $localize `:@@link_target_parent:Parent`],
+            ['_top', $localize `:@@link_target_top:Top`]
+        ]);
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+    getTargets() {
+        return ['_blank', '_self', '_parent', '_top'];
+    }
+    getTargetLabel(target) {
+        return this.targetLabels.get(target);
+    }
+}
+LinkComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-link',
+                template: `
+    <div class="group f-large">
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Link Settings|Link">Link</mat-label>
+        <input matInput [(ngModel)]="link.href" type="url" placeholder="Link" (blur)="markForCheck()" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Link Settings|Target">Target</mat-label>
+        <mat-select
+          placeholder="Target"
+          i18n-placeholder="Link Settings|Target"
+          [(value)]="link.target"
+          disableRipple
+          (selectionChange)="markForCheck()"
+        >
+          <mat-option *ngFor="let target of getTargets()" [value]="target">
+            {{ getTargetLabel(target) }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+LinkComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService }
+];
+LinkComponent.propDecorators = {
+    link: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvbGluay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQW9DdEgsTUFBTSxPQUFPLGFBQWE7SUFVeEIsWUFBb0IsV0FBc0M7UUFBdEMsZ0JBQVcsR0FBWCxXQUFXLENBQTJCO1FBUGxELGlCQUFZLEdBQUcsSUFBSSxHQUFHLENBQUM7WUFDN0IsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFBLDRCQUE0QixDQUFDO1lBQ2pELENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQSwwQkFBMEIsQ0FBQztZQUM5QyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUEsOEJBQThCLENBQUM7WUFDcEQsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFBLHdCQUF3QixDQUFDO1NBQzVDLENBQUMsQ0FBQztJQUUwRCxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxjQUFjLENBQUMsTUFBYztRQUMzQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7OztZQXhERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO2dCQVNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQVA3Qzs7Ozs7S0FLQzthQUdKOzs7WUFuQ1EseUJBQXlCOzs7bUJBcUMvQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogQ29weXJpZ2h0IChjKSAyMDI0IFBvYnVjYS5cclxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cclxuICovXHJcblxyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJTGluaywgVExpbmtUYXJnZXQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BiLWxpbmsnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgZi1sYXJnZVwiPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJMaW5rIFNldHRpbmdzfExpbmtcIj5MaW5rPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPVwibGluay5ocmVmXCIgdHlwZT1cInVybFwiIHBsYWNlaG9sZGVyPVwiTGlua1wiIChibHVyKT1cIm1hcmtGb3JDaGVjaygpXCIgLz5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiTGluayBTZXR0aW5nc3xUYXJnZXRcIj5UYXJnZXQ8L21hdC1sYWJlbD5cclxuICAgICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJUYXJnZXRcIlxyXG4gICAgICAgICAgaTE4bi1wbGFjZWhvbGRlcj1cIkxpbmsgU2V0dGluZ3N8VGFyZ2V0XCJcclxuICAgICAgICAgIFsodmFsdWUpXT1cImxpbmsudGFyZ2V0XCJcclxuICAgICAgICAgIGRpc2FibGVSaXBwbGVcclxuICAgICAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwibWFya0ZvckNoZWNrKClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCB0YXJnZXQgb2YgZ2V0VGFyZ2V0cygpXCIgW3ZhbHVlXT1cInRhcmdldFwiPlxyXG4gICAgICAgICAgICB7eyBnZXRUYXJnZXRMYWJlbCh0YXJnZXQpIH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgOmhvc3Qge1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICBgXHJcbiAgXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlua0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGluazogSUxpbms7XHJcblxyXG4gIHByaXZhdGUgdGFyZ2V0TGFiZWxzID0gbmV3IE1hcChbXHJcbiAgICBbJ19ibGFuaycsICRsb2NhbGl6ZWA6QEBsaW5rX3RhcmdldF9ibGFuazpCbGFua2BdLFxyXG4gICAgWydfc2VsZicsICRsb2NhbGl6ZWA6QEBsaW5rX3RhcmdldF9zZWxmOlNlbGZgXSxcclxuICAgIFsnX3BhcmVudCcsICRsb2NhbGl6ZWA6QEBsaW5rX3RhcmdldF9wYXJlbnQ6UGFyZW50YF0sXHJcbiAgICBbJ190b3AnLCAkbG9jYWxpemVgOkBAbGlua190YXJnZXRfdG9wOlRvcGBdXHJcbiAgXSk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZW1haWxPYmplY3Q6IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UpIHt9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuZW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBnZXRUYXJnZXRzKCk6IFRMaW5rVGFyZ2V0W10ge1xyXG4gICAgcmV0dXJuIFsnX2JsYW5rJywgJ19zZWxmJywgJ19wYXJlbnQnLCAnX3RvcCddO1xyXG4gIH1cclxuXHJcbiAgZ2V0VGFyZ2V0TGFiZWwodGFyZ2V0OiBzdHJpbmcpIHtcclxuICAgIHJldHVybiB0aGlzLnRhcmdldExhYmVscy5nZXQodGFyZ2V0KTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/groups/margin.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 MarginComponent {
-    constructor(emailObject) {
-        this.emailObject = emailObject;
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-}
-MarginComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-margin',
-                template: `
-    <div class="group">
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Margin settings|Margin Top">Margin Top</mat-label>
-        <input matInput type="number" min="0" step="1" [(ngModel)]="margin.top" (input)="markForCheck()" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Margin settings|Margin Bottom">Margin Bottom</mat-label>
-        <input matInput type="number" min="0" step="1" [(ngModel)]="margin.bottom" (input)="markForCheck()" />
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-MarginComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService }
-];
-MarginComponent.propDecorators = {
-    margin: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGItZW1haWwtYnVpbGRlci9zcmMvbGliL2dyb3Vwcy9tYXJnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUEwQnRILE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQW9CLFdBQXNDO1FBQXRDLGdCQUFXLEdBQVgsV0FBVyxDQUEyQjtJQUFHLENBQUM7SUFFOUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7O1lBL0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO2dCQVNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQVA3Qzs7Ozs7S0FLQzthQUdKOzs7WUF6QlEseUJBQXlCOzs7cUJBMkIvQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyNCBQb2J1Y2EuXG4gKiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJTWFyZ2luIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnRlcm5hbHMvcGItZW1haWwtb2JqZWN0LXN0b3JlL3BiLWVtYWlsLW9iamVjdC1zdG9yZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGItbWFyZ2luJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXBcIj5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJNYXJnaW4gc2V0dGluZ3N8TWFyZ2luIFRvcFwiPk1hcmdpbiBUb3A8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiBbKG5nTW9kZWwpXT1cIm1hcmdpbi50b3BcIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiAvPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJNYXJnaW4gc2V0dGluZ3N8TWFyZ2luIEJvdHRvbVwiPk1hcmdpbiBCb3R0b208L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiBbKG5nTW9kZWwpXT1cIm1hcmdpbi5ib3R0b21cIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiAvPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgOmhvc3Qge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgYFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNYXJnaW5Db21wb25lbnQge1xuICBASW5wdXQoKSBtYXJnaW46IElNYXJnaW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cblxuICBtYXJrRm9yQ2hlY2soKSB7XG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIl19
+/*
+ * 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 MarginComponent {
+    constructor(emailObject) {
+        this.emailObject = emailObject;
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+}
+MarginComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-margin',
+                template: `
+    <div class="group">
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Margin settings|Margin Top">Margin Top</mat-label>
+        <input matInput type="number" min="0" step="1" [(ngModel)]="margin.top" (input)="markForCheck()" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Margin settings|Margin Bottom">Margin Bottom</mat-label>
+        <input matInput type="number" min="0" step="1" [(ngModel)]="margin.bottom" (input)="markForCheck()" />
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+MarginComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService }
+];
+MarginComponent.propDecorators = {
+    margin: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGItZW1haWwtYnVpbGRlci9zcmMvbGliL2dyb3Vwcy9tYXJnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUEwQnRILE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQW9CLFdBQXNDO1FBQXRDLGdCQUFXLEdBQVgsV0FBVyxDQUEyQjtJQUFHLENBQUM7SUFFOUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7O1lBL0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO2dCQVNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQVA3Qzs7Ozs7S0FLQzthQUdKOzs7WUF6QlEseUJBQXlCOzs7cUJBMkIvQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogQ29weXJpZ2h0IChjKSAyMDI0IFBvYnVjYS5cclxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cclxuICovXHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJTWFyZ2luIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2ludGVybmFscy9wYi1lbWFpbC1vYmplY3Qtc3RvcmUvcGItZW1haWwtb2JqZWN0LXN0b3JlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdwYi1tYXJnaW4nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXBcIj5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiTWFyZ2luIHNldHRpbmdzfE1hcmdpbiBUb3BcIj5NYXJnaW4gVG9wPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiBbKG5nTW9kZWwpXT1cIm1hcmdpbi50b3BcIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiAvPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJNYXJnaW4gc2V0dGluZ3N8TWFyZ2luIEJvdHRvbVwiPk1hcmdpbiBCb3R0b208L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIFsobmdNb2RlbCldPVwibWFyZ2luLmJvdHRvbVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIC8+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICA6aG9zdCB7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIH1cclxuICAgIGBcclxuICBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXJnaW5Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIG1hcmdpbjogSU1hcmdpbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cclxuXHJcbiAgbWFya0ZvckNoZWNrKCkge1xyXG4gICAgdGhpcy5lbWFpbE9iamVjdC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/groups/padding.js

@@ -1,53 +1,53 @@
-/*
- * 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 PaddingComponent {
-    constructor(emailObject) {
-        this.emailObject = emailObject;
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-}
-PaddingComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-padding',
-                template: `
-    <div class="group four">
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Padding Settings|Padding Top">Top</mat-label>
-        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.top" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Padding Settings|Padding Right">Right</mat-label>
-        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.right" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Padding Settings|Padding Bottom">Bottom</mat-label>
-        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.bottom" />
-      </mat-form-field>
-      <mat-form-field appearance="outline">
-        <mat-label i18n="Padding Settings|Padding Left">Left</mat-label>
-        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.left" />
-      </mat-form-field>
-    </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `]
-            },] }
-];
-PaddingComponent.ctorParameters = () => [
-    { type: PbEmailObjectStoreService }
-];
-PaddingComponent.propDecorators = {
-    padding: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvcGFkZGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQWtDdEgsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixZQUFvQixXQUFzQztRQUF0QyxnQkFBVyxHQUFYLFdBQVcsQ0FBMkI7SUFBRyxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7OztZQXZDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDtnQkFTRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFQN0M7Ozs7O0tBS0M7YUFHSjs7O1lBakNRLHlCQUF5Qjs7O3NCQW1DL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjQgUG9idWNhLlxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVBhZGRpbmcgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2ludGVybmFscy9wYi1lbWFpbC1vYmplY3Qtc3RvcmUvcGItZW1haWwtb2JqZWN0LXN0b3JlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwYi1wYWRkaW5nJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgZm91clwiPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIlBhZGRpbmcgU2V0dGluZ3N8UGFkZGluZyBUb3BcIj5Ub3A8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiBbKG5nTW9kZWwpXT1cInBhZGRpbmcudG9wXCIgLz5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiUGFkZGluZyBTZXR0aW5nc3xQYWRkaW5nIFJpZ2h0XCI+UmlnaHQ8L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiBbKG5nTW9kZWwpXT1cInBhZGRpbmcucmlnaHRcIiAvPlxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJQYWRkaW5nIFNldHRpbmdzfFBhZGRpbmcgQm90dG9tXCI+Qm90dG9tPC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMFwiIHN0ZXA9XCIxXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgWyhuZ01vZGVsKV09XCJwYWRkaW5nLmJvdHRvbVwiIC8+XG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIlBhZGRpbmcgU2V0dGluZ3N8UGFkZGluZyBMZWZ0XCI+TGVmdDwvbWF0LWxhYmVsPlxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIFsobmdNb2RlbCldPVwicGFkZGluZy5sZWZ0XCIgLz5cbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIGBcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGFkZGluZ0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHBhZGRpbmc6IElQYWRkaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZW1haWxPYmplY3Q6IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UpIHt9XG5cbiAgbWFya0ZvckNoZWNrKCkge1xuICAgIHRoaXMuZW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
+/*
+ * 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 PaddingComponent {
+    constructor(emailObject) {
+        this.emailObject = emailObject;
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+}
+PaddingComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-padding',
+                template: `
+    <div class="group four">
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Padding Settings|Padding Top">Top</mat-label>
+        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.top" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Padding Settings|Padding Right">Right</mat-label>
+        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.right" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Padding Settings|Padding Bottom">Bottom</mat-label>
+        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.bottom" />
+      </mat-form-field>
+      <mat-form-field appearance="outline">
+        <mat-label i18n="Padding Settings|Padding Left">Left</mat-label>
+        <input matInput type="number" min="0" step="1" (input)="markForCheck()" [(ngModel)]="padding.left" />
+      </mat-form-field>
+    </div>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `]
+            },] }
+];
+PaddingComponent.ctorParameters = () => [
+    { type: PbEmailObjectStoreService }
+];
+PaddingComponent.propDecorators = {
+    padding: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BiLWVtYWlsLWJ1aWxkZXIvc3JjL2xpYi9ncm91cHMvcGFkZGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQWtDdEgsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixZQUFvQixXQUFzQztRQUF0QyxnQkFBVyxHQUFYLFdBQVcsQ0FBMkI7SUFBRyxDQUFDO0lBRTlELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2xDLENBQUM7OztZQXZDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDtnQkFTRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFQN0M7Ozs7O0tBS0M7YUFHSjs7O1lBakNRLHlCQUF5Qjs7O3NCQW1DL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIENvcHlyaWdodCAoYykgMjAyNCBQb2J1Y2EuXHJcbiAqIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSVBhZGRpbmcgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BiLXBhZGRpbmcnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAgZm91clwiPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJQYWRkaW5nIFNldHRpbmdzfFBhZGRpbmcgVG9wXCI+VG9wPC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIwXCIgc3RlcD1cIjFcIiAoaW5wdXQpPVwibWFya0ZvckNoZWNrKClcIiBbKG5nTW9kZWwpXT1cInBhZGRpbmcudG9wXCIgLz5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbCBpMThuPVwiUGFkZGluZyBTZXR0aW5nc3xQYWRkaW5nIFJpZ2h0XCI+UmlnaHQ8L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIFsobmdNb2RlbCldPVwicGFkZGluZy5yaWdodFwiIC8+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgIDxtYXQtbGFiZWwgaTE4bj1cIlBhZGRpbmcgU2V0dGluZ3N8UGFkZGluZyBCb3R0b21cIj5Cb3R0b208L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIFsobmdNb2RlbCldPVwicGFkZGluZy5ib3R0b21cIiAvPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LWxhYmVsIGkxOG49XCJQYWRkaW5nIFNldHRpbmdzfFBhZGRpbmcgTGVmdFwiPkxlZnQ8L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIG1pbj1cIjBcIiBzdGVwPVwiMVwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIFsobmdNb2RlbCldPVwicGFkZGluZy5sZWZ0XCIgLz5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIDpob3N0IHtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgfVxyXG4gICAgYFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZGRpbmdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHBhZGRpbmc6IElQYWRkaW5nO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVtYWlsT2JqZWN0OiBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlKSB7fVxyXG5cclxuICBtYXJrRm9yQ2hlY2soKSB7XHJcbiAgICB0aGlzLmVtYWlsT2JqZWN0Lm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/groups/upload-image.js

@@ -1,112 +1,112 @@
-/*
- * Copyright (c) 2024 Pobuca.
- * All rights reserved.
- */
-import { __awaiter } from "tslib";
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { Subject } from 'rxjs';
-import { PbUserImageUploaderService } from '../services/user-image-uploader-service/user-image-uploader.service';
-import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
-export class ImageUploadComponent {
-    constructor(imageUpload, emailObject) {
-        this.imageUpload = imageUpload;
-        this.emailObject = emailObject;
-        this.key = 'src';
-        this.browsing = new Subject();
-    }
-    get source() {
-        return this.block[this.key];
-    }
-    set source(value) {
-        this.block[this.key] = value;
-    }
-    markForCheck() {
-        this.emailObject.markForCheck();
-    }
-    browse() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.browsing.next(true);
-            try {
-                const path = yield this.imageUpload.browse$().toPromise();
-                if (path) {
-                    this.source = path;
-                    this.emailObject.markForCheck();
-                }
-            }
-            finally {
-                this.browsing.next(false);
-            }
-        });
-    }
-    ngOnInit() {
-        this.source = this.block.src || this.block.url;
-    }
-}
-ImageUploadComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'pb-image-upload',
-                template: `
-    <div fxLayout fxLayoutAlign="space-between center">
-      <div class="image-info" [fxFlex]="source ? '30%' : '60%'" fxLayout fxLayoutGap="0.5em" fxLayoutAlign="center center">
-        <div *ngIf="source" class="chose-image">
-          <img [src]="source" alt="image source" />
-        </div>
-        <span *ngIf="!source" style="width: 100%;" i18n="Upload Image Settings|Upload an image"> Upload an image </span>
-      </div>
-      <button
-        type="button"
-        (click)="browse()"
-        [disabled]="browsing | async"
-        color="primary"
-        mat-stroked-button
-        i18n="Upload Image Settings|Browse"
-      >
-        Browse
-      </button>
-    </div>
-    <mat-form-field appearance="outline" style="width: 100%">
-      <mat-label i18n="Upload Image Settings|Image Source">Image Source</mat-label>
-      <input matInput [(ngModel)]="source" type="url" (input)="markForCheck()" />
-    </mat-form-field>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [`
-      :host {
-        display: block;
-      }
-
-      .chose-image {
-        width: 100%;
-        max-height: 60px;
-        overflow: hidden;
-        border-radius: 3px;
-        line-height: 0;
-      }
-
-      .chose-image img {
-        width: 100%;
-        height: 60px;
-        object-fit: cover;
-        object-position: center;
-      }
-
-      .size {
-        font-size: 80%;
-        color: #ccc;
-      }
-
-      mat-form-field {
-        margin-top: 0.5rem;
-      }
-    `]
-            },] }
-];
-ImageUploadComponent.ctorParameters = () => [
-    { type: PbUserImageUploaderService },
-    { type: PbEmailObjectStoreService }
-];
-ImageUploadComponent.propDecorators = {
-    block: [{ type: Input }],
-    key: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGItZW1haWwtYnVpbGRlci9zcmMvbGliL2dyb3Vwcy91cGxvYWQtaW1hZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHOztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFL0IsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFFakgsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUE4RHRILE1BQU0sT0FBTyxvQkFBb0I7SUFLL0IsWUFBb0IsV0FBdUMsRUFBVSxXQUFzQztRQUF2RixnQkFBVyxHQUFYLFdBQVcsQ0FBNEI7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBMkI7UUFIbEcsUUFBRyxHQUFHLEtBQUssQ0FBQztRQUNyQixhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUVxRixDQUFDO0lBRS9HLElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksTUFBTSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUssTUFBTTs7WUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6QixJQUFJO2dCQUNGLE1BQU0sSUFBSSxHQUFHLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDMUQsSUFBSSxJQUFJLEVBQUU7b0JBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7b0JBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7aUJBQ2pDO2FBQ0Y7b0JBQVM7Z0JBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDM0I7UUFDSCxDQUFDO0tBQUE7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBZ0IsSUFBSSxDQUFDLEtBQU0sQ0FBQyxHQUFHLElBQWtCLElBQUksQ0FBQyxLQUFNLENBQUMsR0FBRyxDQUFDO0lBQzlFLENBQUM7OztZQTdGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFnQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQ7Z0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBdEQ3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTRCQzthQTJCSjs7O1lBL0RRLDBCQUEwQjtZQUUxQix5QkFBeUI7OztvQkErRC9CLEtBQUs7a0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjQgUG9idWNhLlxuICogQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFBiVXNlckltYWdlVXBsb2FkZXJTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvdXNlci1pbWFnZS11cGxvYWRlci1zZXJ2aWNlL3VzZXItaW1hZ2UtdXBsb2FkZXIuc2VydmljZSc7XG5pbXBvcnQgeyBJbWFnZUJsb2NrIH0gZnJvbSAnLi4vY2xhc3Nlcy9FbGVtZW50cyc7XG5pbXBvcnQgeyBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvaW50ZXJuYWxzL3BiLWVtYWlsLW9iamVjdC1zdG9yZS9wYi1lbWFpbC1vYmplY3Qtc3RvcmUuc2VydmljZSc7XG5pbXBvcnQgeyBJQmFja2dyb3VuZCB9IGZyb20gJy4uL2ludGVyZmFjZXMvaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BiLWltYWdlLXVwbG9hZCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgIC5jaG9zZS1pbWFnZSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtYXgtaGVpZ2h0OiA2MHB4O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgICAgfVxuXG4gICAgICAuY2hvc2UtaW1hZ2UgaW1nIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogNjBweDtcbiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgIG9iamVjdC1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAuc2l6ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogODAlO1xuICAgICAgICBjb2xvcjogI2NjYztcbiAgICAgIH1cblxuICAgICAgbWF0LWZvcm0tZmllbGQge1xuICAgICAgICBtYXJnaW4tdG9wOiAwLjVyZW07XG4gICAgICB9XG4gICAgYFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgZnhMYXlvdXQgZnhMYXlvdXRBbGlnbj1cInNwYWNlLWJldHdlZW4gY2VudGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtaW5mb1wiIFtmeEZsZXhdPVwic291cmNlID8gJzMwJScgOiAnNjAlJ1wiIGZ4TGF5b3V0IGZ4TGF5b3V0R2FwPVwiMC41ZW1cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwic291cmNlXCIgY2xhc3M9XCJjaG9zZS1pbWFnZVwiPlxuICAgICAgICAgIDxpbWcgW3NyY109XCJzb3VyY2VcIiBhbHQ9XCJpbWFnZSBzb3VyY2VcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhc291cmNlXCIgc3R5bGU9XCJ3aWR0aDogMTAwJTtcIiBpMThuPVwiVXBsb2FkIEltYWdlIFNldHRpbmdzfFVwbG9hZCBhbiBpbWFnZVwiPiBVcGxvYWQgYW4gaW1hZ2UgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiYnJvd3NlKClcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiYnJvd3NpbmcgfCBhc3luY1wiXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICBpMThuPVwiVXBsb2FkIEltYWdlIFNldHRpbmdzfEJyb3dzZVwiXG4gICAgICA+XG4gICAgICAgIEJyb3dzZVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgc3R5bGU9XCJ3aWR0aDogMTAwJVwiPlxuICAgICAgPG1hdC1sYWJlbCBpMThuPVwiVXBsb2FkIEltYWdlIFNldHRpbmdzfEltYWdlIFNvdXJjZVwiPkltYWdlIFNvdXJjZTwvbWF0LWxhYmVsPlxuICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPVwic291cmNlXCIgdHlwZT1cInVybFwiIChpbnB1dCk9XCJtYXJrRm9yQ2hlY2soKVwiIC8+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBibG9jazogSW1hZ2VCbG9jayB8IElCYWNrZ3JvdW5kO1xuICBASW5wdXQoKSBrZXkgPSAnc3JjJztcbiAgYnJvd3NpbmcgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW1hZ2VVcGxvYWQ6IFBiVXNlckltYWdlVXBsb2FkZXJTZXJ2aWNlLCBwcml2YXRlIGVtYWlsT2JqZWN0OiBQYkVtYWlsT2JqZWN0U3RvcmVTZXJ2aWNlKSB7fVxuXG4gIGdldCBzb3VyY2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuYmxvY2tbdGhpcy5rZXldO1xuICB9XG5cbiAgc2V0IHNvdXJjZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5ibG9ja1t0aGlzLmtleV0gPSB2YWx1ZTtcbiAgfVxuXG4gIG1hcmtGb3JDaGVjaygpIHtcbiAgICB0aGlzLmVtYWlsT2JqZWN0Lm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgYXN5bmMgYnJvd3NlKCkge1xuICAgIHRoaXMuYnJvd3NpbmcubmV4dCh0cnVlKTtcbiAgICB0cnkge1xuICAgICAgY29uc3QgcGF0aCA9IGF3YWl0IHRoaXMuaW1hZ2VVcGxvYWQuYnJvd3NlJCgpLnRvUHJvbWlzZSgpO1xuICAgICAgaWYgKHBhdGgpIHtcbiAgICAgICAgdGhpcy5zb3VyY2UgPSBwYXRoO1xuICAgICAgICB0aGlzLmVtYWlsT2JqZWN0Lm1hcmtGb3JDaGVjaygpO1xuICAgICAgfVxuICAgIH0gZmluYWxseSB7XG4gICAgICB0aGlzLmJyb3dzaW5nLm5leHQoZmFsc2UpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc291cmNlID0gKDxJbWFnZUJsb2NrPnRoaXMuYmxvY2spLnNyYyB8fCAoPElCYWNrZ3JvdW5kPnRoaXMuYmxvY2spLnVybDtcbiAgfVxufVxuIl19
+/*
+ * Copyright (c) 2024 Pobuca.
+ * All rights reserved.
+ */
+import { __awaiter } from "tslib";
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { PbUserImageUploaderService } from '../services/user-image-uploader-service/user-image-uploader.service';
+import { PbEmailObjectStoreService } from '../services/internals/pb-email-object-store/pb-email-object-store.service';
+export class ImageUploadComponent {
+    constructor(imageUpload, emailObject) {
+        this.imageUpload = imageUpload;
+        this.emailObject = emailObject;
+        this.key = 'src';
+        this.browsing = new Subject();
+    }
+    get source() {
+        return this.block[this.key];
+    }
+    set source(value) {
+        this.block[this.key] = value;
+    }
+    markForCheck() {
+        this.emailObject.markForCheck();
+    }
+    browse() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.browsing.next(true);
+            try {
+                const path = yield this.imageUpload.browse$().toPromise();
+                if (path) {
+                    this.source = path;
+                    this.emailObject.markForCheck();
+                }
+            }
+            finally {
+                this.browsing.next(false);
+            }
+        });
+    }
+    ngOnInit() {
+        this.source = this.block.src || this.block.url;
+    }
+}
+ImageUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'pb-image-upload',
+                template: `
+    <div fxLayout fxLayoutAlign="space-between center">
+      <div class="image-info" [fxFlex]="source ? '30%' : '60%'" fxLayout fxLayoutGap="0.5em" fxLayoutAlign="center center">
+        <div *ngIf="source" class="chose-image">
+          <img [src]="source" alt="image source" />
+        </div>
+        <span *ngIf="!source" style="width: 100%;" i18n="Upload Image Settings|Upload an image"> Upload an image </span>
+      </div>
+      <button
+        type="button"
+        (click)="browse()"
+        [disabled]="browsing | async"
+        color="primary"
+        mat-stroked-button
+        i18n="Upload Image Settings|Browse"
+      >
+        Browse
+      </button>
+    </div>
+    <mat-form-field appearance="outline" style="width: 100%">
+      <mat-label i18n="Upload Image Settings|Image Source">Image Source</mat-label>
+      <input matInput [(ngModel)]="source" type="url" (input)="markForCheck()" />
+    </mat-form-field>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+      :host {
+        display: block;
+      }
+
+      .chose-image {
+        width: 100%;
+        max-height: 60px;
+        overflow: hidden;
+        border-radius: 3px;
+        line-height: 0;
+      }
+
+      .chose-image img {
+        width: 100%;
+        height: 60px;
+        object-fit: cover;
+        object-position: center;
+      }
+
+      .size {
+        font-size: 80%;
+        color: #ccc;
+      }
+
+      mat-form-field {
+        margin-top: 0.5rem;
+      }
+    `]
+            },] }
+];
+ImageUploadComponent.ctorParameters = () => [
+    { type: PbUserImageUploaderService },
+    { type: PbEmailObjectStoreService }
+];
+ImageUploadComponent.propDecorators = {
+    block: [{ type: Input }],
+    key: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGItZW1haWwtYnVpbGRlci9zcmMvbGliL2dyb3Vwcy91cGxvYWQtaW1hZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHOztBQUVILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFL0IsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFFakgsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUE4RHRILE1BQU0sT0FBTyxvQkFBb0I7SUFLL0IsWUFBb0IsV0FBdUMsRUFBVSxXQUFzQztRQUF2RixnQkFBVyxHQUFYLFdBQVcsQ0FBNEI7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBMkI7UUFIbEcsUUFBRyxHQUFHLEtBQUssQ0FBQztRQUNyQixhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUVxRixDQUFDO0lBRS9HLElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksTUFBTSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUssTUFBTTs7WUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6QixJQUFJO2dCQUNGLE1BQU0sSUFBSSxHQUFHLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDMUQsSUFBSSxJQUFJLEVBQUU7b0JBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7b0JBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7aUJBQ2pDO2FBQ0Y7b0JBQVM7Z0JBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDM0I7UUFDSCxDQUFDO0tBQUE7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBZ0IsSUFBSSxDQUFDLEtBQU0sQ0FBQyxHQUFHLElBQWtCLElBQUksQ0FBQyxLQUFNLENBQUMsR0FBRyxDQUFDO0lBQzlFLENBQUM7OztZQTdGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFnQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQ7Z0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBdEQ3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTRCQzthQTJCSjs7O1lBL0RRLDBCQUEwQjtZQUUxQix5QkFBeUI7OztvQkErRC9CLEtBQUs7a0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIENvcHlyaWdodCAoYykgMjAyNCBQb2J1Y2EuXHJcbiAqIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcblxyXG5pbXBvcnQgeyBQYlVzZXJJbWFnZVVwbG9hZGVyU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL3VzZXItaW1hZ2UtdXBsb2FkZXItc2VydmljZS91c2VyLWltYWdlLXVwbG9hZGVyLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJbWFnZUJsb2NrIH0gZnJvbSAnLi4vY2xhc3Nlcy9FbGVtZW50cyc7XHJcbmltcG9ydCB7IFBiRW1haWxPYmplY3RTdG9yZVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9pbnRlcm5hbHMvcGItZW1haWwtb2JqZWN0LXN0b3JlL3BiLWVtYWlsLW9iamVjdC1zdG9yZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUJhY2tncm91bmQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdwYi1pbWFnZS11cGxvYWQnLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICA6aG9zdCB7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC5jaG9zZS1pbWFnZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgbWF4LWhlaWdodDogNjBweDtcclxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgICAgICBsaW5lLWhlaWdodDogMDtcclxuICAgICAgfVxyXG5cclxuICAgICAgLmNob3NlLWltYWdlIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA2MHB4O1xyXG4gICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xyXG4gICAgICAgIG9iamVjdC1wb3NpdGlvbjogY2VudGVyO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAuc2l6ZSB7XHJcbiAgICAgICAgZm9udC1zaXplOiA4MCU7XHJcbiAgICAgICAgY29sb3I6ICNjY2M7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIG1hdC1mb3JtLWZpZWxkIHtcclxuICAgICAgICBtYXJnaW4tdG9wOiAwLjVyZW07XHJcbiAgICAgIH1cclxuICAgIGBcclxuICBdLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGZ4TGF5b3V0IGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1iZXR3ZWVuIGNlbnRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtaW5mb1wiIFtmeEZsZXhdPVwic291cmNlID8gJzMwJScgOiAnNjAlJ1wiIGZ4TGF5b3V0IGZ4TGF5b3V0R2FwPVwiMC41ZW1cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJzb3VyY2VcIiBjbGFzcz1cImNob3NlLWltYWdlXCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwic291cmNlXCIgYWx0PVwiaW1hZ2Ugc291cmNlXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cIiFzb3VyY2VcIiBzdHlsZT1cIndpZHRoOiAxMDAlO1wiIGkxOG49XCJVcGxvYWQgSW1hZ2UgU2V0dGluZ3N8VXBsb2FkIGFuIGltYWdlXCI+IFVwbG9hZCBhbiBpbWFnZSA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgKGNsaWNrKT1cImJyb3dzZSgpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiYnJvd3NpbmcgfCBhc3luY1wiXHJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcclxuICAgICAgICBtYXQtc3Ryb2tlZC1idXR0b25cclxuICAgICAgICBpMThuPVwiVXBsb2FkIEltYWdlIFNldHRpbmdzfEJyb3dzZVwiXHJcbiAgICAgID5cclxuICAgICAgICBCcm93c2VcclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIHN0eWxlPVwid2lkdGg6IDEwMCVcIj5cclxuICAgICAgPG1hdC1sYWJlbCBpMThuPVwiVXBsb2FkIEltYWdlIFNldHRpbmdzfEltYWdlIFNvdXJjZVwiPkltYWdlIFNvdXJjZTwvbWF0LWxhYmVsPlxyXG4gICAgICA8aW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09XCJzb3VyY2VcIiB0eXBlPVwidXJsXCIgKGlucHV0KT1cIm1hcmtGb3JDaGVjaygpXCIgLz5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgYCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW1hZ2VVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGJsb2NrOiBJbWFnZUJsb2NrIHwgSUJhY2tncm91bmQ7XHJcbiAgQElucHV0KCkga2V5ID0gJ3NyYyc7XHJcbiAgYnJvd3NpbmcgPSBuZXcgU3ViamVjdCgpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGltYWdlVXBsb2FkOiBQYlVzZXJJbWFnZVVwbG9hZGVyU2VydmljZSwgcHJpdmF0ZSBlbWFpbE9iamVjdDogUGJFbWFpbE9iamVjdFN0b3JlU2VydmljZSkge31cclxuXHJcbiAgZ2V0IHNvdXJjZSgpIHtcclxuICAgIHJldHVybiB0aGlzLmJsb2NrW3RoaXMua2V5XTtcclxuICB9XHJcblxyXG4gIHNldCBzb3VyY2UodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5ibG9ja1t0aGlzLmtleV0gPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuZW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBhc3luYyBicm93c2UoKSB7XHJcbiAgICB0aGlzLmJyb3dzaW5nLm5leHQodHJ1ZSk7XHJcbiAgICB0cnkge1xyXG4gICAgICBjb25zdCBwYXRoID0gYXdhaXQgdGhpcy5pbWFnZVVwbG9hZC5icm93c2UkKCkudG9Qcm9taXNlKCk7XHJcbiAgICAgIGlmIChwYXRoKSB7XHJcbiAgICAgICAgdGhpcy5zb3VyY2UgPSBwYXRoO1xyXG4gICAgICAgIHRoaXMuZW1haWxPYmplY3QubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgIH1cclxuICAgIH0gZmluYWxseSB7XHJcbiAgICAgIHRoaXMuYnJvd3NpbmcubmV4dChmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc291cmNlID0gKDxJbWFnZUJsb2NrPnRoaXMuYmxvY2spLnNyYyB8fCAoPElCYWNrZ3JvdW5kPnRoaXMuYmxvY2spLnVybDtcclxuICB9XHJcbn1cclxuIl19