@jinmutech/ng-zorro-form-design 1.0.0

package/esm2022/src/app/pages/designer/element-properties/col-properties/col-properties.component.mjs

@@ -0,0 +1,66 @@
+import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../shared/services/designer-canvas-refresh.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/grid";
+import * as i5 from "ng-zorro-antd/form";
+import * as i6 from "ng-zorro-antd/input";
+import * as i7 from "ng-zorro-antd/radio";
+import * as i8 from "ng-zorro-antd/switch";
+import * as i9 from "../components/basic-properties/basic-properties.component";
+import * as i10 from "../components/layout-properties/layout-properties.component";
+import * as i11 from "../components/css-properties/css-properties.component";
+import * as i12 from "../../directive/designer-property-change.directive";
+import * as i13 from "@ngx-translate/core";
+export class ColPropertiesComponent {
+    constructor(changeDetectorRef, canvasRefresh) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.canvasRefresh = canvasRefresh;
+        this.dataChangeEvent = new EventEmitter();
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.colData = this.itemData;
+    }
+    colDataChange(event) {
+        this.dataChangeEvent.emit(event);
+        this.canvasRefresh.notify();
+        this.changeDetectorRef.markForCheck();
+    }
+    onLayoutMethodChange(value) {
+        this.colData.isFlex = value;
+        this.syncCanvas();
+    }
+    onReactiveChange(value) {
+        this.colData.isReactive = value;
+        this.syncCanvas();
+    }
+    onFlexLayoutChange() {
+        this.syncCanvas();
+    }
+    syncCanvas() {
+        this.canvasRefresh.notify();
+        this.changeDetectorRef.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DesignerCanvasRefreshService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ColPropertiesComponent, selector: "col-properties", inputs: { itemData: ["data", "itemData"], viewType: "viewType" }, outputs: { dataChangeEvent: "dataChangeEvent" }, usesOnChanges: true, ngImport: i0, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n  <div class=\"title\">{{ 'properties.form.layout' | translate }}</div>\n  <div class=\"properties\">\n      <nz-form-item >\n          <nz-form-label [nzSpan]=\"24\" >{{ 'properties.form.layout.method' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"formUI\" [ngModel]=\"colData.isFlex\" (ngModelChange)=\"onLayoutMethodChange($event)\">\n                  <label nz-radio-button [nzValue]=\"false\">{{ 'properties.form.layout.method.grid' | translate }}</label>\n                  <label nz-radio-button [nzValue]=\"true\">{{ 'properties.form.layout.method.flex' | translate }}</label>\n                </nz-radio-group>\n          </nz-form-control>\n      </nz-form-item>\n      \n      <nz-form-item *ngIf=\"!colData.isFlex\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.form.layout.reactive' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n          <nz-switch name=\"elementColReactive\" [ngModel]=\"colData.isReactive\" (ngModelChange)=\"onReactiveChange($event)\"></nz-switch>\n          </nz-form-control>\n      </nz-form-item>\n  </div>\n  <div class=\"title\">{{ 'properties.form.layout.property' | translate }}</div>\n  <div class=\"properties\">\n      <nz-form-item *ngIf=\"colData.isFlex\">\n          <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"flexLayoutTipTitle\">{{ 'properties.form.layout.flexMethod' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <input nz-input name=\"labelFlexLayout\" [ngModel]=\"colData.flex\" (ngModelChange)=\"colData.flex = $event; onFlexLayoutChange()\" [placeholder]=\"'properties.form.layout.flexMethod.placeholder' | translate\">\n          </nz-form-control>\n      </nz-form-item>\n      <layout-properties *ngIf=\"!colData.isFlex\" [data]=\"colData.layout\" [viewType]=\"viewType\" [isReactive]=\"colData.isReactive\" (dataChangeEvent)=\"colDataChange($event)\"></layout-properties>\n  </div>\n\n  <ng-template #flexLayoutTipTitle>\n      <div>\n          1.Percentage columns<br/>\n          Flex=\"2\" (2 / 5)<br/>\n          Flex=\"3\" (3 / 5)<br/>\n\n          2.Fill rest<br/>\n          Flex=\"100px\"<br/>\n          Flex=\"auto\"<br/>\n\n          3.Raw flex style<br/>\n          Flex=\"1 1 200px\"<br/>\n          Flex=\"0 1 300px\"\n      </div>\n  </ng-template>\n\n  <css-properties [data]=\"itemData\"></css-properties>\n</form>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i5.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i7.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i7.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: i9.BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: i10.LayoutPropertiesComponent, selector: "layout-properties", inputs: ["data", "viewType", "isReactive", "spanType"], outputs: ["dataChangeEvent"] }, { kind: "component", type: i11.CssPropertiesComponent, selector: "css-properties", inputs: ["data"] }, { kind: "directive", type: i12.DesignerPropertyChangeDirective, selector: "[name^=\"element\"], [name^=\"optionLabel_\"], [name^=\"optionValue_\"], [name=\"cssSetting\"], [name=\"cssFormLabel\"], [name=\"cssFormControl\"], [name=\"formUI\"], [name^=\"label\"], [name^=\"control\"], [name=\"textContent\"], [name=\"requiredMessage\"], [name=\"minLengthMessage\"], [name=\"maxLengthMessage\"], [name=\"patternTypeMessage\"], [name=\"patternMessage\"], [name=\"minlength\"], [name=\"maxlength\"], [name=\"patternType\"], [name=\"pattern\"], [name=\"requred\"], [name=\"hasPattern\"], [name=\"hasPatternType\"], [name=\"dateMode\"], [designerCanvasSync]" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'col-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n  <div class=\"title\">{{ 'properties.form.layout' | translate }}</div>\n  <div class=\"properties\">\n      <nz-form-item >\n          <nz-form-label [nzSpan]=\"24\" >{{ 'properties.form.layout.method' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"formUI\" [ngModel]=\"colData.isFlex\" (ngModelChange)=\"onLayoutMethodChange($event)\">\n                  <label nz-radio-button [nzValue]=\"false\">{{ 'properties.form.layout.method.grid' | translate }}</label>\n                  <label nz-radio-button [nzValue]=\"true\">{{ 'properties.form.layout.method.flex' | translate }}</label>\n                </nz-radio-group>\n          </nz-form-control>\n      </nz-form-item>\n      \n      <nz-form-item *ngIf=\"!colData.isFlex\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.form.layout.reactive' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n          <nz-switch name=\"elementColReactive\" [ngModel]=\"colData.isReactive\" (ngModelChange)=\"onReactiveChange($event)\"></nz-switch>\n          </nz-form-control>\n      </nz-form-item>\n  </div>\n  <div class=\"title\">{{ 'properties.form.layout.property' | translate }}</div>\n  <div class=\"properties\">\n      <nz-form-item *ngIf=\"colData.isFlex\">\n          <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"flexLayoutTipTitle\">{{ 'properties.form.layout.flexMethod' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <input nz-input name=\"labelFlexLayout\" [ngModel]=\"colData.flex\" (ngModelChange)=\"colData.flex = $event; onFlexLayoutChange()\" [placeholder]=\"'properties.form.layout.flexMethod.placeholder' | translate\">\n          </nz-form-control>\n      </nz-form-item>\n      <layout-properties *ngIf=\"!colData.isFlex\" [data]=\"colData.layout\" [viewType]=\"viewType\" [isReactive]=\"colData.isReactive\" (dataChangeEvent)=\"colDataChange($event)\"></layout-properties>\n  </div>\n\n  <ng-template #flexLayoutTipTitle>\n      <div>\n          1.Percentage columns<br/>\n          Flex=\"2\" (2 / 5)<br/>\n          Flex=\"3\" (3 / 5)<br/>\n\n          2.Fill rest<br/>\n          Flex=\"100px\"<br/>\n          Flex=\"auto\"<br/>\n\n          3.Raw flex style<br/>\n          Flex=\"1 1 200px\"<br/>\n          Flex=\"0 1 300px\"\n      </div>\n  </ng-template>\n\n  <css-properties [data]=\"itemData\"></css-properties>\n</form>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DesignerCanvasRefreshService }], propDecorators: { itemData: [{
+                type: Input,
+                args: ["data"]
+            }], viewType: [{
+                type: Input,
+                args: ["viewType"]
+            }], dataChangeEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sLXByb3BlcnRpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9lbGVtZW50LXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9lbGVtZW50LXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7OztBQVUxSCxNQUFNLE9BQU8sc0JBQXNCO0lBWWpDLFlBQ1UsaUJBQW9DLEVBQ3BDLGFBQTJDO1FBRDNDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsa0JBQWEsR0FBYixhQUFhLENBQThCO1FBTnJELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7SUFPL0MsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUF5QixDQUFDO0lBQ2hELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBbUI7UUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQzVCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7K0dBcERVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDhMQ1ZuQywrL0VBaURPOzs0RkR2Q00sc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNO2lJQUkvQyxRQUFRO3NCQURQLEtBQUs7dUJBQUMsTUFBTTtnQkFJYixRQUFRO3NCQURQLEtBQUs7dUJBQUMsVUFBVTtnQkFJakIsZUFBZTtzQkFEZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb2xJdGVtTW9kZWwsIElJdGVtTW9kZWwsIElMYXlvdXRNb2RlbCB9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9tb2RlbHMvaS1pdGVtcy5tb2RlbCc7XG5pbXBvcnQgeyBEZXNpZ25lckNhbnZhc1JlZnJlc2hTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL3NlcnZpY2VzL2Rlc2lnbmVyLWNhbnZhcy1yZWZyZXNoLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2wtcHJvcGVydGllcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2wtcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbC1wcm9wZXJ0aWVzLmNvbXBvbmVudC5sZXNzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENvbFByb3BlcnRpZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoXCJkYXRhXCIpXG4gIGl0ZW1EYXRhITogSUl0ZW1Nb2RlbDtcblxuICBASW5wdXQoXCJ2aWV3VHlwZVwiKVxuICB2aWV3VHlwZSE6IG51bWJlcjtcblxuICBAT3V0cHV0KClcbiAgZGF0YUNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxJTGF5b3V0TW9kZWw+KCk7XG4gIFxuICBjb2xEYXRhITogSUNvbEl0ZW1Nb2RlbDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIGNhbnZhc1JlZnJlc2g6IERlc2lnbmVyQ2FudmFzUmVmcmVzaFNlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGFDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuZGF0YUNoYW5nZSgpO1xuICB9XG5cbiAgZGF0YUNoYW5nZSgpIHtcbiAgICB0aGlzLmNvbERhdGEgPSB0aGlzLml0ZW1EYXRhIGFzIElDb2xJdGVtTW9kZWw7XG4gIH1cblxuICBjb2xEYXRhQ2hhbmdlKGV2ZW50OiBJTGF5b3V0TW9kZWwpIHtcbiAgICB0aGlzLmRhdGFDaGFuZ2VFdmVudC5lbWl0KGV2ZW50KTtcbiAgICB0aGlzLmNhbnZhc1JlZnJlc2gubm90aWZ5KCk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uTGF5b3V0TWV0aG9kQ2hhbmdlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5jb2xEYXRhLmlzRmxleCA9IHZhbHVlO1xuICAgIHRoaXMuc3luY0NhbnZhcygpO1xuICB9XG5cbiAgb25SZWFjdGl2ZUNoYW5nZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuY29sRGF0YS5pc1JlYWN0aXZlID0gdmFsdWU7XG4gICAgdGhpcy5zeW5jQ2FudmFzKCk7XG4gIH1cblxuICBvbkZsZXhMYXlvdXRDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5zeW5jQ2FudmFzKCk7XG4gIH1cblxuICBwcml2YXRlIHN5bmNDYW52YXMoKTogdm9pZCB7XG4gICAgdGhpcy5jYW52YXNSZWZyZXNoLm5vdGlmeSgpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxmb3JtIG56LWZvcm0gW256TGF5b3V0XT1cIid2ZXJ0aWNhbCdcIj5cbiAgPGJhc2ljLXByb3BlcnRpZXMgW2RhdGFdPVwiaXRlbURhdGFcIj48L2Jhc2ljLXByb3BlcnRpZXM+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7ICdwcm9wZXJ0aWVzLmZvcm0ubGF5b3V0JyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJvcGVydGllc1wiPlxuICAgICAgPG56LWZvcm0taXRlbSA+XG4gICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiID57eyAncHJvcGVydGllcy5mb3JtLmxheW91dC5tZXRob2QnIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICAgIDxuei1mb3JtLWNvbnRyb2wgW256U3Bhbl09XCIyNFwiPlxuICAgICAgICAgICAgICA8bnotcmFkaW8tZ3JvdXAgbmFtZT1cImZvcm1VSVwiIFtuZ01vZGVsXT1cImNvbERhdGEuaXNGbGV4XCIgKG5nTW9kZWxDaGFuZ2UpPVwib25MYXlvdXRNZXRob2RDaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgPGxhYmVsIG56LXJhZGlvLWJ1dHRvbiBbbnpWYWx1ZV09XCJmYWxzZVwiPnt7ICdwcm9wZXJ0aWVzLmZvcm0ubGF5b3V0Lm1ldGhvZC5ncmlkJyB8IHRyYW5zbGF0ZSB9fTwvbGFiZWw+XG4gICAgICAgICAgICAgICAgICA8bGFiZWwgbnotcmFkaW8tYnV0dG9uIFtuelZhbHVlXT1cInRydWVcIj57eyAncHJvcGVydGllcy5mb3JtLmxheW91dC5tZXRob2QuZmxleCcgfCB0cmFuc2xhdGUgfX08L2xhYmVsPlxuICAgICAgICAgICAgICAgIDwvbnotcmFkaW8tZ3JvdXA+XG4gICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICA8L256LWZvcm0taXRlbT5cbiAgICAgIFxuICAgICAgPG56LWZvcm0taXRlbSAqbmdJZj1cIiFjb2xEYXRhLmlzRmxleFwiPlxuICAgICAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiMjRcIj57eyAncHJvcGVydGllcy5mb3JtLmxheW91dC5yZWFjdGl2ZScgfCB0cmFuc2xhdGUgfX08L256LWZvcm0tbGFiZWw+XG4gICAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgPG56LXN3aXRjaCBuYW1lPVwiZWxlbWVudENvbFJlYWN0aXZlXCIgW25nTW9kZWxdPVwiY29sRGF0YS5pc1JlYWN0aXZlXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25SZWFjdGl2ZUNoYW5nZSgkZXZlbnQpXCI+PC9uei1zd2l0Y2g+XG4gICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICA8L256LWZvcm0taXRlbT5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7ICdwcm9wZXJ0aWVzLmZvcm0ubGF5b3V0LnByb3BlcnR5JyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJvcGVydGllc1wiPlxuICAgICAgPG56LWZvcm0taXRlbSAqbmdJZj1cImNvbERhdGEuaXNGbGV4XCI+XG4gICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiIFtuelRvb2x0aXBUaXRsZV09XCJmbGV4TGF5b3V0VGlwVGl0bGVcIj57eyAncHJvcGVydGllcy5mb3JtLmxheW91dC5mbGV4TWV0aG9kJyB8IHRyYW5zbGF0ZSB9fTwvbnotZm9ybS1sYWJlbD5cbiAgICAgICAgICA8bnotZm9ybS1jb250cm9sIFtuelNwYW5dPVwiMjRcIj5cbiAgICAgICAgICAgICAgPGlucHV0IG56LWlucHV0IG5hbWU9XCJsYWJlbEZsZXhMYXlvdXRcIiBbbmdNb2RlbF09XCJjb2xEYXRhLmZsZXhcIiAobmdNb2RlbENoYW5nZSk9XCJjb2xEYXRhLmZsZXggPSAkZXZlbnQ7IG9uRmxleExheW91dENoYW5nZSgpXCIgW3BsYWNlaG9sZGVyXT1cIidwcm9wZXJ0aWVzLmZvcm0ubGF5b3V0LmZsZXhNZXRob2QucGxhY2Vob2xkZXInIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICA8L256LWZvcm0taXRlbT5cbiAgICAgIDxsYXlvdXQtcHJvcGVydGllcyAqbmdJZj1cIiFjb2xEYXRhLmlzRmxleFwiIFtkYXRhXT1cImNvbERhdGEubGF5b3V0XCIgW3ZpZXdUeXBlXT1cInZpZXdUeXBlXCIgW2lzUmVhY3RpdmVdPVwiY29sRGF0YS5pc1JlYWN0aXZlXCIgKGRhdGFDaGFuZ2VFdmVudCk9XCJjb2xEYXRhQ2hhbmdlKCRldmVudClcIj48L2xheW91dC1wcm9wZXJ0aWVzPlxuICA8L2Rpdj5cblxuICA8bmctdGVtcGxhdGUgI2ZsZXhMYXlvdXRUaXBUaXRsZT5cbiAgICAgIDxkaXY+XG4gICAgICAgICAgMS5QZXJjZW50YWdlIGNvbHVtbnM8YnIvPlxuICAgICAgICAgIEZsZXg9XCIyXCIgKDIgLyA1KTxici8+XG4gICAgICAgICAgRmxleD1cIjNcIiAoMyAvIDUpPGJyLz5cblxuICAgICAgICAgIDIuRmlsbCByZXN0PGJyLz5cbiAgICAgICAgICBGbGV4PVwiMTAwcHhcIjxici8+XG4gICAgICAgICAgRmxleD1cImF1dG9cIjxici8+XG5cbiAgICAgICAgICAzLlJhdyBmbGV4IHN0eWxlPGJyLz5cbiAgICAgICAgICBGbGV4PVwiMSAxIDIwMHB4XCI8YnIvPlxuICAgICAgICAgIEZsZXg9XCIwIDEgMzAwcHhcIlxuICAgICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPGNzcy1wcm9wZXJ0aWVzIFtkYXRhXT1cIml0ZW1EYXRhXCI+PC9jc3MtcHJvcGVydGllcz5cbjwvZm9ybT4iXX0=

