ngx-tiptap-editor/esm2020/lib/components/dialog/dialog.component.mjs

[](https://github.com/HuiiBuh/ngx-tiptap-editor/actions/workflows/publish.yml) [![Deploy to Github Pages](https://github.com/HuiiBuh/ngx-tiptap-edito

import { DOCUMENT } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, Inject } from '@angular/core';
import { FadeInAnimation } from '../../animations';
import { OverlayPopUpAnimation } from './dialog.animations';
import { TIP_DIALOG_DATA, DialogBaseClass } from './dialog.helpers';
import * as i0 from "@angular/core";
import * as i1 from "./dialog.helpers";
import * as i2 from "@angular/common";
// @dynamic
export class DialogComponent extends DialogBaseClass {
    constructor(data, document, dialogRef, ngZone) {
        super();
        this.data = data;
        this.document = document;
        this.dialogRef = dialogRef;
        this.ngZone = ngZone;
        this.position = {};
        this.position = this.calculateStyle();
    }
    calculateStyle() {
        const config = this.dialogRef.dialogConfig;
        return {
            width: config.width,
            maxWidth: config.maxWidth,
            top: config.position === 'top' ? '20%' : '50%',
        };
    }
}
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogComponent, deps: [{ token: TIP_DIALOG_DATA }, { token: DOCUMENT }, { token: i1.DialogRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogComponent, selector: "tip-dialog", host: { properties: { "@fadeIn": "this.calculateStyle", "@popUp": "this.calculateStyle" } }, usesInheritance: true, ngImport: i0, template: `
    <div class="overlay" (click)="closeDialog()" [ngStyle]="{backgroundColor: dialogRef.dialogConfig.backdropColor}"></div>
    <div class="dialog-wrapper" [ngStyle]="position">
      <ng-container *ngIf="dialogRef.component" [ngComponentOutlet]="dialogRef.component"></ng-container>
    </div>
  `, isInline: true, styles: [".overlay{position:fixed;top:0;bottom:0;right:0;left:0;z-index:2000}.dialog-wrapper{left:50%;position:absolute;transform:translate(-50%,-50%);border-radius:5px;padding:10px;z-index:2000;background-color:var(--tip-background-color)}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }], animations: [FadeInAnimation, OverlayPopUpAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'tip-dialog',
                    template: `
    <div class="overlay" (click)="closeDialog()" [ngStyle]="{backgroundColor: dialogRef.dialogConfig.backdropColor}"></div>
    <div class="dialog-wrapper" [ngStyle]="position">
      <ng-container *ngIf="dialogRef.component" [ngComponentOutlet]="dialogRef.component"></ng-container>
    </div>
  `,
                    animations: [FadeInAnimation, OverlayPopUpAnimation],
                    styles: [`
    .overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 2000;
    }

    .dialog-wrapper {
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      border-radius: 5px;
      padding: 10px;
      z-index: 2000;
      background-color: var(--tip-background-color);
    }
  `],
                    changeDetection: ChangeDetectionStrategy.OnPush
                }]
        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                    type: Inject,
                    args: [TIP_DIALOG_DATA]
                }] }, { type: Document, decorators: [{
                    type: Inject,
                    args: [DOCUMENT]
                }] }, { type: i1.DialogRef }, { type: i0.NgZone }]; }, propDecorators: { calculateStyle: [{
                type: HostBinding,
                args: ['@fadeIn']
            }, {
                type: HostBinding,
                args: ['@popUp']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10aXB0YXAtZWRpdG9yL3NyYy9saWIvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBeUIsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQUczRixXQUFXO0FBZ0NYLE1BQU0sT0FBTyxlQUFnQixTQUFRLGVBQWU7SUFHbEQsWUFDbUMsSUFBUyxFQUNkLFFBQWtCLEVBQ3ZDLFNBQW1DLEVBQ2hDLE1BQWM7UUFFeEIsS0FBSyxFQUFFLENBQUM7UUFMeUIsU0FBSSxHQUFKLElBQUksQ0FBSztRQUNkLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDdkMsY0FBUyxHQUFULFNBQVMsQ0FBMEI7UUFDaEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQU5uQixhQUFRLEdBQXdCLEVBQUUsQ0FBQztRQVN4QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBSU8sY0FBYztRQUNwQixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQStCLENBQUM7UUFFOUQsT0FBTztZQUNMLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUNuQixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVE7WUFDekIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7U0FDL0MsQ0FBQztJQUNKLENBQUM7OzRHQXZCVSxlQUFlLGtCQUloQixlQUFlLGFBQ2YsUUFBUTtnR0FMUCxlQUFlLHNLQTdCaEI7Ozs7O0dBS1Qsa25CQUNXLENBQUMsZUFBZSxFQUFFLHFCQUFxQixDQUFDOzJGQXVCekMsZUFBZTtrQkEvQjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxVQUFVLEVBQUUsQ0FBQyxlQUFlLEVBQUUscUJBQXFCLENBQUM7b0JBQ3BELE1BQU0sRUFBRSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJSLENBQUM7b0JBQ0YsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkFLSSxNQUFNOzJCQUFDLGVBQWU7OEJBQ2UsUUFBUTswQkFBN0MsTUFBTTsyQkFBQyxRQUFRO3lGQVVWLGNBQWM7c0JBRnJCLFdBQVc7dUJBQUMsU0FBUzs7c0JBQ3JCLFdBQVc7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3QsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFkZUluQW5pbWF0aW9uIH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBPdmVybGF5UG9wVXBBbmltYXRpb24gfSBmcm9tICcuL2RpYWxvZy5hbmltYXRpb25zJztcbmltcG9ydCB7IFRJUF9ESUFMT0dfREFUQSwgRGlhbG9nQmFzZUNsYXNzLCBEaWFsb2dEYXRhLCBEaWFsb2dSZWYgfSBmcm9tICcuL2RpYWxvZy5oZWxwZXJzJztcblxuXG4vLyBAZHluYW1pY1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGlwLWRpYWxvZycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm92ZXJsYXlcIiAoY2xpY2spPVwiY2xvc2VEaWFsb2coKVwiIFtuZ1N0eWxlXT1cIntiYWNrZ3JvdW5kQ29sb3I6IGRpYWxvZ1JlZi5kaWFsb2dDb25maWcuYmFja2Ryb3BDb2xvcn1cIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLXdyYXBwZXJcIiBbbmdTdHlsZV09XCJwb3NpdGlvblwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpYWxvZ1JlZi5jb21wb25lbnRcIiBbbmdDb21wb25lbnRPdXRsZXRdPVwiZGlhbG9nUmVmLmNvbXBvbmVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICBgLFxuICBhbmltYXRpb25zOiBbRmFkZUluQW5pbWF0aW9uLCBPdmVybGF5UG9wVXBBbmltYXRpb25dLFxuICBzdHlsZXM6IFtgXG4gICAgLm92ZXJsYXkge1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgei1pbmRleDogMjAwMDtcbiAgICB9XG5cbiAgICAuZGlhbG9nLXdyYXBwZXIge1xuICAgICAgbGVmdDogNTAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBwYWRkaW5nOiAxMHB4O1xuICAgICAgei1pbmRleDogMjAwMDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dDb21wb25lbnQgZXh0ZW5kcyBEaWFsb2dCYXNlQ2xhc3Mge1xuICBwdWJsaWMgcG9zaXRpb246IFJlY29yZDxzdHJpbmcsIGFueT4gPSB7fTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFRJUF9ESUFMT0dfREFUQSkgcHJpdmF0ZSBkYXRhOiBhbnksXG4gICAgQEluamVjdChET0NVTUVOVCkgcHJvdGVjdGVkIGRvY3VtZW50OiBEb2N1bWVudCxcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBEaWFsb2dSZWY8YW55LCBhbnksIGFueT4sXG4gICAgcHJvdGVjdGVkIG5nWm9uZTogTmdab25lXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5wb3NpdGlvbiA9IHRoaXMuY2FsY3VsYXRlU3R5bGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnQGZhZGVJbicpXG4gIEBIb3N0QmluZGluZygnQHBvcFVwJylcbiAgcHJpdmF0ZSBjYWxjdWxhdGVTdHlsZSgpOiBSZWNvcmQ8c3RyaW5nLCBhbnk+IHtcbiAgICBjb25zdCBjb25maWcgPSB0aGlzLmRpYWxvZ1JlZi5kaWFsb2dDb25maWcgYXMgRGlhbG9nRGF0YTxhbnk+O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdpZHRoOiBjb25maWcud2lkdGgsXG4gICAgICBtYXhXaWR0aDogY29uZmlnLm1heFdpZHRoLFxuICAgICAgdG9wOiBjb25maWcucG9zaXRpb24gPT09ICd0b3AnID8gJzIwJScgOiAnNTAlJyxcbiAgICB9O1xuICB9XG59XG4iXX0=