@jinmutech/ng-zorro-form-design 1.0.0

package/fesm2022/jinmutech-ng-zorro-form-design-col-properties.module-Rdd9Q58_.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { D as DesignerCanvasRefreshService } from './jinmutech-ng-zorro-form-design-jinmutech-ng-zorro-form-design-BUQ0OE6J.mjs';
+import * as i2 from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/grid';
+import * as i5 from 'ng-zorro-antd/form';
+import * as i5$1 from 'ng-zorro-antd/input';
+import * as i6 from 'ng-zorro-antd/radio';
+import * as i8 from 'ng-zorro-antd/switch';
+import { B as BasicPropertiesComponent, L as LayoutPropertiesComponent, C as CssPropertiesComponent, D as DesignerPropertyChangeDirective, P as PropertyPanelSharedModule } from './jinmutech-ng-zorro-form-design-property-panel-shared.module-FJXAae9F.mjs';
+import * as i1 from '@ngx-translate/core';
+import 'rxjs';
+import 'rxjs/operators';
+import 'ng-zorro-antd/i18n';
+import '@angular/common/locales/en';
+import '@angular/common/locales/zh';
+import 'date-fns/locale';
+import '@angular/cdk/platform';
+import 'ng-zorro-antd/modal';
+import 'uuid';
+import 'ng-zorro-antd/message';
+import 'ng-zorro-antd/drawer';
+import '@jm/internal/monaco-features-loader';
+import 'ng-zorro-antd/menu';
+import 'ng-zorro-antd/dropdown';
+import 'ng-zorro-antd/popover';
+import 'ng-zorro-antd/layout';
+import 'ng-zorro-antd/card';
+import 'ng-zorro-antd/divider';
+import 'ng-zorro-antd/tabs';
+import 'ng-zorro-antd/space';
+import 'ng-zorro-antd/table';
+import 'ng-zorro-antd/icon';
+import 'ng-zorro-antd/tooltip';
+import 'ng-zorro-antd/core/transition-patch';
+import 'ng-zorro-antd/input-number';
+import 'ng-zorro-antd/checkbox';
+import 'ng-zorro-antd/select';
+import 'ng-zorro-antd/date-picker';
+import 'ng-zorro-antd/time-picker';
+import 'ng-zorro-antd/upload';
+import 'ng-zorro-antd/tree-select';
+import 'ng-zorro-antd/cascader';
+import 'ng-zorro-antd/slider';
+import 'ng-zorro-antd/rate';
+import 'ng-zorro-antd/image';
+import 'ng-zorro-antd/button';
+import 'ng-zorro-antd/core/wave';
+import 'ng-zorro-antd/empty';
+import '@angular/router';
+import 'ng-zorro-antd/alert';
+import 'ng-zorro-antd/avatar';
+import 'ng-zorro-antd/badge';
+import 'ng-zorro-antd/breadcrumb';
+import 'ng-zorro-antd/list';
+import 'ng-zorro-antd/popconfirm';
+import 'ng-zorro-antd/progress';
+import 'ng-zorro-antd/spin';
+import 'ng-zorro-antd/tag';
+import 'ng-zorro-antd/tree';
+import 'ngx-color/sketch';
+import '@ngx-translate/http-loader';
+import '@angular/common/http';
+
+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: 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: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.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: i5$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i6.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: BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: LayoutPropertiesComponent, selector: "layout-properties", inputs: ["data", "viewType", "isReactive", "spanType"], outputs: ["dataChangeEvent"] }, { kind: "component", type: CssPropertiesComponent, selector: "css-properties", inputs: ["data"] }, { kind: "directive", type: 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: i1.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: DesignerCanvasRefreshService }], propDecorators: { itemData: [{
+                type: Input,
+                args: ["data"]
+            }], viewType: [{
+                type: Input,
+                args: ["viewType"]
+            }], dataChangeEvent: [{
+                type: Output
+            }] } });
+
+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, ColPropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-col-properties.module-Rdd9Q58_.mjs.map