package/esm2022/src/app/pages/designer/element-properties/col-properties/col-properties.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { ColPropertiesComponent } from './col-properties.component';
+import { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';
+import * as i0 from "@angular/core";
+export class ColPropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesModule, declarations: [ColPropertiesComponent], imports: [PropertyPanelSharedModule], exports: [ColPropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColPropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ColPropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [ColPropertiesComponent]
+                }]
+        }] });
+export { ColPropertiesComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sLXByb3BlcnRpZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9lbGVtZW50LXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMvY29sLXByb3BlcnRpZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7O0FBT25GLE1BQU0sT0FBTyxtQkFBbUI7K0dBQW5CLG1CQUFtQjtnSEFBbkIsbUJBQW1CLGlCQUpmLHNCQUFzQixhQUMzQix5QkFBeUIsYUFDekIsc0JBQXNCO2dIQUVyQixtQkFBbUIsWUFIcEIseUJBQXlCOzs0RkFHeEIsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDOztBQUdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbFByb3BlcnRpZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbC1wcm9wZXJ0aWVzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQcm9wZXJ0eVBhbmVsU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3Byb3BlcnR5LXBhbmVsLXNoYXJlZC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDb2xQcm9wZXJ0aWVzQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1Byb3BlcnR5UGFuZWxTaGFyZWRNb2R1bGVdLFxuICBleHBvcnRzOiBbQ29sUHJvcGVydGllc0NvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sUHJvcGVydGllc01vZHVsZSB7fVxuXG5leHBvcnQgeyBDb2xQcm9wZXJ0aWVzQ29tcG9uZW50IH07XG4iXX0=

package/esm2022/src/app/pages/designer/element-properties/components/basic-properties/basic-properties.component.mjs

@@ -0,0 +1,78 @@
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import ItemTypeEnum, { ItemTypes } from '../../../../../shared/dictionaries/item-types-enum';
+import { trackByLabelValue } from '../../../../../shared/utils/track-by.util';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../shared/services/designer-canvas-refresh.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/grid";
+import * as i5 from "ng-zorro-antd/form";
+import * as i6 from "ng-zorro-antd/input";
+import * as i7 from "ng-zorro-antd/select";
+import * as i8 from "ng-zorro-antd/switch";
+import * as i9 from "ng-zorro-antd/tooltip";
+import * as i10 from "../../../../../shared/pipes/substring.pipe";
+import * as i11 from "@ngx-translate/core";
+export class BasicPropertiesComponent {
+    constructor(canvasRefresh) {
+        this.canvasRefresh = canvasRefresh;
+        this.itemTypes = ItemTypes;
+        this.trackByLabelValue = trackByLabelValue;
+        this.isFormItem = false;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.isFormItem = false;
+        if (this.itemData.type == ItemTypeEnum.Grid) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Col) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Table) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Td) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Tabs) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Card) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Space) {
+        }
+        else if (this.itemData.type == ItemTypeEnum.Divider) {
+        }
+        else {
+            this.isFormItem = true;
+            this.formItemData = this.itemData;
+        }
+    }
+    onLabelChange(value) {
+        this.formItemData.label = value;
+        this.canvasRefresh.notify();
+    }
+    onPlaceHolderChange(value) {
+        this.formItemData.placeHolder = value;
+        this.canvasRefresh.notify();
+    }
+    onFieldNameChange(value) {
+        this.formItemData.name = value;
+        this.canvasRefresh.notify();
+    }
+    onBooleanChange(field, value) {
+        this.formItemData[field] = value;
+        this.canvasRefresh.notify();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BasicPropertiesComponent, deps: [{ token: i1.DesignerCanvasRefreshService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BasicPropertiesComponent, selector: "basic-properties", inputs: { itemData: ["data", "itemData"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\">{{ 'properties.basic' | translate }}</div>\n<div class=\"properties\">\n    <nz-form-item >\n        <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.id' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n        <span nz-tooltip [nzTooltipTitle]=\"itemData.id\">{{itemData.id | substr:20:'...' }}</span>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.type' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n        <nz-select name=\"elementType\" [(ngModel)]=\"itemData.type\" [nzPlaceHolder]=\"'properties.basic.item.type.placeholder' | translate\" nzDisabled>\n            <ng-container *ngFor=\"let itemType of itemTypes; trackBy: trackByLabelValue\">\n            <nz-option [nzValue]=\"itemType.value\" [nzLabel]=\"itemType.label | translate\"></nz-option>\n            </ng-container>\n        </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n    <ng-container *ngIf=\"!!isFormItem\">\n        <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.title' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementTitle\" [placeholder]=\"'properties.basic.item.title.placeholder' | translate\" [ngModel]=\"formItemData.label | translate\" (ngModelChange)=\"onLabelChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.field' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementField\" [placeholder]=\"'properties.basic.item.field.placeholder' | translate\" [ngModel]=\"formItemData.name\" (ngModelChange)=\"onFieldNameChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <nz-form-item> \n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.placeHolder' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementPlaceHolder\" [placeholder]=\"'properties.basic.item.placeHolder.placeholder' | translate\" [ngModel]=\"formItemData.placeHolder | translate\" (ngModelChange)=\"onPlaceHolderChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <div nz-row nzSpan=\"24\">\n            <div nz-col nzSpan=\"8\">\n                <nz-form-item >\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.showLabel' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementShowLabel\" [ngModel]=\"formItemData.showLabel\" (ngModelChange)=\"onBooleanChange('showLabel', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div nz-col nzSpan=\"8\" *ngIf=\"formItemData.hasReadOnly\">\n                <nz-form-item>\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.hasReadOnly' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementReadonly\" [ngModel]=\"formItemData.readonly\" (ngModelChange)=\"onBooleanChange('readonly', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div nz-col [nzSpan]=\"8\">\n                <nz-form-item *ngIf=\"formItemData.hasDisabled\">\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.disabled' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementDisabled\" [ngModel]=\"formItemData.disabled\" (ngModelChange)=\"onBooleanChange('disabled', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n\n            <div nz-col nzSpan=\"8\" *ngIf=\"formItemData.showBorderLess\">\n                <nz-form-item >\n                <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.borderLess' | translate }}</nz-form-label>\n                <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementBorderLess\" [ngModel]=\"formItemData.borderLess\" (ngModelChange)=\"onBooleanChange('borderLess', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                </nz-form-control>\n                </nz-form-item>\n            </div>\n        </div>\n    </ng-container>\n</div>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}.custom-field2{border:1px solid blue}.custom-field2>label{color:red;font-size:30px}.ant-form-item-label>label{color:red;font-size:30px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i9.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "pipe", type: i10.SubstringPipe, name: "substr" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BasicPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title\">{{ 'properties.basic' | translate }}</div>\n<div class=\"properties\">\n    <nz-form-item >\n        <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.id' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n        <span nz-tooltip [nzTooltipTitle]=\"itemData.id\">{{itemData.id | substr:20:'...' }}</span>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.type' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n        <nz-select name=\"elementType\" [(ngModel)]=\"itemData.type\" [nzPlaceHolder]=\"'properties.basic.item.type.placeholder' | translate\" nzDisabled>\n            <ng-container *ngFor=\"let itemType of itemTypes; trackBy: trackByLabelValue\">\n            <nz-option [nzValue]=\"itemType.value\" [nzLabel]=\"itemType.label | translate\"></nz-option>\n            </ng-container>\n        </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n    <ng-container *ngIf=\"!!isFormItem\">\n        <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.title' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementTitle\" [placeholder]=\"'properties.basic.item.title.placeholder' | translate\" [ngModel]=\"formItemData.label | translate\" (ngModelChange)=\"onLabelChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.field' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementField\" [placeholder]=\"'properties.basic.item.field.placeholder' | translate\" [ngModel]=\"formItemData.name\" (ngModelChange)=\"onFieldNameChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <nz-form-item> \n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.placeHolder' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n            <input nz-input name=\"elementPlaceHolder\" [placeholder]=\"'properties.basic.item.placeHolder.placeholder' | translate\" [ngModel]=\"formItemData.placeHolder | translate\" (ngModelChange)=\"onPlaceHolderChange($event)\" />\n            </nz-form-control>\n        </nz-form-item>\n        <div nz-row nzSpan=\"24\">\n            <div nz-col nzSpan=\"8\">\n                <nz-form-item >\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.showLabel' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementShowLabel\" [ngModel]=\"formItemData.showLabel\" (ngModelChange)=\"onBooleanChange('showLabel', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div nz-col nzSpan=\"8\" *ngIf=\"formItemData.hasReadOnly\">\n                <nz-form-item>\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.hasReadOnly' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementReadonly\" [ngModel]=\"formItemData.readonly\" (ngModelChange)=\"onBooleanChange('readonly', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div nz-col [nzSpan]=\"8\">\n                <nz-form-item *ngIf=\"formItemData.hasDisabled\">\n                    <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.disabled' | translate }}</nz-form-label>\n                    <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementDisabled\" [ngModel]=\"formItemData.disabled\" (ngModelChange)=\"onBooleanChange('disabled', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n\n            <div nz-col nzSpan=\"8\" *ngIf=\"formItemData.showBorderLess\">\n                <nz-form-item >\n                <nz-form-label [nzSpan]=\"24\">{{ 'properties.basic.item.borderLess' | translate }}</nz-form-label>\n                <nz-form-control [nzSpan]=\"24\">\n                    <nz-switch name=\"elementBorderLess\" [ngModel]=\"formItemData.borderLess\" (ngModelChange)=\"onBooleanChange('borderLess', $event)\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n                </nz-form-control>\n                </nz-form-item>\n            </div>\n        </div>\n    </ng-container>\n</div>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}.custom-field2{border:1px solid blue}.custom-field2>label{color:red;font-size:30px}.ant-form-item-label>label{color:red;font-size:30px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DesignerCanvasRefreshService }], propDecorators: { itemData: [{
+                type: Input,
+                args: ['data']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtcHJvcGVydGllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3BhZ2VzL2Rlc2lnbmVyL2VsZW1lbnQtcHJvcGVydGllcy9jb21wb25lbnRzL2Jhc2ljLXByb3BlcnRpZXMvYmFzaWMtcHJvcGVydGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3BhZ2VzL2Rlc2lnbmVyL2VsZW1lbnQtcHJvcGVydGllcy9jb21wb25lbnRzL2Jhc2ljLXByb3BlcnRpZXMvYmFzaWMtcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLFlBQVksRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBSTdGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7Ozs7O0FBUTlFLE1BQU0sT0FBTyx3QkFBd0I7SUFZbkMsWUFBb0IsYUFBMkM7UUFBM0Msa0JBQWEsR0FBYixhQUFhLENBQThCO1FBTC9ELGNBQVMsR0FBRyxTQUFTLENBQUM7UUFDYixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUUvQyxlQUFVLEdBQVksS0FBSyxDQUFDO0lBRzVCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBRXBCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDOUMsQ0FBQzthQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQ25ELENBQUM7YUFBSyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNyRCxDQUFDO2FBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDbEQsQ0FBQzthQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BELENBQUM7YUFBSyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwRCxDQUFDO2FBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDckQsQ0FBQzthQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLElBQUksWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3ZELENBQUM7YUFBSSxDQUFDO1lBQ0osSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBeUIsQ0FBQztRQUNyRCxDQUFDO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFhO1FBQy9CLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBMkQsRUFBRSxLQUFjO1FBQ3pGLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDOUIsQ0FBQzsrR0ExRFUsd0JBQXdCO21HQUF4Qix3QkFBd0IseUhDYnJDLDQ2SkF5RU07OzRGRDVETyx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU07aUdBSy9DLFFBQVE7c0JBRFAsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IEl0ZW1UeXBlRW51bSwgeyBJdGVtVHlwZXMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvZGljdGlvbmFyaWVzL2l0ZW0tdHlwZXMtZW51bSc7XG5pbXBvcnQgeyBGb3JtSXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL21vZGVscy9mb3JtLWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgSUl0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NoYXJlZC9tb2RlbHMvaS1pdGVtcy5tb2RlbCc7XG5pbXBvcnQgeyBEZXNpZ25lckNhbnZhc1JlZnJlc2hTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL3NlcnZpY2VzL2Rlc2lnbmVyLWNhbnZhcy1yZWZyZXNoLnNlcnZpY2UnO1xuaW1wb3J0IHsgdHJhY2tCeUxhYmVsVmFsdWUgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvdXRpbHMvdHJhY2stYnkudXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Jhc2ljLXByb3BlcnRpZXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhc2ljLXByb3BlcnRpZXMuY29tcG9uZW50Lmxlc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNQcm9wZXJ0aWVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoJ2RhdGEnKVxuICBpdGVtRGF0YSE6IElJdGVtTW9kZWw7XG5cbiAgZm9ybUl0ZW1EYXRhITogRm9ybUl0ZW1Nb2RlbDtcblxuICBpdGVtVHlwZXMgPSBJdGVtVHlwZXM7XG4gIHJlYWRvbmx5IHRyYWNrQnlMYWJlbFZhbHVlID0gdHJhY2tCeUxhYmVsVmFsdWU7XG4gIFxuICBpc0Zvcm1JdGVtOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjYW52YXNSZWZyZXNoOiBEZXNpZ25lckNhbnZhc1JlZnJlc2hTZXJ2aWNlKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGFDaGFuZ2UoKTtcbiAgICBcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuZGF0YUNoYW5nZSgpO1xuICB9XG4gIFxuICBkYXRhQ2hhbmdlKCkge1xuICAgIHRoaXMuaXNGb3JtSXRlbSA9IGZhbHNlO1xuICAgIGlmICh0aGlzLml0ZW1EYXRhLnR5cGUgPT0gSXRlbVR5cGVFbnVtLkdyaWQpIHtcbiAgICB9ZWxzZSBpZiAodGhpcy5pdGVtRGF0YS50eXBlID09IEl0ZW1UeXBlRW51bS5Db2wpIHtcbiAgICB9ZWxzZSBpZiAodGhpcy5pdGVtRGF0YS50eXBlID09IEl0ZW1UeXBlRW51bS5UYWJsZSkge1xuICAgIH1lbHNlIGlmICh0aGlzLml0ZW1EYXRhLnR5cGUgPT0gSXRlbVR5cGVFbnVtLlRkKSB7XG4gICAgfWVsc2UgaWYgKHRoaXMuaXRlbURhdGEudHlwZSA9PSBJdGVtVHlwZUVudW0uVGFicykge1xuICAgIH1lbHNlIGlmICh0aGlzLml0ZW1EYXRhLnR5cGUgPT0gSXRlbVR5cGVFbnVtLkNhcmQpIHtcbiAgICB9ZWxzZSBpZiAodGhpcy5pdGVtRGF0YS50eXBlID09IEl0ZW1UeXBlRW51bS5TcGFjZSkge1xuICAgIH1lbHNlIGlmICh0aGlzLml0ZW1EYXRhLnR5cGUgPT0gSXRlbVR5cGVFbnVtLkRpdmlkZXIpIHtcbiAgICB9ZWxzZXtcbiAgICAgIHRoaXMuaXNGb3JtSXRlbSA9IHRydWU7XG4gICAgICB0aGlzLmZvcm1JdGVtRGF0YSA9IHRoaXMuaXRlbURhdGEgYXMgRm9ybUl0ZW1Nb2RlbDtcbiAgICB9XG4gIH1cblxuICBvbkxhYmVsQ2hhbmdlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1JdGVtRGF0YS5sYWJlbCA9IHZhbHVlO1xuICAgIHRoaXMuY2FudmFzUmVmcmVzaC5ub3RpZnkoKTtcbiAgfVxuXG4gIG9uUGxhY2VIb2xkZXJDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUl0ZW1EYXRhLnBsYWNlSG9sZGVyID0gdmFsdWU7XG4gICAgdGhpcy5jYW52YXNSZWZyZXNoLm5vdGlmeSgpO1xuICB9XG5cbiAgb25GaWVsZE5hbWVDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUl0ZW1EYXRhLm5hbWUgPSB2YWx1ZTtcbiAgICB0aGlzLmNhbnZhc1JlZnJlc2gubm90aWZ5KCk7XG4gIH1cblxuICBvbkJvb2xlYW5DaGFuZ2UoZmllbGQ6ICdzaG93TGFiZWwnIHwgJ3JlYWRvbmx5JyB8ICdkaXNhYmxlZCcgfCAnYm9yZGVyTGVzcycsIHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtSXRlbURhdGFbZmllbGRdID0gdmFsdWU7XG4gICAgdGhpcy5jYW52YXNSZWZyZXNoLm5vdGlmeSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGl0bGVcIj57eyAncHJvcGVydGllcy5iYXNpYycgfCB0cmFuc2xhdGUgfX08L2Rpdj5cbjxkaXYgY2xhc3M9XCJwcm9wZXJ0aWVzXCI+XG4gICAgPG56LWZvcm0taXRlbSA+XG4gICAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiMjRcIj57eyAncHJvcGVydGllcy5iYXNpYy5pdGVtLmlkJyB8IHRyYW5zbGF0ZSB9fTwvbnotZm9ybS1sYWJlbD5cbiAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgIDxzcGFuIG56LXRvb2x0aXAgW256VG9vbHRpcFRpdGxlXT1cIml0ZW1EYXRhLmlkXCI+e3tpdGVtRGF0YS5pZCB8IHN1YnN0cjoyMDonLi4uJyB9fTwvc3Bhbj5cbiAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgPG56LWZvcm0taXRlbT5cbiAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0udHlwZScgfCB0cmFuc2xhdGUgfX08L256LWZvcm0tbGFiZWw+XG4gICAgICAgIDxuei1mb3JtLWNvbnRyb2wgW256U3Bhbl09XCIyNFwiPlxuICAgICAgICA8bnotc2VsZWN0IG5hbWU9XCJlbGVtZW50VHlwZVwiIFsobmdNb2RlbCldPVwiaXRlbURhdGEudHlwZVwiIFtuelBsYWNlSG9sZGVyXT1cIidwcm9wZXJ0aWVzLmJhc2ljLml0ZW0udHlwZS5wbGFjZWhvbGRlcicgfCB0cmFuc2xhdGVcIiBuekRpc2FibGVkPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbVR5cGUgb2YgaXRlbVR5cGVzOyB0cmFja0J5OiB0cmFja0J5TGFiZWxWYWx1ZVwiPlxuICAgICAgICAgICAgPG56LW9wdGlvbiBbbnpWYWx1ZV09XCJpdGVtVHlwZS52YWx1ZVwiIFtuekxhYmVsXT1cIml0ZW1UeXBlLmxhYmVsIHwgdHJhbnNsYXRlXCI+PC9uei1vcHRpb24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uei1zZWxlY3Q+XG4gICAgICAgIDwvbnotZm9ybS1jb250cm9sPlxuICAgIDwvbnotZm9ybS1pdGVtPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhIWlzRm9ybUl0ZW1cIj5cbiAgICAgICAgPG56LWZvcm0taXRlbT5cbiAgICAgICAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiMjRcIj57eyAncHJvcGVydGllcy5iYXNpYy5pdGVtLnRpdGxlJyB8IHRyYW5zbGF0ZSB9fTwvbnotZm9ybS1sYWJlbD5cbiAgICAgICAgICAgIDxuei1mb3JtLWNvbnRyb2wgW256U3Bhbl09XCIyNFwiPlxuICAgICAgICAgICAgPGlucHV0IG56LWlucHV0IG5hbWU9XCJlbGVtZW50VGl0bGVcIiBbcGxhY2Vob2xkZXJdPVwiJ3Byb3BlcnRpZXMuYmFzaWMuaXRlbS50aXRsZS5wbGFjZWhvbGRlcicgfCB0cmFuc2xhdGVcIiBbbmdNb2RlbF09XCJmb3JtSXRlbURhdGEubGFiZWwgfCB0cmFuc2xhdGVcIiAobmdNb2RlbENoYW5nZSk9XCJvbkxhYmVsQ2hhbmdlKCRldmVudClcIiAvPlxuICAgICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICAgIDwvbnotZm9ybS1pdGVtPlxuICAgICAgICA8bnotZm9ybS1pdGVtPlxuICAgICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0uZmllbGQnIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgICA8aW5wdXQgbnotaW5wdXQgbmFtZT1cImVsZW1lbnRGaWVsZFwiIFtwbGFjZWhvbGRlcl09XCIncHJvcGVydGllcy5iYXNpYy5pdGVtLmZpZWxkLnBsYWNlaG9sZGVyJyB8IHRyYW5zbGF0ZVwiIFtuZ01vZGVsXT1cImZvcm1JdGVtRGF0YS5uYW1lXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25GaWVsZE5hbWVDaGFuZ2UoJGV2ZW50KVwiIC8+XG4gICAgICAgICAgICA8L256LWZvcm0tY29udHJvbD5cbiAgICAgICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgICAgIDxuei1mb3JtLWl0ZW0+IFxuICAgICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0ucGxhY2VIb2xkZXInIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgICA8aW5wdXQgbnotaW5wdXQgbmFtZT1cImVsZW1lbnRQbGFjZUhvbGRlclwiIFtwbGFjZWhvbGRlcl09XCIncHJvcGVydGllcy5iYXNpYy5pdGVtLnBsYWNlSG9sZGVyLnBsYWNlaG9sZGVyJyB8IHRyYW5zbGF0ZVwiIFtuZ01vZGVsXT1cImZvcm1JdGVtRGF0YS5wbGFjZUhvbGRlciB8IHRyYW5zbGF0ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uUGxhY2VIb2xkZXJDaGFuZ2UoJGV2ZW50KVwiIC8+XG4gICAgICAgICAgICA8L256LWZvcm0tY29udHJvbD5cbiAgICAgICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgICAgIDxkaXYgbnotcm93IG56U3Bhbj1cIjI0XCI+XG4gICAgICAgICAgICA8ZGl2IG56LWNvbCBuelNwYW49XCI4XCI+XG4gICAgICAgICAgICAgICAgPG56LWZvcm0taXRlbSA+XG4gICAgICAgICAgICAgICAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiMjRcIj57eyAncHJvcGVydGllcy5iYXNpYy5pdGVtLnNob3dMYWJlbCcgfCB0cmFuc2xhdGUgfX08L256LWZvcm0tbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIDxuei1mb3JtLWNvbnRyb2wgW256U3Bhbl09XCIyNFwiPlxuICAgICAgICAgICAgICAgICAgICA8bnotc3dpdGNoIG5hbWU9XCJlbGVtZW50U2hvd0xhYmVsXCIgW25nTW9kZWxdPVwiZm9ybUl0ZW1EYXRhLnNob3dMYWJlbFwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uQm9vbGVhbkNoYW5nZSgnc2hvd0xhYmVsJywgJGV2ZW50KVwiIFtuekNoZWNrZWRDaGlsZHJlbl09XCInY29tbW9uLnllcycgfCB0cmFuc2xhdGVcIiBbbnpVbkNoZWNrZWRDaGlsZHJlbl09XCInY29tbW9uLm5vJyB8IHRyYW5zbGF0ZVwiPjwvbnotc3dpdGNoPlxuICAgICAgICAgICAgICAgICAgICA8L256LWZvcm0tY29udHJvbD5cbiAgICAgICAgICAgICAgICA8L256LWZvcm0taXRlbT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBuei1jb2wgbnpTcGFuPVwiOFwiICpuZ0lmPVwiZm9ybUl0ZW1EYXRhLmhhc1JlYWRPbmx5XCI+XG4gICAgICAgICAgICAgICAgPG56LWZvcm0taXRlbT5cbiAgICAgICAgICAgICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0uaGFzUmVhZE9ubHknIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICA8bnotZm9ybS1jb250cm9sIFtuelNwYW5dPVwiMjRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG56LXN3aXRjaCBuYW1lPVwiZWxlbWVudFJlYWRvbmx5XCIgW25nTW9kZWxdPVwiZm9ybUl0ZW1EYXRhLnJlYWRvbmx5XCIgKG5nTW9kZWxDaGFuZ2UpPVwib25Cb29sZWFuQ2hhbmdlKCdyZWFkb25seScsICRldmVudClcIiBbbnpDaGVja2VkQ2hpbGRyZW5dPVwiJ2NvbW1vbi55ZXMnIHwgdHJhbnNsYXRlXCIgW256VW5DaGVja2VkQ2hpbGRyZW5dPVwiJ2NvbW1vbi5ubycgfCB0cmFuc2xhdGVcIj48L256LXN3aXRjaD5cbiAgICAgICAgICAgICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICAgICAgICAgICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgbnotY29sIFtuelNwYW5dPVwiOFwiPlxuICAgICAgICAgICAgICAgIDxuei1mb3JtLWl0ZW0gKm5nSWY9XCJmb3JtSXRlbURhdGEuaGFzRGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0uZGlzYWJsZWQnIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICA8bnotZm9ybS1jb250cm9sIFtuelNwYW5dPVwiMjRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG56LXN3aXRjaCBuYW1lPVwiZWxlbWVudERpc2FibGVkXCIgW25nTW9kZWxdPVwiZm9ybUl0ZW1EYXRhLmRpc2FibGVkXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25Cb29sZWFuQ2hhbmdlKCdkaXNhYmxlZCcsICRldmVudClcIiBbbnpDaGVja2VkQ2hpbGRyZW5dPVwiJ2NvbW1vbi55ZXMnIHwgdHJhbnNsYXRlXCIgW256VW5DaGVja2VkQ2hpbGRyZW5dPVwiJ2NvbW1vbi5ubycgfCB0cmFuc2xhdGVcIj48L256LXN3aXRjaD5cbiAgICAgICAgICAgICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICAgICAgICAgICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBuei1jb2wgbnpTcGFuPVwiOFwiICpuZ0lmPVwiZm9ybUl0ZW1EYXRhLnNob3dCb3JkZXJMZXNzXCI+XG4gICAgICAgICAgICAgICAgPG56LWZvcm0taXRlbSA+XG4gICAgICAgICAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiPnt7ICdwcm9wZXJ0aWVzLmJhc2ljLml0ZW0uYm9yZGVyTGVzcycgfCB0cmFuc2xhdGUgfX08L256LWZvcm0tbGFiZWw+XG4gICAgICAgICAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxuei1zd2l0Y2ggbmFtZT1cImVsZW1lbnRCb3JkZXJMZXNzXCIgW25nTW9kZWxdPVwiZm9ybUl0ZW1EYXRhLmJvcmRlckxlc3NcIiAobmdNb2RlbENoYW5nZSk9XCJvbkJvb2xlYW5DaGFuZ2UoJ2JvcmRlckxlc3MnLCAkZXZlbnQpXCIgW256Q2hlY2tlZENoaWxkcmVuXT1cIidjb21tb24ueWVzJyB8IHRyYW5zbGF0ZVwiIFtuelVuQ2hlY2tlZENoaWxkcmVuXT1cIidjb21tb24ubm8nIHwgdHJhbnNsYXRlXCI+PC9uei1zd2l0Y2g+XG4gICAgICAgICAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgICAgICAgICAgICAgPC9uei1mb3JtLWl0ZW0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj4iXX0=

package/esm2022/src/app/pages/designer/element-properties/components/css-properties/css-properties.component.mjs

@@ -0,0 +1,113 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import ItemTypeEnum from '../../../../../shared/dictionaries/item-types-enum';
+import { trackByLabelValue } from '../../../../../shared/utils/track-by.util';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../shared/services/css.service";
+import * as i2 from "../../../../../shared/services/designer-canvas-refresh.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "ng-zorro-antd/grid";
+import * as i6 from "ng-zorro-antd/form";
+import * as i7 from "ng-zorro-antd/select";
+import * as i8 from "../../../directive/designer-property-change.directive";
+import * as i9 from "@ngx-translate/core";
+export class CssPropertiesComponent {
+    get isFormItem() {
+        if (this.itemData.type != ItemTypeEnum.Table &&
+            this.itemData.type != ItemTypeEnum.Tr &&
+            this.itemData.type != ItemTypeEnum.Td &&
+            this.itemData.type != ItemTypeEnum.Grid &&
+            this.itemData.type != ItemTypeEnum.Col &&
+            this.itemData.type != ItemTypeEnum.Space &&
+            this.itemData.type != ItemTypeEnum.Tabs &&
+            this.itemData.type != ItemTypeEnum.Tab &&
+            this.itemData.type != ItemTypeEnum.Card &&
+            this.itemData.type != ItemTypeEnum.Divider) {
+            return true;
+        }
+        return false;
+    }
+    constructor(cssService, canvasRefresh, changeDetectorRef) {
+        this.cssService = cssService;
+        this.canvasRefresh = canvasRefresh;
+        this.changeDetectorRef = changeDetectorRef;
+        this.cssOptions = [];
+        this.trackByLabelValue = trackByLabelValue;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.refreshCssOptions();
+        if (this.isFormItem) {
+            this.formItemData = this.itemData;
+        }
+        this.canvasRefresh.onRefresh().pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.refreshCssOptions();
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnChanges() {
+        this.refreshCssOptions();
+        this.cssSelectedOptions = this.splitCssClasses(this.itemData.css);
+        if (this.isFormItem) {
+            this.formItemData = this.itemData;
+            this.cssLabelOptions = this.splitCssClasses(this.formItemData.labelCss);
+            this.cssControlOptions = this.splitCssClasses(this.formItemData.controlCss);
+        }
+    }
+    splitCssClasses(value) {
+        return value?.split(' ').filter(Boolean) ?? [];
+    }
+    refreshCssOptions() {
+        this.cssOptions = this.cssService.getCssOptions();
+    }
+    cssOptionChange(event) {
+        if (event) {
+            const css = event;
+            this.itemData.css = css.join(' ');
+        }
+        else {
+            this.itemData.css = '';
+        }
+        this.notifyCanvas();
+    }
+    labelCssChange(event) {
+        if (event) {
+            const css = event;
+            this.formItemData.labelCss = css.join(' ');
+        }
+        else {
+            this.formItemData.labelCss = '';
+        }
+        this.notifyCanvas();
+    }
+    controlCssChange(event) {
+        if (event) {
+            const css = event;
+            this.formItemData.controlCss = css.join(' ');
+        }
+        else {
+            this.formItemData.controlCss = '';
+        }
+        this.notifyCanvas();
+    }
+    notifyCanvas() {
+        this.canvasRefresh.notify();
+        this.changeDetectorRef.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CssPropertiesComponent, deps: [{ token: i1.CssService }, { token: i2.DesignerCanvasRefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CssPropertiesComponent, selector: "css-properties", inputs: { itemData: ["data", "itemData"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\">{{ 'properties.css.title' | translate }}</div>\n<div class=\"properties\" >\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.setting.tooltip' | translate\">{{ 'properties.css.setting' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssSetting\" [(ngModel)]=\"cssSelectedOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.setting.placeholder' | translate\" (ngModelChange)=\"cssOptionChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n\n    <nz-form-item *ngIf=\"isFormItem\">\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.form.label.tooltip' | translate\">{{ 'properties.css.form.label' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssFormLabel\" [(ngModel)]=\"cssLabelOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.form.label.placeholder' | translate\" (ngModelChange)=\"labelCssChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n\n    <nz-form-item *ngIf=\"isFormItem\">\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.form.control.tooltip' | translate\">{{ 'properties.css.form.control' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssFormControl\" [(ngModel)]=\"cssControlOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.form.control.placeholder' | translate\" (ngModelChange)=\"controlCssChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n</div>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i6.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i6.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i8.DesignerPropertyChangeDirective, selector: "[name^=\"element\"], [name^=\"optionLabel_\"], [name^=\"optionValue_\"], [name=\"cssSetting\"], [name=\"cssFormLabel\"], [name=\"cssFormControl\"], [name=\"formUI\"], [name^=\"label\"], [name^=\"control\"], [name=\"textContent\"], [name=\"requiredMessage\"], [name=\"minLengthMessage\"], [name=\"maxLengthMessage\"], [name=\"patternTypeMessage\"], [name=\"patternMessage\"], [name=\"minlength\"], [name=\"maxlength\"], [name=\"patternType\"], [name=\"pattern\"], [name=\"requred\"], [name=\"hasPattern\"], [name=\"hasPatternType\"], [name=\"dateMode\"], [designerCanvasSync]" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CssPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'css-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title\">{{ 'properties.css.title' | translate }}</div>\n<div class=\"properties\" >\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.setting.tooltip' | translate\">{{ 'properties.css.setting' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssSetting\" [(ngModel)]=\"cssSelectedOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.setting.placeholder' | translate\" (ngModelChange)=\"cssOptionChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n\n    <nz-form-item *ngIf=\"isFormItem\">\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.form.label.tooltip' | translate\">{{ 'properties.css.form.label' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssFormLabel\" [(ngModel)]=\"cssLabelOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.form.label.placeholder' | translate\" (ngModelChange)=\"labelCssChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n\n    <nz-form-item *ngIf=\"isFormItem\">\n        <nz-form-label [nzSpan]=\"24\" [nzTooltipTitle]=\"'properties.css.form.control.tooltip' | translate\">{{ 'properties.css.form.control' | translate }}</nz-form-label>\n        <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"cssFormControl\" [(ngModel)]=\"cssControlOptions\" nzMode=\"multiple\" nzAllowClear [nzPlaceHolder]=\"'properties.css.form.control.placeholder' | translate\" (ngModelChange)=\"controlCssChange($event)\">\n                <nz-option *ngFor=\"let option of cssOptions; trackBy: trackByLabelValue\" [nzLabel]=\"option.label\" [nzValue]=\"option.value\"></nz-option>\n              </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n</div>", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}.icon{display:inline-block;width:16px;height:16px;background-size:cover;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:6px}.icon:hover,.icon:focus{filter:invert(41%) sepia(45%) saturate(2448%) hue-rotate(191deg) brightness(101%) contrast(101%)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CssService }, { type: i2.DesignerCanvasRefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { itemData: [{
+                type: Input,
+                args: ['data']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLXByb3BlcnRpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9lbGVtZW50LXByb3BlcnRpZXMvY29tcG9uZW50cy9jc3MtcHJvcGVydGllcy9jc3MtcHJvcGVydGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3BhZ2VzL2Rlc2lnbmVyL2VsZW1lbnQtcHJvcGVydGllcy9jb21wb25lbnRzL2Nzcy1wcm9wZXJ0aWVzL2Nzcy1wcm9wZXJ0aWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBZ0MsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxZQUFZLE1BQU0sb0RBQW9ELENBQUM7QUFLOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7Ozs7Ozs7Ozs7O0FBUTlFLE1BQU0sT0FBTyxzQkFBc0I7SUFZakMsSUFBSSxVQUFVO1FBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsS0FBSztZQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSTtZQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsR0FBRztZQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsS0FBSztZQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSTtZQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsR0FBRztZQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSTtZQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0MsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUQsWUFDUyxVQUFzQixFQUNyQixhQUEyQyxFQUMzQyxpQkFBb0M7UUFGckMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNyQixrQkFBYSxHQUFiLGFBQWEsQ0FBOEI7UUFDM0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQXhCOUMsZUFBVSxHQUFpQixFQUFFLENBQUM7UUFFOUIsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFDckIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFzQjdDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBeUIsQ0FBQztRQUNyRCxDQUFDO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDM0UsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2xFLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQXlCLENBQUM7WUFDbkQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDeEUsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM5RSxDQUFDO0lBQ0gsQ0FBQztJQUVPLGVBQWUsQ0FBQyxLQUFjO1FBQ3BDLE9BQU8sS0FBSyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYztRQUM1QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsTUFBTSxHQUFHLEdBQUcsS0FBaUIsQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BDLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFjO1FBQzNCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixNQUFNLEdBQUcsR0FBRyxLQUFpQixDQUFDO1lBQzlCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDN0MsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDbEMsQ0FBQztRQUNELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYztRQUM3QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsTUFBTSxHQUFHLEdBQUcsS0FBaUIsQ0FBQztZQUM5QixJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQy9DLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3BDLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQzsrR0FyR1Usc0JBQXNCO21HQUF0QixzQkFBc0IsdUhDaEJuQyx3c0VBNEJNOzs0RkRaTyxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07MEpBSS9DLFFBQVE7c0JBRFAsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgSXRlbVR5cGVFbnVtIGZyb20gJy4uLy4uLy4uLy4uLy4uL3NoYXJlZC9kaWN0aW9uYXJpZXMvaXRlbS10eXBlcy1lbnVtJztcbmltcG9ydCB7IEZvcm1JdGVtTW9kZWwgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvbW9kZWxzL2Zvcm0taXRlbS5tb2RlbCc7XG5pbXBvcnQgeyBJSXRlbU1vZGVsLCBsYWJlbFZhbHVlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL21vZGVscy9pLWl0ZW1zLm1vZGVsJztcbmltcG9ydCB7IENzc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvc2VydmljZXMvY3NzLnNlcnZpY2UnO1xuaW1wb3J0IHsgRGVzaWduZXJDYW52YXNSZWZyZXNoU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NoYXJlZC9zZXJ2aWNlcy9kZXNpZ25lci1jYW52YXMtcmVmcmVzaC5zZXJ2aWNlJztcbmltcG9ydCB7IHRyYWNrQnlMYWJlbFZhbHVlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL3V0aWxzL3RyYWNrLWJ5LnV0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjc3MtcHJvcGVydGllcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jc3MtcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nzcy1wcm9wZXJ0aWVzLmNvbXBvbmVudC5sZXNzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENzc1Byb3BlcnRpZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCdkYXRhJylcbiAgaXRlbURhdGEhOiBJSXRlbU1vZGVsO1xuXG4gIGNzc1NlbGVjdGVkT3B0aW9ucyE6IHN0cmluZ1tdO1xuICBjc3NMYWJlbE9wdGlvbnMhOiBzdHJpbmdbXTtcbiAgY3NzQ29udHJvbE9wdGlvbnMhOiBzdHJpbmdbXTtcbiAgY3NzT3B0aW9uczogbGFiZWxWYWx1ZVtdID0gW107XG4gIGZvcm1JdGVtRGF0YSE6IEZvcm1JdGVtTW9kZWw7XG4gIHRyYWNrQnlMYWJlbFZhbHVlID0gdHJhY2tCeUxhYmVsVmFsdWU7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGdldCBpc0Zvcm1JdGVtKCk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLlRhYmxlICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLlRyICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLlRkICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLkdyaWQgJiZcbiAgICAgIHRoaXMuaXRlbURhdGEudHlwZSAhPSBJdGVtVHlwZUVudW0uQ29sICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLlNwYWNlICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLlRhYnMgJiZcbiAgICAgIHRoaXMuaXRlbURhdGEudHlwZSAhPSBJdGVtVHlwZUVudW0uVGFiICYmXG4gICAgICB0aGlzLml0ZW1EYXRhLnR5cGUgIT0gSXRlbVR5cGVFbnVtLkNhcmQgJiZcbiAgICAgIHRoaXMuaXRlbURhdGEudHlwZSAhPSBJdGVtVHlwZUVudW0uRGl2aWRlcikge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBjc3NTZXJ2aWNlOiBDc3NTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2FudmFzUmVmcmVzaDogRGVzaWduZXJDYW52YXNSZWZyZXNoU2VydmljZSxcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5yZWZyZXNoQ3NzT3B0aW9ucygpO1xuICAgIGlmICh0aGlzLmlzRm9ybUl0ZW0pIHtcbiAgICAgIHRoaXMuZm9ybUl0ZW1EYXRhID0gdGhpcy5pdGVtRGF0YSBhcyBGb3JtSXRlbU1vZGVsO1xuICAgIH1cbiAgICB0aGlzLmNhbnZhc1JlZnJlc2gub25SZWZyZXNoKCkucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnJlZnJlc2hDc3NPcHRpb25zKCk7XG4gICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5yZWZyZXNoQ3NzT3B0aW9ucygpO1xuICAgIHRoaXMuY3NzU2VsZWN0ZWRPcHRpb25zID0gdGhpcy5zcGxpdENzc0NsYXNzZXModGhpcy5pdGVtRGF0YS5jc3MpO1xuICAgIGlmICh0aGlzLmlzRm9ybUl0ZW0pIHtcbiAgICAgIHRoaXMuZm9ybUl0ZW1EYXRhID0gdGhpcy5pdGVtRGF0YSBhcyBGb3JtSXRlbU1vZGVsO1xuICAgICAgdGhpcy5jc3NMYWJlbE9wdGlvbnMgPSB0aGlzLnNwbGl0Q3NzQ2xhc3Nlcyh0aGlzLmZvcm1JdGVtRGF0YS5sYWJlbENzcyk7XG4gICAgICB0aGlzLmNzc0NvbnRyb2xPcHRpb25zID0gdGhpcy5zcGxpdENzc0NsYXNzZXModGhpcy5mb3JtSXRlbURhdGEuY29udHJvbENzcyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzcGxpdENzc0NsYXNzZXModmFsdWU/OiBzdHJpbmcpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIHZhbHVlPy5zcGxpdCgnICcpLmZpbHRlcihCb29sZWFuKSA/PyBbXTtcbiAgfVxuXG4gIHByaXZhdGUgcmVmcmVzaENzc09wdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5jc3NPcHRpb25zID0gdGhpcy5jc3NTZXJ2aWNlLmdldENzc09wdGlvbnMoKTtcbiAgfVxuXG4gIGNzc09wdGlvbkNoYW5nZShldmVudDogdW5rbm93bik6IHZvaWQge1xuICAgIGlmIChldmVudCkge1xuICAgICAgY29uc3QgY3NzID0gZXZlbnQgYXMgc3RyaW5nW107XG4gICAgICB0aGlzLml0ZW1EYXRhLmNzcyA9IGNzcy5qb2luKCcgJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXRlbURhdGEuY3NzID0gJyc7XG4gICAgfVxuICAgIHRoaXMubm90aWZ5Q2FudmFzKCk7XG4gIH1cblxuICBsYWJlbENzc0NoYW5nZShldmVudDogdW5rbm93bik6IHZvaWQge1xuICAgIGlmIChldmVudCkge1xuICAgICAgY29uc3QgY3NzID0gZXZlbnQgYXMgc3RyaW5nW107XG4gICAgICB0aGlzLmZvcm1JdGVtRGF0YS5sYWJlbENzcyA9IGNzcy5qb2luKCcgJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZm9ybUl0ZW1EYXRhLmxhYmVsQ3NzID0gJyc7XG4gICAgfVxuICAgIHRoaXMubm90aWZ5Q2FudmFzKCk7XG4gIH1cblxuICBjb250cm9sQ3NzQ2hhbmdlKGV2ZW50OiB1bmtub3duKTogdm9pZCB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBjb25zdCBjc3MgPSBldmVudCBhcyBzdHJpbmdbXTtcbiAgICAgIHRoaXMuZm9ybUl0ZW1EYXRhLmNvbnRyb2xDc3MgPSBjc3Muam9pbignICcpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZvcm1JdGVtRGF0YS5jb250cm9sQ3NzID0gJyc7XG4gICAgfVxuICAgIHRoaXMubm90aWZ5Q2FudmFzKCk7XG4gIH1cblxuICBwcml2YXRlIG5vdGlmeUNhbnZhcygpOiB2b2lkIHtcbiAgICB0aGlzLmNhbnZhc1JlZnJlc2gubm90aWZ5KCk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgJ3Byb3BlcnRpZXMuY3NzLnRpdGxlJyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuPGRpdiBjbGFzcz1cInByb3BlcnRpZXNcIiA+XG4gICAgPG56LWZvcm0taXRlbT5cbiAgICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCIyNFwiIFtuelRvb2x0aXBUaXRsZV09XCIncHJvcGVydGllcy5jc3Muc2V0dGluZy50b29sdGlwJyB8IHRyYW5zbGF0ZVwiPnt7ICdwcm9wZXJ0aWVzLmNzcy5zZXR0aW5nJyB8IHRyYW5zbGF0ZSB9fTwvbnotZm9ybS1sYWJlbD5cbiAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgICA8bnotc2VsZWN0IG5hbWU9XCJjc3NTZXR0aW5nXCIgWyhuZ01vZGVsKV09XCJjc3NTZWxlY3RlZE9wdGlvbnNcIiBuek1vZGU9XCJtdWx0aXBsZVwiIG56QWxsb3dDbGVhciBbbnpQbGFjZUhvbGRlcl09XCIncHJvcGVydGllcy5jc3Muc2V0dGluZy5wbGFjZWhvbGRlcicgfCB0cmFuc2xhdGVcIiAobmdNb2RlbENoYW5nZSk9XCJjc3NPcHRpb25DaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxuei1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBjc3NPcHRpb25zOyB0cmFja0J5OiB0cmFja0J5TGFiZWxWYWx1ZVwiIFtuekxhYmVsXT1cIm9wdGlvbi5sYWJlbFwiIFtuelZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPjwvbnotb3B0aW9uPlxuICAgICAgICAgICAgICA8L256LXNlbGVjdD5cbiAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8bnotZm9ybS1pdGVtICpuZ0lmPVwiaXNGb3JtSXRlbVwiPlxuICAgICAgICA8bnotZm9ybS1sYWJlbCBbbnpTcGFuXT1cIjI0XCIgW256VG9vbHRpcFRpdGxlXT1cIidwcm9wZXJ0aWVzLmNzcy5mb3JtLmxhYmVsLnRvb2x0aXAnIHwgdHJhbnNsYXRlXCI+e3sgJ3Byb3BlcnRpZXMuY3NzLmZvcm0ubGFiZWwnIHwgdHJhbnNsYXRlIH19PC9uei1mb3JtLWxhYmVsPlxuICAgICAgICA8bnotZm9ybS1jb250cm9sIFtuelNwYW5dPVwiMjRcIj5cbiAgICAgICAgICAgIDxuei1zZWxlY3QgbmFtZT1cImNzc0Zvcm1MYWJlbFwiIFsobmdNb2RlbCldPVwiY3NzTGFiZWxPcHRpb25zXCIgbnpNb2RlPVwibXVsdGlwbGVcIiBuekFsbG93Q2xlYXIgW256UGxhY2VIb2xkZXJdPVwiJ3Byb3BlcnRpZXMuY3NzLmZvcm0ubGFiZWwucGxhY2Vob2xkZXInIHwgdHJhbnNsYXRlXCIgKG5nTW9kZWxDaGFuZ2UpPVwibGFiZWxDc3NDaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxuei1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBjc3NPcHRpb25zOyB0cmFja0J5OiB0cmFja0J5TGFiZWxWYWx1ZVwiIFtuekxhYmVsXT1cIm9wdGlvbi5sYWJlbFwiIFtuelZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPjwvbnotb3B0aW9uPlxuICAgICAgICAgICAgICA8L256LXNlbGVjdD5cbiAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8bnotZm9ybS1pdGVtICpuZ0lmPVwiaXNGb3JtSXRlbVwiPlxuICAgICAgICA8bnotZm9ybS1sYWJlbCBbbnpTcGFuXT1cIjI0XCIgW256VG9vbHRpcFRpdGxlXT1cIidwcm9wZXJ0aWVzLmNzcy5mb3JtLmNvbnRyb2wudG9vbHRpcCcgfCB0cmFuc2xhdGVcIj57eyAncHJvcGVydGllcy5jc3MuZm9ybS5jb250cm9sJyB8IHRyYW5zbGF0ZSB9fTwvbnotZm9ybS1sYWJlbD5cbiAgICAgICAgPG56LWZvcm0tY29udHJvbCBbbnpTcGFuXT1cIjI0XCI+XG4gICAgICAgICAgICA8bnotc2VsZWN0IG5hbWU9XCJjc3NGb3JtQ29udHJvbFwiIFsobmdNb2RlbCldPVwiY3NzQ29udHJvbE9wdGlvbnNcIiBuek1vZGU9XCJtdWx0aXBsZVwiIG56QWxsb3dDbGVhciBbbnpQbGFjZUhvbGRlcl09XCIncHJvcGVydGllcy5jc3MuZm9ybS5jb250cm9sLnBsYWNlaG9sZGVyJyB8IHRyYW5zbGF0ZVwiIChuZ01vZGVsQ2hhbmdlKT1cImNvbnRyb2xDc3NDaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxuei1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBjc3NPcHRpb25zOyB0cmFja0J5OiB0cmFja0J5TGFiZWxWYWx1ZVwiIFtuekxhYmVsXT1cIm9wdGlvbi5sYWJlbFwiIFtuelZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPjwvbnotb3B0aW9uPlxuICAgICAgICAgICAgICA8L256LXNlbGVjdD5cbiAgICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG48L2Rpdj4iXX0=

package/esm2022/src/app/pages/designer/element-properties/components/events-properties/events-properties.component.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ensureItemEvents, getItemEventDefinitions, supportsItemEvents } from '../../../../../shared/utils/item-events.util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "ng-zorro-antd/grid";
+import * as i4 from "ng-zorro-antd/form";
+import * as i5 from "ng-zorro-antd/input";
+import * as i6 from "@ngx-translate/core";
+export class EventsPropertiesComponent {
+    constructor() {
+        this.eventDefinitions = [];
+        this.showPanel = false;
+    }
+    ngOnInit() {
+        this.syncEvents();
+    }
+    ngOnChanges() {
+        this.syncEvents();
+    }
+    syncEvents() {
+        const type = this.formItemData?.type;
+        this.showPanel = !!this.formItemData && supportsItemEvents(type);
+        if (!this.showPanel) {
+            this.eventDefinitions = [];
+            return;
+        }
+        ensureItemEvents(this.formItemData);
+        this.eventDefinitions = getItemEventDefinitions(type);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EventsPropertiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EventsPropertiesComponent, selector: "events-properties", inputs: { formItemData: ["data", "formItemData"] }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showPanel\">\n  <div class=\"title\">{{ 'properties.events.title' | translate }}</div>\n  <div class=\"properties\">\n    <nz-form-item *ngFor=\"let eventDef of eventDefinitions\">\n      <nz-form-label [nzSpan]=\"24\">{{ eventDef.labelKey | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          [name]=\"formItemData.name + '_' + eventDef.key\"\n          [(ngModel)]=\"formItemData.events![eventDef.key]\"\n          [placeholder]=\"'properties.events.handler.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n</ng-container>\n", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EventsPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'events-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"showPanel\">\n  <div class=\"title\">{{ 'properties.events.title' | translate }}</div>\n  <div class=\"properties\">\n    <nz-form-item *ngFor=\"let eventDef of eventDefinitions\">\n      <nz-form-label [nzSpan]=\"24\">{{ eventDef.labelKey | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          [name]=\"formItemData.name + '_' + eventDef.key\"\n          [(ngModel)]=\"formItemData.events![eventDef.key]\"\n          [placeholder]=\"'properties.events.handler.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n</ng-container>\n", styles: [".properties{padding:16px 16px 8px;border-radius:6px;border-style:none;background:#fff}.title{height:1.5715;color:#00000073;font-size:13px;line-height:1.5715;margin-top:16px;margin-bottom:8px}\n"] }]
+        }], propDecorators: { formItemData: [{
+                type: Input,
+                args: ['data']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnRzLXByb3BlcnRpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9lbGVtZW50LXByb3BlcnRpZXMvY29tcG9uZW50cy9ldmVudHMtcHJvcGVydGllcy9ldmVudHMtcHJvcGVydGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3BhZ2VzL2Rlc2lnbmVyL2VsZW1lbnQtcHJvcGVydGllcy9jb21wb25lbnRzL2V2ZW50cy1wcm9wZXJ0aWVzL2V2ZW50cy1wcm9wZXJ0aWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUk3RixPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbkIsTUFBTSw4Q0FBOEMsQ0FBQzs7Ozs7Ozs7QUFRdEQsTUFBTSxPQUFPLHlCQUF5QjtJQU50QztRQVVFLHFCQUFnQixHQUEwQixFQUFFLENBQUM7UUFDN0MsY0FBUyxHQUFHLEtBQUssQ0FBQztLQW9CbkI7SUFsQkMsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRU8sVUFBVTtRQUNoQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQW9CLENBQUM7UUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7WUFDM0IsT0FBTztRQUNULENBQUM7UUFDRCxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hELENBQUM7K0dBeEJVLHlCQUF5QjttR0FBekIseUJBQXlCLGtJQ2hCdEMsdXBCQWdCQTs7NEZEQWEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxZQUFZO3NCQURYLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IEl0ZW1UeXBlRW51bSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvZGljdGlvbmFyaWVzL2l0ZW0tdHlwZXMtZW51bSc7XG5pbXBvcnQgeyBJdGVtRXZlbnREZWZpbml0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL2RpY3Rpb25hcmllcy9pdGVtLWV2ZW50cy5jb25zdCc7XG5pbXBvcnQgeyBGb3JtSXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2hhcmVkL21vZGVscy9mb3JtLWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHtcbiAgZW5zdXJlSXRlbUV2ZW50cyxcbiAgZ2V0SXRlbUV2ZW50RGVmaW5pdGlvbnMsXG4gIHN1cHBvcnRzSXRlbUV2ZW50c1xufSBmcm9tICcuLi8uLi8uLi8uLi8uLi9zaGFyZWQvdXRpbHMvaXRlbS1ldmVudHMudXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V2ZW50cy1wcm9wZXJ0aWVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V2ZW50cy1wcm9wZXJ0aWVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnRzLXByb3BlcnRpZXMuY29tcG9uZW50Lmxlc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRzUHJvcGVydGllc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCdkYXRhJylcbiAgZm9ybUl0ZW1EYXRhITogRm9ybUl0ZW1Nb2RlbDtcblxuICBldmVudERlZmluaXRpb25zOiBJdGVtRXZlbnREZWZpbml0aW9uW10gPSBbXTtcbiAgc2hvd1BhbmVsID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zeW5jRXZlbnRzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLnN5bmNFdmVudHMoKTtcbiAgfVxuXG4gIHByaXZhdGUgc3luY0V2ZW50cygpOiB2b2lkIHtcbiAgICBjb25zdCB0eXBlID0gdGhpcy5mb3JtSXRlbURhdGE/LnR5cGUgYXMgSXRlbVR5cGVFbnVtO1xuICAgIHRoaXMuc2hvd1BhbmVsID0gISF0aGlzLmZvcm1JdGVtRGF0YSAmJiBzdXBwb3J0c0l0ZW1FdmVudHModHlwZSk7XG4gICAgaWYgKCF0aGlzLnNob3dQYW5lbCkge1xuICAgICAgdGhpcy5ldmVudERlZmluaXRpb25zID0gW107XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGVuc3VyZUl0ZW1FdmVudHModGhpcy5mb3JtSXRlbURhdGEpO1xuICAgIHRoaXMuZXZlbnREZWZpbml0aW9ucyA9IGdldEl0ZW1FdmVudERlZmluaXRpb25zKHR5cGUpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd1BhbmVsXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7ICdwcm9wZXJ0aWVzLmV2ZW50cy50aXRsZScgfCB0cmFuc2xhdGUgfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInByb3BlcnRpZXNcIj5cbiAgICA8bnotZm9ybS1pdGVtICpuZ0Zvcj1cImxldCBldmVudERlZiBvZiBldmVudERlZmluaXRpb25zXCI+XG4gICAgICA8bnotZm9ybS1sYWJlbCBbbnpTcGFuXT1cIjI0XCI+e3sgZXZlbnREZWYubGFiZWxLZXkgfCB0cmFuc2xhdGUgfX08L256LWZvcm0tbGFiZWw+XG4gICAgICA8bnotZm9ybS1jb250cm9sIFtuelNwYW5dPVwiMjRcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgbnotaW5wdXRcbiAgICAgICAgICBbbmFtZV09XCJmb3JtSXRlbURhdGEubmFtZSArICdfJyArIGV2ZW50RGVmLmtleVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJmb3JtSXRlbURhdGEuZXZlbnRzIVtldmVudERlZi5rZXldXCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ3Byb3BlcnRpZXMuZXZlbnRzLmhhbmRsZXIucGxhY2Vob2xkZXInIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgLz5cbiAgICAgIDwvbnotZm9ybS1jb250cm9sPlxuICAgIDwvbnotZm9ybS1pdGVtPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19