ngx-antd-form-builder/esm2022/lib/components/preview-data-dialog/preview-data.dialog.mjs

Simple Drag&Drop form builder using ng-zorro-antd

import { Component, Inject } from "@angular/core";
import { DIALOG_DATA } from '@angular/cdk/dialog';
import { FormsModule } from "@angular/forms";
import 'codemirror/mode/javascript/javascript';
import { CodemirrorModule } from "@ctrl/ngx-codemirror";
import { NzButtonModule } from "ng-zorro-antd/button";
import * as i0 from "@angular/core";
import * as i1 from "@angular/cdk/dialog";
import * as i2 from "@angular/cdk/clipboard";
import * as i3 from "@angular/forms";
import * as i4 from "@ctrl/ngx-codemirror";
import * as i5 from "ng-zorro-antd/button";
import * as i6 from "ng-zorro-antd/core/transition-patch";
import * as i7 from "ng-zorro-antd/core/wave";
export class PreviewDataDialog {
    constructor(dialogRef, data, clipboard) {
        this.dialogRef = dialogRef;
        this.data = data;
        this.clipboard = clipboard;
    }
    close() {
        this.dialogRef.close();
    }
    copy() {
        this.clipboard.copy(this.data.json);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: PreviewDataDialog, deps: [{ token: i1.DialogRef }, { token: DIALOG_DATA }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: PreviewDataDialog, isStandalone: true, selector: "app-preview-data-dialog", ngImport: i0, template: "<ngx-codemirror\r\n  [ngModel]=\"data.json\"\r\n  [options]=\"{\r\n    lineNumbers: true,\r\n    theme: 'material',\r\n    mode: 'javascript'\r\n  }\"\r\n></ngx-codemirror>\r\n<hr>\r\n<div class=\"btn-group\">\r\n  <nz-button-group>\r\n    <button nz-button nzType=\"default\" (click)=\"close()\">Close</button>\r\n    <button nz-button nzType=\"primary\" (click)=\"copy()\">Copy JSON Data</button>\r\n  </nz-button-group>\r\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 24px 16px}.btn-group{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i4.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop", "codeMirrorLoaded"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i5.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "component", type: i5.NzButtonGroupComponent, selector: "nz-button-group", inputs: ["nzSize"], exportAs: ["nzButtonGroup"] }, { kind: "directive", type: i6.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i7.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: PreviewDataDialog, decorators: [{
            type: Component,
            args: [{ standalone: true, selector: 'app-preview-data-dialog', imports: [FormsModule, CodemirrorModule, NzButtonModule], template: "<ngx-codemirror\r\n  [ngModel]=\"data.json\"\r\n  [options]=\"{\r\n    lineNumbers: true,\r\n    theme: 'material',\r\n    mode: 'javascript'\r\n  }\"\r\n></ngx-codemirror>\r\n<hr>\r\n<div class=\"btn-group\">\r\n  <nz-button-group>\r\n    <button nz-button nzType=\"default\" (click)=\"close()\">Close</button>\r\n    <button nz-button nzType=\"primary\" (click)=\"copy()\">Copy JSON Data</button>\r\n  </nz-button-group>\r\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 24px 16px}.btn-group{display:flex;justify-content:flex-end}\n"] }]
        }], ctorParameters: () => [{ type: i1.DialogRef }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [DIALOG_DATA]
                }] }, { type: i2.Clipboard }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kYXRhLmRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1hbnRkLWZvcm0tYnVpbGRlci9zcmMvbGliL2NvbXBvbmVudHMvcHJldmlldy1kYXRhLWRpYWxvZy9wcmV2aWV3LWRhdGEuZGlhbG9nLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWFudGQtZm9ybS1idWlsZGVyL3NyYy9saWIvY29tcG9uZW50cy9wcmV2aWV3LWRhdGEtZGlhbG9nL3ByZXZpZXctZGF0YS5kaWFsb2cuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQVksV0FBVyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sdUNBQXVDLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFeEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7QUFTdEQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixZQUNXLFNBQXVDLEVBQ2xCLElBQUksRUFDeEIsU0FBb0I7UUFGckIsY0FBUyxHQUFULFNBQVMsQ0FBOEI7UUFDbEIsU0FBSSxHQUFKLElBQUksQ0FBQTtRQUN4QixjQUFTLEdBQVQsU0FBUyxDQUFXO0lBRWhDLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQzsrR0FkVSxpQkFBaUIsMkNBR2hCLFdBQVc7bUdBSFosaUJBQWlCLG1GQ2Y5QixrYkFjTSx3TERETSxXQUFXLDhWQUFFLGdCQUFnQixrUkFBRSxjQUFjOzs0RkFFNUMsaUJBQWlCO2tCQVA3QixTQUFTO2lDQUNJLElBQUksWUFDTix5QkFBeUIsV0FHMUIsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxDQUFDOzswQkFLbkQsTUFBTTsyQkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0RpYWxvZ1JlZiwgRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgJ2NvZGVtaXJyb3IvbW9kZS9qYXZhc2NyaXB0L2phdmFzY3JpcHQnO1xyXG5pbXBvcnQgeyBDb2RlbWlycm9yTW9kdWxlIH0gZnJvbSBcIkBjdHJsL25neC1jb2RlbWlycm9yXCI7XHJcbmltcG9ydCB7Q2xpcGJvYXJkfSBmcm9tICdAYW5ndWxhci9jZGsvY2xpcGJvYXJkJztcclxuaW1wb3J0IHsgTnpCdXR0b25Nb2R1bGUgfSBmcm9tIFwibmctem9ycm8tYW50ZC9idXR0b25cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgc2VsZWN0b3I6ICdhcHAtcHJldmlldy1kYXRhLWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctZGF0YS5kaWFsb2cuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3ByZXZpZXctZGF0YS5kaWFsb2cuc2NzcycsXHJcbiAgaW1wb3J0czogW0Zvcm1zTW9kdWxlLCBDb2RlbWlycm9yTW9kdWxlLCBOekJ1dHRvbk1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIFByZXZpZXdEYXRhRGlhbG9nIHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgICAgcHVibGljIGRpYWxvZ1JlZjogRGlhbG9nUmVmPFByZXZpZXdEYXRhRGlhbG9nPixcclxuICAgICAgQEluamVjdChESUFMT0dfREFUQSkgcHVibGljIGRhdGEsXHJcbiAgICAgIHByaXZhdGUgY2xpcGJvYXJkOiBDbGlwYm9hcmRcclxuICApIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZSgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY29weSgpIHtcclxuICAgIHRoaXMuY2xpcGJvYXJkLmNvcHkodGhpcy5kYXRhLmpzb24pO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPG5neC1jb2RlbWlycm9yXHJcbiAgW25nTW9kZWxdPVwiZGF0YS5qc29uXCJcclxuICBbb3B0aW9uc109XCJ7XHJcbiAgICBsaW5lTnVtYmVyczogdHJ1ZSxcclxuICAgIHRoZW1lOiAnbWF0ZXJpYWwnLFxyXG4gICAgbW9kZTogJ2phdmFzY3JpcHQnXHJcbiAgfVwiXHJcbj48L25neC1jb2RlbWlycm9yPlxyXG48aHI+XHJcbjxkaXYgY2xhc3M9XCJidG4tZ3JvdXBcIj5cclxuICA8bnotYnV0dG9uLWdyb3VwPlxyXG4gICAgPGJ1dHRvbiBuei1idXR0b24gbnpUeXBlPVwiZGVmYXVsdFwiIChjbGljayk9XCJjbG9zZSgpXCI+Q2xvc2U8L2J1dHRvbj5cclxuICAgIDxidXR0b24gbnotYnV0dG9uIG56VHlwZT1cInByaW1hcnlcIiAoY2xpY2spPVwiY29weSgpXCI+Q29weSBKU09OIERhdGE8L2J1dHRvbj5cclxuICA8L256LWJ1dHRvbi1ncm91cD5cclxuPC9kaXY+Il19