package/fesm2022/jinmutech-ng-zorro-form-design-col-properties.module-Rdd9Q58_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-col-properties.module-Rdd9Q58_.mjs","sources":["../../src/app/pages/designer/element-properties/col-properties/col-properties.component.ts","../../src/app/pages/designer/element-properties/col-properties/col-properties.component.html","../../src/app/pages/designer/element-properties/col-properties/col-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ChangeDetectionStrategy } from '@angular/core';\nimport { IColItemModel, IItemModel, ILayoutModel } from '../../../../shared/models/i-items.model';\nimport { DesignerCanvasRefreshService } from '../../../../shared/services/designer-canvas-refresh.service';\n\n@Component({\n  selector: 'col-properties',\n  templateUrl: './col-properties.component.html',\n  styleUrls: ['./col-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ColPropertiesComponent implements OnInit {\n  @Input(\"data\")\n  itemData!: IItemModel;\n\n  @Input(\"viewType\")\n  viewType!: number;\n\n  @Output()\n  dataChangeEvent = new EventEmitter<ILayoutModel>();\n  \n  colData!: IColItemModel;\n\n  constructor(\n    private changeDetectorRef: ChangeDetectorRef,\n    private canvasRefresh: DesignerCanvasRefreshService\n  ) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange() {\n    this.colData = this.itemData as IColItemModel;\n  }\n\n  colDataChange(event: ILayoutModel) {\n    this.dataChangeEvent.emit(event);\n    this.canvasRefresh.notify();\n    this.changeDetectorRef.markForCheck();\n  }\n\n  onLayoutMethodChange(value: boolean): void {\n    this.colData.isFlex = value;\n    this.syncCanvas();\n  }\n\n  onReactiveChange(value: boolean): void {\n    this.colData.isReactive = value;\n    this.syncCanvas();\n  }\n\n  onFlexLayoutChange(): void {\n    this.syncCanvas();\n  }\n\n  private syncCanvas(): void {\n    this.canvasRefresh.notify();\n    this.changeDetectorRef.markForCheck();\n  }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { ColPropertiesComponent } from './col-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [ColPropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [ColPropertiesComponent]\n})\nexport class ColPropertiesModule {}\n\nexport { ColPropertiesComponent };\n"],"names":["i1.DesignerCanvasRefreshService","i3","i6","i7","i9.BasicPropertiesComponent","i10.LayoutPropertiesComponent","i11.CssPropertiesComponent","i12.DesignerPropertyChangeDirective","i13"],"mappings":"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"}

package/fesm2022/jinmutech-ng-zorro-form-design-date-properties.module-DGmuzB5y.mjs

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { t as trackByLabelValue, b as DateFormats, T as TimeFormats, M as Modes, n as normalizePickerDateValue, c as applyDateModeChange, s as syncDatePickerFormat, r as resolvePickerShowTime, D as DesignerCanvasRefreshService } from './jinmutech-ng-zorro-form-design-jinmutech-ng-zorro-form-design-BUQ0OE6J.mjs';
+import * as i1 from '@ngx-translate/core';
+import * as i2 from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/grid';
+import * as i5 from 'ng-zorro-antd/form';
+import * as i7 from 'ng-zorro-antd/select';
+import * as i8 from 'ng-zorro-antd/switch';
+import * as i9 from 'ng-zorro-antd/date-picker';
+import { B as BasicPropertiesComponent, V as ValidatorsPropertiesComponent, F as FormLayoutPropertiesComponent, E as EventsPropertiesComponent, D as DesignerPropertyChangeDirective, P as PropertyPanelSharedModule } from './jinmutech-ng-zorro-form-design-property-panel-shared.module-FJXAae9F.mjs';
+import 'rxjs';
+import 'rxjs/operators';
+import 'ng-zorro-antd/i18n';
+import '@angular/common/locales/en';
+import '@angular/common/locales/zh';
+import 'date-fns/locale';
+import '@angular/cdk/platform';
+import 'ng-zorro-antd/modal';
+import 'uuid';
+import 'ng-zorro-antd/message';
+import 'ng-zorro-antd/drawer';
+import '@jm/internal/monaco-features-loader';
+import 'ng-zorro-antd/menu';
+import 'ng-zorro-antd/dropdown';
+import 'ng-zorro-antd/popover';
+import 'ng-zorro-antd/layout';
+import 'ng-zorro-antd/card';
+import 'ng-zorro-antd/divider';
+import 'ng-zorro-antd/tabs';
+import 'ng-zorro-antd/space';
+import 'ng-zorro-antd/table';
+import 'ng-zorro-antd/icon';
+import 'ng-zorro-antd/tooltip';
+import 'ng-zorro-antd/core/transition-patch';
+import 'ng-zorro-antd/input';
+import 'ng-zorro-antd/input-number';
+import 'ng-zorro-antd/checkbox';
+import 'ng-zorro-antd/radio';
+import 'ng-zorro-antd/time-picker';
+import 'ng-zorro-antd/upload';
+import 'ng-zorro-antd/tree-select';
+import 'ng-zorro-antd/cascader';
+import 'ng-zorro-antd/slider';
+import 'ng-zorro-antd/rate';
+import 'ng-zorro-antd/image';
+import 'ng-zorro-antd/button';
+import 'ng-zorro-antd/core/wave';
+import 'ng-zorro-antd/empty';
+import '@angular/router';
+import 'ng-zorro-antd/alert';
+import 'ng-zorro-antd/avatar';
+import 'ng-zorro-antd/badge';
+import 'ng-zorro-antd/breadcrumb';
+import 'ng-zorro-antd/list';
+import 'ng-zorro-antd/popconfirm';
+import 'ng-zorro-antd/progress';
+import 'ng-zorro-antd/spin';
+import 'ng-zorro-antd/tag';
+import 'ng-zorro-antd/tree';
+import 'ngx-color/sketch';
+import '@ngx-translate/http-loader';
+import '@angular/common/http';
+
+class DatePropertiesComponent {
+    constructor(changeDetectorRef, translate, canvasRefresh) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.translate = translate;
+        this.canvasRefresh = canvasRefresh;
+        this.trackByLabelValue = trackByLabelValue;
+        this.pickerPreviewKey = 0;
+        this.trackByPickerKey = (_, key) => key;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        let currentLang = !!this.translate.currentLang ? this.translate.currentLang : this.translate.defaultLang;
+        this.dateFormats = DateFormats.filter(res => {
+            if (res.i18n == currentLang) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+        this.timeFormats = TimeFormats.filter(res => {
+            if (res.i18n == currentLang) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+        this.modes = Modes.filter(res => {
+            if (res.i18n == currentLang) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+        this.dateData = this.itemData;
+        this.formItemData = this.itemData;
+        this.dateData.defaultValue = normalizePickerDateValue(this.dateData.defaultValue);
+        const mode = this.modes.find(res => res.value === this.dateData.mode);
+        applyDateModeChange(this.dateData, this.dateData.mode, mode?.format, currentLang);
+        this.changeDetectorRef.markForCheck();
+    }
+    dateFormatChange(_ev) {
+        syncDatePickerFormat(this.dateData, undefined, this.currentLang);
+        this.bumpPickerPreview();
+        this.notifyCanvas();
+    }
+    timeFormatChange(_ev) {
+        syncDatePickerFormat(this.dateData, undefined, this.currentLang);
+        this.bumpPickerPreview();
+        this.notifyCanvas();
+    }
+    dateModeChange(ev) {
+        const mode = this.modes.find(res => res.value === ev);
+        applyDateModeChange(this.dateData, ev, mode?.format, this.currentLang);
+        this.bumpPickerPreview();
+        this.notifyCanvas();
+    }
+    onDefaultValueChange(value) {
+        const normalized = normalizePickerDateValue(value);
+        this.formItemData.defaultValue = normalized;
+        this.dateData.defaultValue = normalized;
+        this.notifyCanvas();
+    }
+    get showTime() {
+        return this.dateData?.mode === 'date'
+            ? resolvePickerShowTime(this.dateData.timeFormat)
+            : false;
+    }
+    get currentLang() {
+        return this.translate.currentLang || this.translate.defaultLang;
+    }
+    bumpPickerPreview() {
+        this.pickerPreviewKey++;
+        this.changeDetectorRef.markForCheck();
+    }
+    notifyCanvas() {
+        this.canvasRefresh.notify();
+        this.changeDetectorRef.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }, { token: DesignerCanvasRefreshService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatePropertiesComponent, selector: "date-properties", inputs: { itemData: ["data", "itemData"], viewType: "viewType" }, usesOnChanges: true, ngImport: i0, template: "<form nz-form [nzLayout]=\"'vertical'\" >\n  <basic-properties [data]=\"dateData\"></basic-properties>\n\n  <div class=\"title\">{{ 'common.proprietary.property' | translate }}</div>\n  <div class=\"properties\" >\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'common.default.value' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <ng-container *ngFor=\"let key of [pickerPreviewKey]; trackBy: trackByPickerKey\">\n              <nz-date-picker \n              name=\"elementDefaultValue\" \n              class=\"{{ showTime ? 'date-picker-with-time' : ''}}\" \n              [nzMode]=\"dateData.mode\" \n              [nzFormat]=\"dateData.format\" \n              [nzShowTime]=\"showTime\"\n              [ngModel]=\"dateData.defaultValue\"\n              (ngModelChange)=\"onDefaultValueChange($event)\"></nz-date-picker>\n              </ng-container>\n          </nz-form-control>\n      </nz-form-item>\n\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.mode' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"dateMode\" \n            [(ngModel)]=\"dateData.mode\" \n            [nzPlaceHolder]=\"'properties.date.mode.placeholder' | translate\" (ngModelChange)=\"dateModeChange($event)\">\n              <ng-container *ngFor=\"let mode of modes; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"mode.value\" [nzLabel]=\"mode.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.date.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementDateFormat\" \n            [(ngModel)]=\"dateData.dateFormat\" \n            [nzPlaceHolder]=\"'properties.date.date.format.placeholder' | translate\" (ngModelChange)=\"dateFormatChange($event)\">\n              <ng-container *ngFor=\"let dateFormat of dateFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"dateFormat.value\" [nzLabel]=\"dateFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.time.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementTimeFormat\" \n            [(ngModel)]=\"dateData.timeFormat\" \n            [nzPlaceHolder]=\"'properties.date.time.format.placeholder' | translate\" (ngModelChange)=\"timeFormatChange($event)\">\n              <ng-container *ngFor=\"let timeFormat of timeFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"timeFormat.value\" [nzLabel]=\"timeFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n\n      <div nz-col nzSpan=\"8\" >\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.input.readonly' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementInputReadOnly\" [(ngModel)]=\"dateData.inputReadOnly\" [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=\"dateData.mode == 'date' && showTime\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.showNow' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowNow\" [(ngModel)]=\"dateData.showNow\" [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=\"dateData.mode == 'date'\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{'properties.date.showToday' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowToday\" [(ngModel)]=\"dateData.showToday\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n  </div>\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n      <events-properties [data]=\"formItemData\"></events-properties>\n    <validators-properties [data]=\"formItemData\"></validators-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%)}.date-picker-with-time{width:220px}\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: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.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: "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: "component", type: i9.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "component", type: BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: ValidatorsPropertiesComponent, selector: "validators-properties", inputs: ["data"] }, { kind: "component", type: FormLayoutPropertiesComponent, selector: "form-layout-properties", inputs: ["data", "viewType"] }, { kind: "component", type: EventsPropertiesComponent, selector: "events-properties", inputs: ["data"] }, { kind: "directive", type: 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: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'date-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\" >\n  <basic-properties [data]=\"dateData\"></basic-properties>\n\n  <div class=\"title\">{{ 'common.proprietary.property' | translate }}</div>\n  <div class=\"properties\" >\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'common.default.value' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <ng-container *ngFor=\"let key of [pickerPreviewKey]; trackBy: trackByPickerKey\">\n              <nz-date-picker \n              name=\"elementDefaultValue\" \n              class=\"{{ showTime ? 'date-picker-with-time' : ''}}\" \n              [nzMode]=\"dateData.mode\" \n              [nzFormat]=\"dateData.format\" \n              [nzShowTime]=\"showTime\"\n              [ngModel]=\"dateData.defaultValue\"\n              (ngModelChange)=\"onDefaultValueChange($event)\"></nz-date-picker>\n              </ng-container>\n          </nz-form-control>\n      </nz-form-item>\n\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.mode' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"dateMode\" \n            [(ngModel)]=\"dateData.mode\" \n            [nzPlaceHolder]=\"'properties.date.mode.placeholder' | translate\" (ngModelChange)=\"dateModeChange($event)\">\n              <ng-container *ngFor=\"let mode of modes; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"mode.value\" [nzLabel]=\"mode.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.date.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementDateFormat\" \n            [(ngModel)]=\"dateData.dateFormat\" \n            [nzPlaceHolder]=\"'properties.date.date.format.placeholder' | translate\" (ngModelChange)=\"dateFormatChange($event)\">\n              <ng-container *ngFor=\"let dateFormat of dateFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"dateFormat.value\" [nzLabel]=\"dateFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.time.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementTimeFormat\" \n            [(ngModel)]=\"dateData.timeFormat\" \n            [nzPlaceHolder]=\"'properties.date.time.format.placeholder' | translate\" (ngModelChange)=\"timeFormatChange($event)\">\n              <ng-container *ngFor=\"let timeFormat of timeFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"timeFormat.value\" [nzLabel]=\"timeFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n\n      <div nz-col nzSpan=\"8\" >\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.input.readonly' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementInputReadOnly\" [(ngModel)]=\"dateData.inputReadOnly\" [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=\"dateData.mode == 'date' && showTime\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.showNow' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowNow\" [(ngModel)]=\"dateData.showNow\" [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=\"dateData.mode == 'date'\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{'properties.date.showToday' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowToday\" [(ngModel)]=\"dateData.showToday\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n  </div>\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n      <events-properties [data]=\"formItemData\"></events-properties>\n    <validators-properties [data]=\"formItemData\"></validators-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%)}.date-picker-with-time{width:220px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }, { type: DesignerCanvasRefreshService }], propDecorators: { itemData: [{
+                type: Input,
+                args: ["data"]
+            }], viewType: [{
+                type: Input,
+                args: ["viewType"]
+            }] } });
+
+class DatePropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesModule, declarations: [DatePropertiesComponent], imports: [PropertyPanelSharedModule], exports: [DatePropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DatePropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [DatePropertiesComponent]
+                }]
+        }] });
+
+export { DatePropertiesComponent, DatePropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-date-properties.module-DGmuzB5y.mjs.map

package/fesm2022/jinmutech-ng-zorro-form-design-date-properties.module-DGmuzB5y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-date-properties.module-DGmuzB5y.mjs","sources":["../../src/app/pages/designer/element-properties/date-properties/date-properties.component.ts","../../src/app/pages/designer/element-properties/date-properties/date-properties.component.html","../../src/app/pages/designer/element-properties/date-properties/date-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, Input, OnChanges, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DateFormats, Modes, TimeFormats } from '../../../../shared/dictionaries/items-types.const';\nimport { FormItemModel } from '../../../../shared/models/form-item.model';\nimport { IDatePickerModel, I18nLabelValue, IItemModel } from '../../../../shared/models/i-items.model';\nimport { DesignerCanvasRefreshService } from '../../../../shared/services/designer-canvas-refresh.service';\nimport { applyDateModeChange, resolvePickerShowTime, syncDatePickerFormat } from '../../../../shared/utils/date-format.util';\nimport { normalizePickerDateValue } from '../../../../shared/utils/form-values.util';\nimport { trackByLabelValue } from '../../../../shared/utils/track-by.util';\n\n@Component({\n  selector: 'date-properties',\n  templateUrl: './date-properties.component.html',\n  styleUrls: ['./date-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatePropertiesComponent implements OnInit, OnChanges {\n  @Input(\"data\")\n  itemData!: IItemModel;\n\n  @Input(\"viewType\")\n  viewType!: number;\n\n  dateData!: IDatePickerModel;\n  formItemData!: FormItemModel;\n  dateFormats!: I18nLabelValue[];\n  timeFormats!: I18nLabelValue[];\n  modes!: I18nLabelValue[];\n  readonly trackByLabelValue = trackByLabelValue;\n  pickerPreviewKey = 0;\n  readonly trackByPickerKey = (_: number, key: number) => key;\n\n  constructor(\n    private changeDetectorRef: ChangeDetectorRef,\n    private translate: TranslateService,\n    private canvasRefresh: DesignerCanvasRefreshService) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange() {\n    let currentLang = !!this.translate.currentLang?this.translate.currentLang:this.translate.defaultLang;\n    this.dateFormats = DateFormats.filter( res => {\n      if (res.i18n == currentLang) {\n        return true;\n      }else {\n        return false;\n      }\n    });\n    \n    this.timeFormats = TimeFormats.filter( res => {\n      if (res.i18n == currentLang) {\n        return true;\n      }else {\n        return false;\n      }\n    });\n\n    this.modes = Modes.filter( res => {\n      if (res.i18n == currentLang) {\n        return true;\n      }else {\n        return false;\n      }\n    });\n    this.dateData = this.itemData as IDatePickerModel;\n    this.formItemData = this.itemData as FormItemModel;\n    this.dateData.defaultValue = normalizePickerDateValue(this.dateData.defaultValue);\n    const mode = this.modes.find(res => res.value === this.dateData.mode);\n    applyDateModeChange(this.dateData, this.dateData.mode, mode?.format, currentLang);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  dateFormatChange(_ev: unknown) {\n    syncDatePickerFormat(this.dateData, undefined, this.currentLang);\n    this.bumpPickerPreview();\n    this.notifyCanvas();\n  }\n\n  timeFormatChange(_ev: unknown) {\n    syncDatePickerFormat(this.dateData, undefined, this.currentLang);\n    this.bumpPickerPreview();\n    this.notifyCanvas();\n  }\n\n  dateModeChange(ev: string) {\n    const mode = this.modes.find(res => res.value === ev);\n    applyDateModeChange(this.dateData, ev, mode?.format, this.currentLang);\n    this.bumpPickerPreview();\n    this.notifyCanvas();\n  }\n\n  onDefaultValueChange(value: unknown): void {\n    const normalized = normalizePickerDateValue(value);\n    this.formItemData.defaultValue = normalized;\n    this.dateData.defaultValue = normalized;\n    this.notifyCanvas();\n  }\n\n  get showTime(): object | boolean {\n    return this.dateData?.mode === 'date'\n      ? resolvePickerShowTime(this.dateData.timeFormat)\n      : false;\n  }\n\n  private get currentLang(): string {\n    return this.translate.currentLang || this.translate.defaultLang;\n  }\n\n  private bumpPickerPreview(): void {\n    this.pickerPreviewKey++;\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private notifyCanvas(): void {\n    this.canvasRefresh.notify();\n    this.changeDetectorRef.markForCheck();\n  }\n}\n","<form nz-form [nzLayout]=\"'vertical'\" >\n  <basic-properties [data]=\"dateData\"></basic-properties>\n\n  <div class=\"title\">{{ 'common.proprietary.property' | translate }}</div>\n  <div class=\"properties\" >\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'common.default.value' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n              <ng-container *ngFor=\"let key of [pickerPreviewKey]; trackBy: trackByPickerKey\">\n              <nz-date-picker \n              name=\"elementDefaultValue\" \n              class=\"{{ showTime ? 'date-picker-with-time' : ''}}\" \n              [nzMode]=\"dateData.mode\" \n              [nzFormat]=\"dateData.format\" \n              [nzShowTime]=\"showTime\"\n              [ngModel]=\"dateData.defaultValue\"\n              (ngModelChange)=\"onDefaultValueChange($event)\"></nz-date-picker>\n              </ng-container>\n          </nz-form-control>\n      </nz-form-item>\n\n      <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.mode' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"dateMode\" \n            [(ngModel)]=\"dateData.mode\" \n            [nzPlaceHolder]=\"'properties.date.mode.placeholder' | translate\" (ngModelChange)=\"dateModeChange($event)\">\n              <ng-container *ngFor=\"let mode of modes; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"mode.value\" [nzLabel]=\"mode.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.date.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementDateFormat\" \n            [(ngModel)]=\"dateData.dateFormat\" \n            [nzPlaceHolder]=\"'properties.date.date.format.placeholder' | translate\" (ngModelChange)=\"dateFormatChange($event)\">\n              <ng-container *ngFor=\"let dateFormat of dateFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"dateFormat.value\" [nzLabel]=\"dateFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n      <nz-form-item *ngIf=\"dateData.mode=='date'\">\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.time.format' | translate}}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"elementTimeFormat\" \n            [(ngModel)]=\"dateData.timeFormat\" \n            [nzPlaceHolder]=\"'properties.date.time.format.placeholder' | translate\" (ngModelChange)=\"timeFormatChange($event)\">\n              <ng-container *ngFor=\"let timeFormat of timeFormats; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"timeFormat.value\" [nzLabel]=\"timeFormat.label\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n      </nz-form-item>\n\n      <div nz-col nzSpan=\"8\" >\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.input.readonly' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementInputReadOnly\" [(ngModel)]=\"dateData.inputReadOnly\" [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=\"dateData.mode == 'date' && showTime\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.date.showNow' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowNow\" [(ngModel)]=\"dateData.showNow\" [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=\"dateData.mode == 'date'\">\n          <nz-form-item >\n            <nz-form-label [nzSpan]=\"24\">{{'properties.date.showToday' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"elementShowToday\" [(ngModel)]=\"dateData.showToday\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n  </div>\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n      <events-properties [data]=\"formItemData\"></events-properties>\n    <validators-properties [data]=\"formItemData\"></validators-properties>\n</form>","import { NgModule } from '@angular/core';\nimport { DatePropertiesComponent } from './date-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [DatePropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [DatePropertiesComponent]\n})\nexport class DatePropertiesModule {}\n\nexport { DatePropertiesComponent };\n"],"names":["i2.DesignerCanvasRefreshService","i3","i4","i5","i6","i10.BasicPropertiesComponent","i11.ValidatorsPropertiesComponent","i12.FormLayoutPropertiesComponent","i13.EventsPropertiesComponent","i14.DesignerPropertyChangeDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBa,uBAAuB,CAAA;AAgBlC,IAAA,WAAA,CACU,iBAAoC,EACpC,SAA2B,EAC3B,aAA2C,EAAA;QAF3C,IAAA,CAAA,iBAAiB,GAAjB,iBAAiB;QACjB,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,aAAa,GAAb,aAAa;QAPd,IAAA,CAAA,iBAAiB,GAAG,iBAAiB;QAC9C,IAAA,CAAA,gBAAgB,GAAG,CAAC;QACX,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAS,EAAE,GAAW,KAAK,GAAG;IAKF;IAEzD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE;IACnB;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,UAAU,EAAE;IACnB;IAEA,UAAU,GAAA;QACR,IAAI,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAC,IAAI,CAAC,SAAS,CAAC,WAAW;QACpG,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAE,GAAG,IAAG;AAC3C,YAAA,IAAI,GAAG,CAAC,IAAI,IAAI,WAAW,EAAE;AAC3B,gBAAA,OAAO,IAAI;YACb;iBAAM;AACJ,gBAAA,OAAO,KAAK;YACd;AACF,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAE,GAAG,IAAG;AAC3C,YAAA,IAAI,GAAG,CAAC,IAAI,IAAI,WAAW,EAAE;AAC3B,gBAAA,OAAO,IAAI;YACb;iBAAM;AACJ,gBAAA,OAAO,KAAK;YACd;AACF,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAE,GAAG,IAAG;AAC/B,YAAA,IAAI,GAAG,CAAC,IAAI,IAAI,WAAW,EAAE;AAC3B,gBAAA,OAAO,IAAI;YACb;iBAAM;AACJ,gBAAA,OAAO,KAAK;YACd;AACF,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAA4B;AACjD,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAyB;AAClD,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;QACjF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACrE,QAAA,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC;AACjF,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACvC;AAEA,IAAA,gBAAgB,CAAC,GAAY,EAAA;QAC3B,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;QAChE,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,GAAY,EAAA;QAC3B,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;QAChE,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;IACrB;AAEA,IAAA,cAAc,CAAC,EAAU,EAAA;AACvB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;AACrD,QAAA,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;QACtE,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;IACrB;AAEA,IAAA,oBAAoB,CAAC,KAAc,EAAA;AACjC,QAAA,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC;AAClD,QAAA,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,UAAU;AAC3C,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,UAAU;QACvC,IAAI,CAAC,YAAY,EAAE;IACrB;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,KAAK;cAC3B,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU;cAC9C,KAAK;IACX;AAEA,IAAA,IAAY,WAAW,GAAA;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW;IACjE;IAEQ,iBAAiB,GAAA;QACvB,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACvC;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;AAC3B,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACvC;+GA1GW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,4BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,8IChBpC,q2JAsFO,EAAA,MAAA,EAAA,CAAA,4iBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,MAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,QAAA,EAAA,WAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,wBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,6BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,6BAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,yBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,+BAAA,EAAA,QAAA,EAAA,gkBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDtEM,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,q2JAAA,EAAA,MAAA,EAAA,CAAA,4iBAAA,CAAA,EAAA;6JAI/C,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,MAAM;gBAIb,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,UAAU;;;MEXN,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,CAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC5B,yBAAyB,aACzB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHrB,yBAAyB,CAAA,EAAA,CAAA,CAAA;;4FAGxB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,OAAO,EAAE,CAAC,uBAAuB;AAClC,iBAAA;;;;;"}

package/fesm2022/jinmutech-ng-zorro-form-design-divider-properties.module-ZfqdWRFu.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/grid';
+import * as i5 from 'ng-zorro-antd/form';
+import * as i5$1 from 'ng-zorro-antd/input';
+import * as i6 from 'ng-zorro-antd/radio';
+import * as i8 from 'ng-zorro-antd/switch';
+import { B as BasicPropertiesComponent, C as CssPropertiesComponent, D as DesignerPropertyChangeDirective, P as PropertyPanelSharedModule } from './jinmutech-ng-zorro-form-design-property-panel-shared.module-FJXAae9F.mjs';
+import * as i1 from '@ngx-translate/core';
+import './jinmutech-ng-zorro-form-design-jinmutech-ng-zorro-form-design-BUQ0OE6J.mjs';
+import 'rxjs';
+import 'rxjs/operators';
+import 'ng-zorro-antd/i18n';
+import '@angular/common/locales/en';
+import '@angular/common/locales/zh';
+import 'date-fns/locale';
+import '@angular/cdk/platform';
+import 'ng-zorro-antd/modal';
+import 'uuid';
+import 'ng-zorro-antd/message';
+import 'ng-zorro-antd/drawer';
+import '@jm/internal/monaco-features-loader';
+import 'ng-zorro-antd/menu';
+import 'ng-zorro-antd/dropdown';
+import 'ng-zorro-antd/popover';
+import 'ng-zorro-antd/layout';
+import 'ng-zorro-antd/card';
+import 'ng-zorro-antd/divider';
+import 'ng-zorro-antd/tabs';
+import 'ng-zorro-antd/space';
+import 'ng-zorro-antd/table';
+import 'ng-zorro-antd/icon';
+import 'ng-zorro-antd/tooltip';
+import 'ng-zorro-antd/core/transition-patch';
+import 'ng-zorro-antd/input-number';
+import 'ng-zorro-antd/checkbox';
+import 'ng-zorro-antd/select';
+import 'ng-zorro-antd/date-picker';
+import 'ng-zorro-antd/time-picker';
+import 'ng-zorro-antd/upload';
+import 'ng-zorro-antd/tree-select';
+import 'ng-zorro-antd/cascader';
+import 'ng-zorro-antd/slider';
+import 'ng-zorro-antd/rate';
+import 'ng-zorro-antd/image';
+import 'ng-zorro-antd/button';
+import 'ng-zorro-antd/core/wave';
+import 'ng-zorro-antd/empty';
+import '@angular/router';
+import 'ng-zorro-antd/alert';
+import 'ng-zorro-antd/avatar';
+import 'ng-zorro-antd/badge';
+import 'ng-zorro-antd/breadcrumb';
+import 'ng-zorro-antd/list';
+import 'ng-zorro-antd/popconfirm';
+import 'ng-zorro-antd/progress';
+import 'ng-zorro-antd/spin';
+import 'ng-zorro-antd/tag';
+import 'ng-zorro-antd/tree';
+import 'ngx-color/sketch';
+import '@ngx-translate/http-loader';
+import '@angular/common/http';
+
+class DividerPropertiesComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.dividerData = this.itemData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DividerPropertiesComponent, selector: "divider-properties", inputs: { itemData: ["data", "itemData"] }, usesOnChanges: true, ngImport: i0, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n    <div class=\"title\">{{ 'properties.divider.title' | translate }}</div>\n    <div class=\"properties\" >\n      <div nz-row nzSpan=\"12\">\n        <div nz-col nzSpan=\"24\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.inner.text' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <input name=\"dividerText\" nz-input placeholder=\"properties.divider.inner.text.placeholder\" [(ngModel)]=\"dividerData.text\"/>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n  \n        <div nz-col nzSpan=\"24\" *ngIf=\"false\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.type' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"dividerType\" [(ngModel)]=\"dividerData.dividerType\">\n                <label nz-radio-button [nzValue]=\"'horizontal'\">{{ 'properties.divider.type.horizontal' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'vertical'\">{{ 'properties.divider.type.vertical' | translate }}</label>\n              </nz-radio-group>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <div nz-col nzSpan=\"24\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.text.align' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"spaceOrientation\" [(ngModel)]=\"dividerData.orientation\">\n                <label nz-radio-button [nzValue]=\"'left'\">{{ 'properties.divider.text.align.left' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'center'\">{{ 'properties.divider.text.align.center' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'right'\">{{ 'properties.divider.text.align.right' | translate }}</label>\n              </nz-radio-group>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <div nz-col nzSpan=\"12\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.dashed' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\u201CdividerDashed\u201D [(ngModel)]=\"dividerData.dashed\" [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=\"12\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.plain' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"dividerPlain\" [(ngModel)]=\"dividerData.plain\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n      </div>\n    </div>\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: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.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: i5$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i6.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: BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: CssPropertiesComponent, selector: "css-properties", inputs: ["data"] }, { kind: "directive", type: 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: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'divider-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n    <div class=\"title\">{{ 'properties.divider.title' | translate }}</div>\n    <div class=\"properties\" >\n      <div nz-row nzSpan=\"12\">\n        <div nz-col nzSpan=\"24\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.inner.text' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <input name=\"dividerText\" nz-input placeholder=\"properties.divider.inner.text.placeholder\" [(ngModel)]=\"dividerData.text\"/>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n  \n        <div nz-col nzSpan=\"24\" *ngIf=\"false\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.type' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"dividerType\" [(ngModel)]=\"dividerData.dividerType\">\n                <label nz-radio-button [nzValue]=\"'horizontal'\">{{ 'properties.divider.type.horizontal' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'vertical'\">{{ 'properties.divider.type.vertical' | translate }}</label>\n              </nz-radio-group>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <div nz-col nzSpan=\"24\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.text.align' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-radio-group name=\"spaceOrientation\" [(ngModel)]=\"dividerData.orientation\">\n                <label nz-radio-button [nzValue]=\"'left'\">{{ 'properties.divider.text.align.left' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'center'\">{{ 'properties.divider.text.align.center' | translate }}</label>\n                <label nz-radio-button [nzValue]=\"'right'\">{{ 'properties.divider.text.align.right' | translate }}</label>\n              </nz-radio-group>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <div nz-col nzSpan=\"12\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.dashed' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\u201CdividerDashed\u201D [(ngModel)]=\"dividerData.dashed\" [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=\"12\">\n          <nz-form-item>\n            <nz-form-label [nzSpan]=\"24\">{{ 'properties.divider.plain' | translate }}</nz-form-label>\n            <nz-form-control [nzSpan]=\"24\">\n              <nz-switch name=\"dividerPlain\" [(ngModel)]=\"dividerData.plain\" [nzCheckedChildren]=\"'common.yes' | translate\" [nzUnCheckedChildren]=\"'common.no' | translate\"></nz-switch>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n      </div>\n    </div>\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 }], propDecorators: { itemData: [{
+                type: Input,
+                args: ['data']
+            }] } });
+
+class DividerPropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesModule, declarations: [DividerPropertiesComponent], imports: [PropertyPanelSharedModule], exports: [DividerPropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DividerPropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DividerPropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [DividerPropertiesComponent]
+                }]
+        }] });
+
+export { DividerPropertiesComponent, DividerPropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-divider-properties.module-ZfqdWRFu.mjs.map